1日目の記事になります。一年が終わってしまうんですか?年々、歳を重ねるごとに1年が過ぎ去るスピードの速さを痛感しております。その加速度にも驚きしかありません。みなさん、こんにちは。本記事は上記アドベントカレンダー向けの記事となります。はじめましての方も見えるかと思います。お世話になっておりまして、公私共に楽しく関わらせていただいております。いうサイトを作ったり、Youtubeなども時間のあるときにやらせていただいております。WordPressサイトエディターに対応したブロックテーマ「Cormorant」をWordPress公式ディレクトリに掲載したりもしております。現在僕個人として思う、ウェブサイト制作において、最適な制作利用フローをご紹介しようかと思います。等でお待ちしております。デザインデータを用意しない僕自身がハンドルを握れる制作案件の場合、特にデザインデータを制作してお客さんに確認いただくフローは用意しないことが多いです。俗にいう、デザインカンプと呼ばれるものですが、最近では本当に用意しないことが多くなりました。お客さん側としては、見た目を確認せずにプロジェクトを進めることに不安を感じる方も少なくないでしょう。僕の場合ですが、以下のような流れで進めることが多いです。完成雰囲気を共有できる参考・参照サイトの提示ワイヤーフレームの作成こちらはデザインデータの有無に関わらず作成するものではあるのですが、情報設計を施した上での画面構成を事前共有しておきます。ホイッと見せるだけではなく、各主要ページの構成意図などをしっかりと伝えるようにしています。することで、各パーツがそこに配置される意味を共有することができます。カラーパターンや配色サンプルの用意ブランドカラーやコーポレートカラーなどを既にお持ちの場合には、そちらをベースとした配色パターンなど資料を用意し、事前に共有をします。することで、上記ワイヤーフレームと併せて確認いただけるので、よりイメージがしやすくなります。完成時デザインを作成しない代わりに、完成イメージのすり合わせが可能となるように、参考・参照サイトのキャプチャーなどを事前に提示して共有します。することで、実際に参照サイトを見ることができますし、よりイメージいただけるようにしています。場合によっては、デザインを用意することもあります。案件によってはデザインを用意された上で実装部分のみの依頼をいただくこともありますので、そういった場合には以下のような点をデザイン制作開始前に確認するようにしています。なく他のテーマを利用する場合でも同じように確認をします。おいては、CSSの詳細度自体がカスタマイズを考慮した設計となっており、上書きのしやすい形になっています。各種テンプレートに対してフィルターフックを利用することで、構造的な部分にも最小限の影響力で変更を加えることができます。考慮されていないデザインが上がってきたとしても、実現可能な範囲はとても広いと思います。特徴を理解された上で用意されたデザインの方が、お客さんにとって使いやすいウェブサイトになることが多いと個人的には考えています。上記した内容をデザインを用意する場合には確認をし、対応できない内容がある場合には、それに付随するリスクやデメリットなどをすり合わせて最適解を探すようにしています。デモサイトを常時共有する実際に作られるものが事前に見えないとお客さんは不安になるということを前述しましたが、その点をカバーする意味でもデモサイトを常時共有する形をとっています。最初は、(上記した)ワイヤーフレームを実際のサイトに再現したものを用意します。掲載する情報はダミーのものになることが多いですが、それでもお客さんが実際にPC/スマホのブラウザで見て確認できる状態を用意することはとても大切です。随時制作が進んだものに関してはアップロードをして、日常的に進捗を共有し、デモサイト上でプロジェクトに関わる全員が確認できるような体制を持つようにしています。制作側としてのワークフローとしては、ローカルとの連携が必要となってきますが、以下のように進めることが多いです。IDをデモとローカルで一致させたい場合には、デモサイトの方で定まった値をローカルのDBで調整して合わせるようにしています。多くのフックが用意されています。似た特徴を持っていると言えます。利用が必要になりますので基本的な知識を持っていないと対応は難しいかもしれません。いうプラグインをお勧めします。こちらは、特にコンパイルを必要とする仕組みを持たせず、書いたコードがそのまま反映されるシンプルな仕組みになっています。いうものは、ご存知の方も多いと思います。いうサイトには、各箇所に対応するアクションフックとそのサンプルコードが掲載されているので、コピペだけでも実行結果を確認することができます。https://happy-snow-monkey.olein-design.com/まだ試したことがない方は、ぜひ試してみてください。活用できるようになるとカスタマイズの幅が格段に広がります。「フックを利用してカスタマイズをしても、今後そのフックが廃止になったりしたらどうするんですか?」と思われる方も見えるかもしれません。可能性としてはゼロではありません。公開後から今まで使わせてもらってきましたが、そういった経験は今の所ありません。今後もないかどうかは分かりませんが、今の所ないのであまり気にしなくても良いでしょう。作ってカスタマイズ時に利用したりしていますが、CSSはSassファイルを以下のように分けるようにしています。フロント用スタイルエディター用スタイルフロント・エディター両方利用スタイル一番簡単なのは、単純にフロント用にスタイルを用意して、それをエディター側に読み込ませる方法なのですが、たまにフロントとエディターでスタイルを分けたい場合が発生したりします。いう場合には、都度対応できるようにしています。箇所によってはMixinにまとめて必要部分だけ上書きするようなこともしたりしますね。様々なことが実現できます。全てのことを記憶しておくなんて無理です。確実でほとんどの開発・制作者がやっていることをご紹介します。それは...調べる(ググるです。そんな簡単に言うなよ、と言われるかもしれませんが、(たぶん)みんな調べていると思います。僕もめっちゃ調べます。同じことを何度も調べています。調べてから「あ、これ前も調べたな...」と気づくことが日常です。それを繰り返していくことで記憶になるのだと思っているので、全く不要な作業ではないと強く思い込んで思っています。考えて、どう調べているのかという点ですが、簡単に問題の切り分け方をご紹介します。機能や仕様に関係するものなのかを見定めます。これが意外と難しいようですが、難しいと感じる方に共通しているなという点が個人的にはありまして。利用頻度・期間」に関係しているという点です。当然ですが、カスタマイズしよう・活用しようとしている対象を詳しく知らなければ何もできませんよね。内部で解決できる問題なのかと判断するためには、最低限の各への理解が必要になります。「とにかく触ること」です。ここで勘違いしていただきたくないのですが、「仕事で触る」ばかりではなく「個人的に触る」ことをどんどん増やしていくことです。お仕事で触れる部分というのは意外と共通していることが少なくありません。同じような事案に遭遇することも少なくありません。それだけだと偏りが出てしまうかもしれません。個人プロジェクト(自分のサイトやブログなど)を進めていく上で様々な課題を自身に設けて、対応していくことで知見と経験を得ていくことができます。フォーラムをフル活用する僕は最近ではあまりトピックを作成することは少なくなりました。何かわからないことがあれば、まずはフォーラムを検索します。実際にどう検索しているのかを紹介しますね。特定のテンプレートの値を書き換えたいとしましょう。構造に何かしらを付け加えたいとします。$html」と検索します。https://snow-monkey.2inc.org/forums/search/?bbp_search=entry-summary+%24html&bbp_forum_id=&bbp_type=すると上記のような結果を得ることができます。するな」と思いついたとします。https://snow-monkey.2inc.org/forums/search/?bbp_search=entry-summary+%24html+replace&bbp_forum_id=&bbp_type=こうすることで、かなり絞り込みが実現しますね。そこでやりたいことに似たようなことをしているトピックを確認したり、掲載されているソースコードを実際に試したりします。それでほとんどのことが解決してしまいます。基本的な知識があるというのは前提です。先ほど僕は「最近あまりトピックを立てていない」と書きましたが、それには大きな理由があります。フォーラムが共有知として活用できるレベルにまで成長したということが考えられます。フォーラムが存在しているということです。ユーザーを支えてくれる大きな柱になるでしょう。みなさんも、今後もどんどん活用していいきましょう。WordPressやPHPに不安になったらそうなった場合には、公式ドキュメントをまずは確認しましょう。どこかの誰かの記事ではありません。公式ドキュメントを見ましょう。https://wpdocs.osdn.jp/Main_Pageサポートフォーラムja.wordpress.orghttps://www.php.net/manual/ja/index.php僕も今だにまだまだよーく見ます。まとめいかがでしたでしょうか?「別に2022じゃなくね?」と思われた皆さん、図星です。今年だから云々という内容ではないかと思います。使い始めた方々には参考にしていただける内容ではないかな?と思います。楽しんでいこうと思います。今後ともよろしくお願いいたします。この記事いいね!と思ったら、ぜひシェアをお願いします。テーマ・プラグイン開発まで幅広くウェブ制作に対応しています。お気軽にお問い合わせください。使って、シンプルなブログやポートフォリオサイト、そしてコーポレートサイトを作りながら、ブロックテーマやサイトエディターの基本を理解することができます。現在、ご依頼をいただくと比較的速やかに着手することができます。お気軽にお問い合わせください。詳しく個人・法人向けコンサルティングさらに詳しく制作・運用のヒントが満載なメルマガオレインデザイン通信WordPressやホームページでのお困りごとは...オレインデザインにご相談ください。お客様の困りごとに驚くほど分かりやすくお答えします。