ABCDFGHKLMNORSTUVWXYZ
1
◆日報
2
3
2021年11月22日月曜日2021年11月24日水曜日2021年11月25日木曜日2021年11月26日金曜日2021年11月29日月曜日2021年11月30日火曜日2021年12月1日水曜日2021年12月2日木曜日2021年12月3日金曜日2021年12月6日月曜日2021年12月7日火曜日2021年12月8日水曜日2021年12月9日木曜日2021年12月10日金曜日2021年12月11日土曜日2021年12月12日日曜日2021年12月13日月曜日2021年12月14日火曜日
4
本多作業内容shifterの調査・理解       他社サイト調査shifter調査・理解・テーマ選定 ロゴデザイン shifter管理画面アカウント作成・サイトテスト構築レポート作成・テーマ選定・サイトマップ作成・Sifter管理画面からサイトテスト構築サイトマップ作成・サイトデザイン構築・プラグイン調査 ロゴデザイン絞り込みサイトデータ移行・サイトデザイン構築・サイトマップ確認・プラグイン調査サイトデザイン、サイト制作・実装・テキスト入力・画像選定、圧縮作業サイトデザイン・サイト制作、実装・課題対応・調査・動作確認項目、調査、確認サイト制作・実装・デザイン、テキスト修正・動作項目確認サイト修正・動作項目・確認・SEOプラグイン調査・調整プラグイン、サーチコンソール設定調査・OGP設定、調査、モンキーテスト確認サイト表示速度、パフォーマンス調査・確認、パフォーマンス改善調査・確認パーマリンク修正・画像alt属性seo調査、設定・サイト保守調査・確認サイトの保守性・セキュリティ対策調査、確認・reCAPTCHA調査・スパム対策調査・Googleフォーム動作確認GooglereCAPTCHA、Googleformセキュリティ調査・モンキーテスト・フォームテスト・最終調整最終確認・フォーム修正確認・テスト・調査、振り返りレポート構成案作成独自ドメイン取得後サイト最終確認、修正箇所調査・レポート作成
5
コメント、反省等shifter公式サイトやブログなどで理解を深めました。他社サイトは公式サイトのショウケースで調べました。もっと他のサイトがないか調べてみます。候補に挙がっているテーマのうちの一つを使用して、テストでサイトをジェネレートしてみたり、色々いじってみました。感想はレポートに記入します。Shifterの感想はレポートに記入しました。石部さんと共同編集ができるようにできました。ワイヤーフレームの代わりにテストと同時にサイトの枠を作っていきます。テーマはLightningにしました。サイトマップとワイヤーフレームを考えながら、サイトの骨組みを作っています。候補のプラグインを予め絞り込んでいたものを石部さんに調べてもらいました。佐藤さんのロゴみんな良いので迷います。本日はお騒がせして申し訳ありませんでした。無事、サイトデータの移行、管理画面に入ることもできたので良かったです。テキスト入れも、安達さんからご記入いただいたヒアリングシートや、以前いただいたスライドなどを参考に少しづつ考えて入れていきます。プラグインは私が予め絞り込んでいたものを、石部さんに調べてもらい、確認をして必要だと思うものを選定しました。佐藤さんにはサイトを見ながらカンプを作ってもらっています。サイトに入れるテキストを安達さんにご記入いただいたヒアリングシートや、スライド資料などを参考に考えて、入れていきました。サイトデザインはサイトで制作したものを基準に佐藤さんにカンプで作ってもらっています。ロゴも更に2つ作ってくれたので、また悩むと思います^^フォームに関しては、Googleフォームを使った非同期実装を石部さんにやってもらいました。オリジナルのフォームのデザインにGoogleフォームを紐づけて、フォームを送信させる方法です。以前、私のポートフォリオサイトもこの方法で実装したので、Shifterの静的なサイトにはこの方法かなと思いました。石部さんがスピーディーに実装してくれたので、大変助かりました。フォームの検証は、必須項目のところや電話番号はHTMLで設定をして、テストメールを送って確認していきます。今日は安達さんから頂いた課題の調査、対応に時間がかかってしまいました。課題No1の方は石部さんが解決してくれて大変助かりました。課題No2の方はエラー表示の原因はわかりましたが、解決する方法が見つからず、申し訳ございません。詳しくは課題シートに記入いたしました。動作確認項目は、佐藤さんはデザインに専念してもらうため、石部さんにシートを作ってもらいました。少し助言するだけで、ほぼ確認項目を仕上げてもらったので、さらに感謝です。佐藤さんも、デザインカンプをスマホ版まで作ってくれていたので感謝です。デザインの方一度、ご確認いただければと思います。今日は、安達さんから頂いたレビューを元に、デザインやテキストの修正を行いました。佐藤さんのカンプのデザインも反映させて、余白の調整や見出しのデザインの調整を少し行いました。固定ページのタイトルの帯の部分に関してはレビュー結果シートにコメントさせてもらいました。動作確認項目は、佐藤さん、石部さんにできるところから、チェックしてもらいました。佐藤さんはテキストを細かく見てくれて大変助かりました。石部さんはフォーム中心に確認してもらい、修正箇所もすぐ直してくれたので大変助かりました。今日も佐藤さん、石部さんに動作確認、モンキーテストをしてもらいました。二人ともスピーディーに仕事をしてくれたので、大変助かりました。レビューで頂いた点を修正し、SEOのプラグインの調査・設定をいたしました。SNSで表示されるサムネイルも設定しました。設定のほうはもう少し、調べてやってみます。今日はサイトのインデックスをGoogleのクローラーに早めに伝えるため、プラグインでできるサーチコンソールの登録設定と調査、SNSでサイトの表示がきちんとされるためのOGP設定の調査、確認を行いました。佐藤さんには動作確認項目で私が追加した「OGP設定」の確認をしてもらい、再度問題ないかサイトのモンキーテストなどをしてもらいました。確認作業ばかりでしたが、集中して取り組んでもらったので、とても助かりました。石部さんにはフォーム回り中心に引き続き取り組んでもらいました。文字制限のことで一生懸命調べていたので、私自身勉強になることがありました。動作確認に「サイトの表示速度、パフォーマンスの確認」を追加しました。以前、安達さん、岡さんに教えていただいた「PageSpeed Insights」、検証画面から見れる「Lighthouse」などを使って佐藤さんに調べてもらいました。私はサイトの表示速度を上げるためのWordpressのプラグイン「Autoptimize」の調査を行いました。コードの最適化をすることによってパフォーマンスを上げるプラグインです。調べたら、まずShifterでは必要ない、と同時に使えないという公式サイトの記事がでてきました。使わなくても、Shifterサイトにしたら、最適化されて充分早いということだと思われます。ちなみに検証画面から計測できる「Lighthouse」は通常のchromeのウインドウで計測するとGoogleの拡張機能などを入れている場合、全て一緒に読み込まれて計測されてしまうらしいので、「Lighthouse」で調べるときは、シークレットウインドウで見ると正しく計測されるそうです。ただ、Slackの方でも書きましたが、計測するたびに数字がけっこう変わります。。あとは計測するツールによっても多少違いはでます。今日は、私の方でサイトのパーマリンクの修正と、画像のaltの記入を行いました。画像のalt属性はSEOの観点から言うと(SEOの為だけに記述するものではないですが)、ロゴ画像ですとか、バナーなどサイトのキーワードが入りそうな意味のあるものには画像の説明の記述をしたほうが良いそうですが、イメージ画像など装飾目的で設置した画像はとくに入れなくても良いそうです。そして佐藤さんと石部さんには、サイトの保守について調べてもらいました。佐藤さんには通常のWordpressのサイトで使うプラグイン「Wordfence」(不正なファイルなどをスキャンしたり様々な機能がある保守性を上げるプラグイン)についてShifterで使えるのか、そもそもShifterで必要なのかなどを調べてもらいました。石部さんにはフォームでスパム対策など使うGoogleの「reCAPTCHA」について調べてもらいました。通常のWordpressのサイトですと、プラグイン「Contact form7」とreCAPTCHAを簡単に設定することができるのですが、今回はShifterでGoogleフォームを使って実装しているので、どういう実装の仕方になるのか、などを調べてもらいました。そして、もう一つ私の方で、「SiteGuard」(Wordpressのログイン画面のURLを変更するなどの機能があるプラグイン)がShifterで使えるのか、そもそも使う必要があるのか?を調べました。結論は必要なしでした。Sifterの公式サイトの記事などで、調べました。改めて、Shifterの保守性の高さを認識しました。今日は、サイト保守の意味を調査し、プラグイン「Wordfence」の機能調査、Shifterのセキュリティの高さなどについて調査しました。安達さんからのご質問に対してSlackの方で回答をさせていただきました。そして、石部さん中心にGoogleの「reCAPTCHA」について再度調査しました。「reCAPTCHA」のメリット、デメリットは石部さんのほうから、Slackで報告してもらいました。一つ付け加えると、「reCAPTCHA」のデメリットとして、サイトの表示速度が遅くなるという記事あり、それが少し気になる点でした。参考サイト https://movie-hack.info/2021/04/09/recaptcha/ そして、佐藤さんには、Googleの「reCAPTCHA」以外にスパム対策としての方法はないか、またShifterでGoogleフォーム以外のフォーム実装方法などを調べてもらいました。Shifterでフォームを使うときに様々な外部サービスがある中で、今回は一番設定などがしやすいかなという理由でGoogleフォームで実装しましたが、Formspreeという外部サービスも良さそうでした。(比較的、簡単にフォームの設置ができそうです。が、無料で制限がありそうなので今回はやめました)参考サイト https://qiita.com/kusokamayarou/items/d61323c4d17ef10b1edb 今日は安達さんからいただいた質問の、Google「reCAPTCHA」についてと、Googleformのセキュリティについて調査を3人でいたしました。回答はSlackにてさせていただきました。今日は最終確認で、(Slackの方でも報告させていただきましたが)私のスマートフォンからフォームのテスト送信をおこなったところ、最初は送信された後に、(おそらく安達さんの方にもテストで送信したフォームのメールが届いていたと思いますが)、私の方にも返信メールが届きましたが、送信元が石部さんのメールアドレスになっていました。そのあとに、石部さんがGoogleAppsScriptで送信元が安達さんのメールアドレス(合同会社Extendの名前で表示されるように)コードを書き足してもらったのですが、そしたら今度はフォームから送信しても返信のメール自体がこなくなってしまいました。Slackでも報告させていただきましたが、調査したところ、メールの送信元はトリガーの設定者になってしまうらしいので、安達さんのほうからトリガーの設定をしていただけたらと思います。お手数おかけして申し訳ありませんがよろしくお願いいたします。そうしましたら、再度、最終確認をさせていただきたいと思います。安達さん、本日は大変お忙しい中、フォームの対応、確認をしていただきありがとうございました。石部さんが手際よく、実装などしてくれたので助かりました。また、薮田さんからサポートもいただきありがとうございました。佐藤さんには振り返りをしてもらって、レポート作成の骨組みなどを調べて、考えてもらいました。明日、再度、サイトの最終チェックをしていきたいと思います。安達さん、独自ドメインの取得をしていただきありがとうございました。修正箇所の調査を行いましたが、中々解決策が見つからず申し訳ありませんでした。実習は今日で最後ですが、今後もサイトについて、お手伝いできることがあればと思います。改めて、勉強になることがたくさんありました。安達さん、薮田さん、岡さん、大変お忙しい中、丁寧にご教授いただき、本当にありがとうございました。これからもよろしくお願いいたします。
6
石部作業内容Shifter調査・理解
他社サイト調査
Shifterレポート作成、テーマ選定サイトマップ作成、Shifterテストプラグイン調査、お問い合わせフォームの調査プラグインの決定、お問い合わせフォーム調査お問い合わせフォーム作成「課題」シートの対応
動作確認項目作成
All in One SEOの設定
フォーム修正
動作確認
動作確認動作確認
フォーム修正
文字数制限の調査、実装フォームについての調査GooglereCAPTCHA調査reCAPTCHA調査、最終確認フォーム修正サイト最終チェック、レポート作成
7
コメント、反省等一日ShifterやShifterで制作したサイトを調査し、Shifetrへの理解を深めることができた。Shifterでの制作のイメージがはっきりしてきた。調査した内容をもとにレポートを作成しました。動的と静的の違いや、Shifterのもつデメリット(一部プラグインが使えない、更新の手間がかかる)をレポート作成のなか学ぶことができました。Shifterに登録し、チームという共有機能を使って本多さんと同時にWordPressを編集していました。サイト編集の使い勝手はWordPressと全く同じなので、特に疑問点等ありません。シフターで使用できるプラグイン、できないプラグインを調べていました。使用できるか判断がつかないものはシフターのチャットで問い合わせたところ、すぐに返信がきて驚きました。佐藤さんの四角バージョンのロゴも良いと思います👍プラグインとお問い合わせフォームの選定をいたしました。WordPressのフォームプラグインは、ShifterではPHPが動かないことから使えないらしく、静的サイトでも使えるGoogleフォームでやることにしました。Googleフォームは少しコーディングやプログラミングが必要になりますが機能が充実していて良さそうです。フォームが完成しました。
Googleフォーム自体使うのは初めてでしたが、あまりつまづく事なく作れて良かったです。
@岡さん Googleフォームでは、自動返信機能をつける際にJavaScriptを使いました。それ以外はHTMLの知識でカスタマイズ可能でした。
課題シートの対応をしました。1の方はすぐできましたが、2は私達のほうで直すのは不可能だと思います。また、動作確認をするべき項目を洗い出してシートにまとめました。フォームの不具合を修正しました。また、フォームのセキュリティについて調べたのですが、スパム対策にはGooglereCAPTCHを導入し、BOT操作でフォームを送信することを難しくするのが効果高いようです。他にも調べて、いくつかの対策について知ることができました。昨日に続き、フォームまわりの動作確認をしました。変な動作は見つからなかったので安心しました。フォームのセキュリティや使いやすさについて調べて考えていました。昨日から色々調べた結果、シンプルにフォームの文字数制限をするにはHTMLのmaxlength属性を使うのがベストという結論に至りました。フォームのスパム対策についてGooglereCAPTCHAの導入が一番効果が高いようでしたので、導入方法について調べました。WordPressであればプラグインで簡単にできるようですが、Shifter+Googleフォームを使用しているため、プラグイン無しでの方法で実際に導入を試してみました。練習に使ったのは私の個人サイトです。結果は、プラグインがなくてもGooglereCAPTCHAをGoogleフォームに設定することができました。しかしフォームにJSを書き足し設定する必要があった為大変でした。Shifterにもフォーム機能やGooglereCAPTCHA等を簡単に導入できるプラグインがあればShifterの利用者は増えるのではないかと思います。一日調べたりテストをして、reCAPTCHAのメリットデメリットやバージョンによる違い、そして改めて今回実装したオリジナルフォームをGoogleフォームに紐付ける仕組みを理解できました。午前はreCAPTCHAに関する調査をして、午後にはサイトの最終確認を行いました。
Slackで送ったとおりですが、フォーム送信時の自動送信メールの送信元を安達さんに変えたところ、エラーが発生してしまい安達さんにはお手数おかけしてしまい申し訳ございません。
しかしそれ以外のところは特に表示崩れやエラー等なかったので、サイト自体は完成いたしました。
問題点の修正をしました。無事正常に動作するようになり安心しました。
また、連続送信の禁止によりフォームがより良くなったと思います。ありがとうございました。
今日までの振り返りをして、学べたこと、得たものが多い一ヶ月だったと思いました。お忙しい中Slackとスプレッドシートにご返答いただきありがとうございました。学んだことを次に繋げていきたいと思います。大変お世話になりました。
8
佐藤作業内容Shifter理解、他社サイト調査会社ロゴデザイン作成会社ロゴデザイン作成会社ロゴデザイン作成サイトデザイン制作サイトデザイン、ロゴ制作サイトデザイン制作サイト情報、テキスト確認動作確認動作確認サイトパフォーマンスの確認プラグイン調査フォームサービス調査 google reCAPTCHAの調査、動作確認実習の振り返り、レポート作成レポート作成
9
コメント、反省等調査をした結果、Shifterを使用するとWordPressで問題視されている安全性や表示速度について、大幅に改善されることが分かった。大体のロゴデザインの方向性が決まり、いくつかロゴを試作している段階です。これからブラッシュアップをしていきたいと思います。ロゴが大体完成しました。
こうした方がよいなどがあればご意見をいただきたく思います。
よろしくお願いいたします。
グラデーションと四角形のバージョンを作成しました。ロゴのデザインは最終的に4種類になりました。
ご確認のほどよろしくお願いいたします。
サイトマップを元にXDでサイトのデザインの作成に入っています。
本多さんに確認しつつLightningのテーマに沿ったデザインにしていきたいと思います。
引き続きサイトのデザインを行っています。
また、ロゴのデザインも追加で2パターン作りましたので、確認よろしくお願いいたします。
サイトのデザインが完成しました。
本多さんに先に作っていただいたものを元に、余白や文字の配置を多少変えています。
レビューをよろしくお願いいたします。
サイトの情報や文章に間違いがないかファビコンがきちんと表示されるかなどの確認を行いました。
余白の調整を本多さんにしていただきました。
サイトの表示やリンクの確認などを行いました。
ブラウザ間でのレイアウトの差異はほとんどありませんでした。
OGP設定の確認やモンキーテストを行いました。
サイトの動作に問題はありませんでした。
Lighthouseなどを使ってサイトのパフォーマンスを検証しました。
wordpressで作られたいくつかのサイトと比べてスコアが高いことが分かりました。
Wordfence等のセキュリティ対策のプラグインはShifterでは非推奨になっていました。
Shifterで静的サイトにするので、これらのプラグインは必要ないかと思われました。
Shifterで使えるフォームサービスの調査を行いました。
BasinやFormspreeなどフリープランでも色々な機能がサポートされている外部サービスが沢山あることが分かりました。
reCAPTCHAの導入方法についての調査とサイトの動作確認を再度行いました。動作は問題ありませんでした。
reCAPTCHAの導入方法についてはgoogleフォームやWP Serverless Formsというプラグインを使った方法など調べ理解を深めることができました。
今までの実習を振り返りつつ、レポートの構成の確認や文章の作成を行いました。昨日に引き続きレポートの作成を行いました。
あっという間で学ぶことの多い一ヶ月間でした。毎日のご丁寧な日報のコメントもありがとうございました。
10
11
コメントお疲れ様です。「アクセプトインターナショナル」 https://accept-int.org/ のサイトなどは、WordPressで制作されており、Shifterのサイトとのパフォーマンスの比較が可能です。また、以下のサイト https://pagespeed.web.dev/?utm_source=psi&utm_medium=redirect&hl=ja で、パフォーマンスを数値化して計測することが可能です。参考までにレポートはなかなかうまく出来てますね。@石部さん、shifterで使えないプラグインと、shifterで使えない理由などは後学のために知りたいところではあります。 @本多さん レポートはよく出来てました。参考文献と本文が分けられてて素晴らしい。 @佐藤さん ロゴいい感じです。@石部さんshifterにはチームという共有機能があるんですね。参考になります。 (注:以下の質問は答える義務はないです)@佐藤さん ロゴはなかなかいい出来でした。何故全部「円形」なのかの思想は知りたいところであります。「円形」がまずいわけではなく、論理的な理由が知りたい感じです。個人的には「視野」をイメージした気がしますが、 @本多さん お疲れ様です。無料で使える機能的なテーマはLightning以外にも存在すると思うので、なぜその中からLightningを選んだのか、その理由を知りたいです。「利用者が多い」とか「センスが良さそう」とかいろいろありそうな気はします。Lightningがまずいと言ってるわけではないです@石部さん shifterのチャットってレスポンス早いんですね。それは参考になる情報です。shifterで使えるか使えないかの判断基準や判別する方法を知りたいところではあります。  @佐藤さん ロゴ作成お疲れ様です。グラデーションもなかなかいいですね。ロゴの良さを判断する方法としては、「メンバー全員の投票による多数決」が信頼性が高かったりします。多数決投票は簡単にできるのでおすすめです。クライアントに選んでもらう方法もありますが、クライアントは多くの場合デザイナーではなかったりします。 @本多さん サイトのワイヤーフレームづくりお疲れ様です。視線誘導の仕方とか僕はあまり知らなかったりしますが、そこら辺の論理などを知りたいところではあります。@石部さん WordPressのフォームプラグインはShifterでは使えないんですね。参考になります。Googleフォームは良いかも知れないですね。Googleフォームはプログラミングが必要というのはPythonらへんで書くんですかね?  @佐藤さん XDとはAdobe XDのことですね。Adobe製品ってサイトデザインで使えるもの多いんですね。Webサイト作成のことはよくわからないことが多くて参考になります。 @本多さん ヒアリングシート作成お疲れ様です。安達さんと協力して管理画面は入れてよかったです。プラグインなどもShifterで使えるものと使えないものを区別して使えてよかったです。カンプっていう用語知らなかったんですが、ちょっと調べました。参考になります。@佐藤さん クライアントの要望に応えた感じになりますね。大事なことだと思います。 @石部さん JavaScript使うんですね。JavaScriptはなかなかカオスなイメージがありますが、使いこなせてよかったです。Google Formはセキュリティ的には硬いと思いますが、薮田さんの言われる通り、セキュリティ的なことは調べたほうが良いかも知れないですね。 @本多さん フォームのソースコード見ました。フォームのGoogleへの紐づけって意外と簡単に行けるんですね。参考になります。うまくマネージメントされているようで安心します。@石部さん 課題シート対応お疲れ様です。解決できない理由もプラグインの互換性の問題のようで、参考になります。 @佐藤さん サイトデザイン完成してよかったです。フリー画像なども使われていて良い感じだと思います。夜空の画像も良いですね。  @本多さん マネジメントお疲れ様です。スマホ版のカンプは助かります。エラーの原因や解決できない理由なども記載されていて良いと思います。 @安達さん WordPressのバージョンは隠したほうが良いんですね。参考になります。クラッカーにヒントを与えることになりますからね。@石部 GoogleCAPTCHですか。そういうサービスもあるんですね。参考になります。  @佐藤さん  お疲れ様です。ファビコンは大事ですね。確認ありがとうございます。 @本多さん 連携が取れているようで安心します。引き続きお願いします。@佐藤さん 複数ブラウザのチェックお疲れ様でございます。うまく進んでいるようで安心します。  @石部さん  フォーム周りの動作確認お疲れ様です。うまく進んでいるようでなによりです。   @本多さん  仕事の割り振りお疲れ様です。うまく進んでいるようで何よりです。@石部さん フォームのセキュリティの調査お疲れ様でございます。使うコンポーネントによって対策するセキュリティの種類が異なってきますね。  @佐藤さん  サイトの動作に問題がなくてなによりです。  @本多さん  クローラーに早めに伝えるプラグインのことは初めて知りました。参考になります。マネジメントお疲れ様でございます。@石部さん フォームの文字列制限をするにはmaxlengthになった論理的理由がスッキリしてて良かったです。  @佐藤さん Shifterは速いですよね。検証お疲れ様です @本多さん  Autoptimizeを使わない理由が論理的で良いと思います。マネジメントお疲れ様でございます。計測するたびに違うのは、ネットワークの込み方やパスが計測する回によって変わって来るからだと僕などは思ってしまいます。@石部さん Google Captureについての調査お疲れ様です。なるほど、プラグイン無しでSHifterにGoogleCAPTUREを導入するのはJSをいじる必要があって大変なんですね。  @佐藤さん Wordfenceはshifterでは要らないんですね。調査お疲れ様です。  @本多さん  Shfter特有の状況の調査お疲れ様でございます。なるほど、Shifterって保守性高いんですね。
12
薮田コメント皆さん、初日の研修お疲れ様でした。
以下、私からのアドバイスです。
WordpressとShifterはそもそもの仕組みが違います。
「動的」にページを生成させるのがWordpress、Wordpressで「動的」に生成されたものを「静的」資材としてShifterサーバに保存する仕組みです。
まずは、全員で「動的」と「静的」を正しくとらえられるようにしましょう。
なかなかレビューの時間が取れず申し訳ありません。一応スマホで生還してはおりましたが、私の考えていた以上にとてもいい成果物が出来ていると言った印象です。来週以降は私もなんとかレビュー出来る様に致しますので、引き続き皆さん頑張って下さい。
13
安達コメント初日の実習、お疲れ様でした!
参考サイトの調査、バッチリですね、
ありがとうございます!
To:本多さんへ
今後のタスクについて、
不明点や疑問点、懸念点などあれば、
早い目に課題として挙げて解決できるよう動いていただけると助かります!


>本多さん、石部さん
Shifterのことで不明な点や気になることあれば、
Slackに書いてもらうか、
Shifter公式チャットでどんどん問い合わせちゃってください~。

>佐藤さん
会社ロゴのデザイン、楽しみです!
気になる事や相談したいことなどあれば、
早い段階で見せてもらっても大丈夫です!
>みなさん、
中間の状態でも、
ロゴデザインなど、素敵すぎます!

岡さんのコメントも秀逸ですね!!(笑
ですが、質問が負担になるようなら、
スルーしてもらって大丈夫です。。(笑

各種成果物を幾つかご提案していただけるのは、
ホント有難いです!!
会社ロゴはどれも素敵ですが、、
どれかに決めないとですね。。
明日、可能な方はレビュー会、お願いします!
>本田さん、石部さん、
製作途中のサイトを少し見せていただきましたが、
良い感じになっていると思います!
お問い合わせフォームのご提案やカスタマイズもありがとうございます!

>佐藤さん
会社ロゴデザインについてですが、
A)
3の図形に2と同じ配色とグラデージョンにしたものを見てみたいです。
もう一つ別に、
B)
2のデザインに、右上から左下にかけての線を加えたものを見てみたいです。
@本田さん、石部さん
上手く連携を取っていただいてありがとうございます!

@佐藤さん
ロゴデザインの追加作成、ありがとうございます!

サイトデザインの方ですが、
明日にはレビュー出来そうでしょうか?
動作確認項目シートに
項目追加しましたので
ご確認お願いします!
(No.14以下)

それから、
「レビュー結果」シートを追加したので、
こちらもご確認お願いします!(^^
課題シート と
動作確認項目 シートに
追加しましたので、
ご確認お願いします。


レビュー会は、
12/04(土) 13:00~、
でお願いします!
かなり順調に進めていただているようで、
非常に有難いです!


動作確認項目は、
ハードル高そうな項目を
追加してみたのですが、
こちらも対応していただているようで
ありがとうございます。

明日は13:00~
レビュー会、よろしくお願いします!
お疲れ様です!

Shifterのドメイン登録は
作業に時間がかかりそうなため、
まとまった時間があるときに
やろうと思います。
@石部さん
お問い合わせフォームの件は、
実際に動作を検証していただいた上で
maxlengthで実装していただきありがとうございます。
Google Apps Script は私も対応できますので、
マニュアルなどは不要です。

@本多さん、@佐藤さん
サイトの表示速度、パフォーマンスの確認の方も対応していただきありがとうございます!
実際にどれくらいの計測値になるのか気になりますね。
後でこちらでも試そうと思います。
@本田さん
・保守性を上げるプラグイン や
・Shifterの保守性の高さ
と書かれていますが、保守性とは具体的には
どういうことを指しているでしょうか?

@石部さん
GooglereCAPTCHAは導入した方が良いでしょうか?
@皆さん、
諸々の調査、ありがとうございます!
お問い合わせフォームは今のところ、
Googleフォームで良いかな と思っています。
それから、
Googleフォーム であれば、「reCAPTCHA」
は導入しなくても、Googleの方で自動でチェック・対応されているのではないか?
という疑問がちょっとあります。
確証は持てていないので申し訳ないですが、
この辺りの調査もお願いして良いでしょうか?

・・・と思って、ちょっと調べてみたら参考になりそうな
サイトがありました。
http://www.fans-google.com/form/f4.htm
http://honttoni.blog74.fc2.com/blog-entry-362.html?sp

GoogleフォームでreCAPTCHAを有効にする設定が出来そうです。

12月10日(金) 13:10 と14:04 に、
石部さんと本多さんからのメール、届いています、
==================================================
■お名前
石部
■メールアドレス
ishiichih@gmail.com
■電話番号
000-0000-0000
■お問い合わせ内容
テストです。
安達さんに届いてますでしょうか。

Extendホームページのお問い合わせフォームから送信されました
フォームの回答一覧はこちらhttps://docs.google.com/forms/d/1etkyDTuiY1GOPubyz1vD8c254o1RYferp8y9b8SJMS0/edit#responses
==================================================
しかし、これだけではダメなんですよね。
スクリプト動作して、承認許可してみました。
詳しくは明日のレビュー会で!
・お問い合わせフォームのバリデーションチェック
 maxlenghtとpattern属性で制限をかけている。
 Googleフォーム側でも文字数制限を設定しているが、
 iFrame+Javascriptを使っているため
 Googleチェックには引っかからずに
 オリジナルのサンクスページに遷移する
・お問い合わせフォームの
 reCAPTCHAの確認
・問い合わせメールの確認
 →継続調査を依頼

・OGP設定、Twitterアカウントで「Card validator」
 robots.txt でTwitterボットのクローリングを許可する設定に編集する必要がありそう。
 →『WP Robots Txt』プラグインで編集設定が可能。
 だが、ドメイン登録をしていないと、
 shifter側で勝手にDisallow: / が付けられてしまう。
 https://qiita.com/d_iba/items/d315cfe6251db347b7e2
皆さん、お疲れ様です!
明日で最期ですね。

今日も動作テストで見つかった問題の修正や改善をしていただき、
かなり完成度・品質が上がったと思います。

また、私の方でドメイン塘路設定をして
公開することが出来ました!
https://extend.jpn.com/

以前使っていた、ShifterのデフォルトのURLは見れなくなっているようなので、
今後の動作確認は上記の公開しているドメインで確認するようお願いします。
皆さん、最後までお疲れ様でした!!
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100