技術者はWordPressでブログサイトを構築しよう

<p class="wp-block-paragraph">こんにちわ、サイト管理者のわかっち (<a href="https://twitter.com/wakatchi_tech">@wakatchi_tech</a>) です。</p> <div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image vk_balloon_icon_image-type-rounded " src="https://wakatchi.dev/wp-content/uploads/2022/07/pose_necchuu_computer_man.png" alt=""/><figcaption class="vk_balloon_icon_name">質問者</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content has-background-color has-pale-cyan-blue-background-color "><span class="vk_balloon_content_before has-text-color has-pale-cyan-blue-color"></span><span class="vk_balloon_content_after "></span> <p class="wp-block-paragraph">これからエンジニアとして働きながら技術的な情報をブログで発信したいです。ブログはどこで書いたらいいですか。</p> </div></div></div> <p class="wp-block-paragraph"><strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">ソフトウェア開発に関わる技術者のブログは、WordPressをお勧めします。</span></strong>ブログで情報を発信するプラットフォームとしては、Qiitaやnote、はてなブログ、Zennなどがパッと出てくることでしょう。最近は技術者が発信した価値ある情報の収益化が盛んであり、我々にとって良い環境が整ってきています。ではなぜ、WordPressでブログを書くべきなのでしょうか。</p> <div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent has-text-color has-pale-cyan-blue-color is-style-vk_borderBox-style-solid-kado-tit-tab"><div class="vk_borderBox_title_container has-background has-pale-cyan-blue-background-color"><i class="fa-solid fa-tags" aria-hidden="true"></i><h4 class="vk_borderBox_title" id="vk-border-box-6e581354-442b-4ea7-9e42-403d751f7124">この記事で得られること</h4></div><div class="vk_borderBox_body"> <ul class="wp-block-list is-style-vk-arrow-mark"> <li>WordPressでブログを構築すべき理由</li> <li>WordPressで構築することで技術者が得られること</li> </ul> </div></div> <div class="wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs" data-use-custom-levels="false" data-custom-levels=""><div class="tab"><div class="vk_tableOfContents_title">目次</div><input type="checkbox" id="chck-toc-afbya606"/><label class="tab-label vk_tableOfContents_openCloseBtn button_status button_status-open" for="chck-toc-afbya606" id="vk-tab-label-toc-afbya606">CLOSE</label><ul class="vk_tableOfContents_list tab_content-open"> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2"> <a href="#vk-htags-a3a65e66-54e4-43c6-bfc5-1defa218fa7e" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">1. </span> WordPressでブログ構築をおすすめする5つの理由 </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2"> <a href="#vk-htags-72773348-8dc0-403d-85a2-8cdd0e4d075d" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">2. </span> HTMLやCSSなど基礎的な知識が学べる </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2"> <a href="#vk-htags-ab59c1e1-44c1-47c6-8946-b7810ab04a09" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">3. </span> サイト運営の知識が学べる </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2"> <a href="#vk-htags-e742cc47-c01f-491c-bb85-54bb0cbd7b43" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">4. </span> Webマーケティングを学べる </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2"> <a href="#vk-htags-82725995-239c-40f7-aefb-d19c7a0bc60b" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">5. </span> クラウドアーキテクチャを学べる </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2"> <a href="#vk-htags-bb303f07-8da8-4e22-8fb9-7711c9b974e4" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">6. </span> なによりシステム構築を楽しめる </a> </li> <li class="vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2"> <a href="#vk-htags-495a75f5-ee88-4447-93bf-568789f78e8a" class="vk_tableOfContents_list_item_link"> <span class="vk_tableOfContents_list_item_link_preNumber">7. </span> クラウドでWordPressのブログサイトをつくろう </a> </li> </ul></div></div> <h2 class="wp-block-heading" id="vk-htags-a3a65e66-54e4-43c6-bfc5-1defa218fa7e">WordPressでブログ構築をおすすめする5つの理由</h2> <p class="wp-block-paragraph">WordPressを使ったブログ構築を奨める理由は5つあります。</p> <ul class="wp-block-list"> <li>HTMLやCSSなど基礎的な知識が学べる</li> <li>サイト運営の知識が学べる</li> <li>Webマーケティングを学べる</li> <li>クラウドアーキテクチャを学べる</li> <li>なによりシステム構築を楽しめる</li> </ul> <p class="wp-block-paragraph">なお、この記事では、情報発信による収益性獲得の価値は言及していません。</p> <h2 class="wp-block-heading" id="vk-htags-72773348-8dc0-403d-85a2-8cdd0e4d075d">HTMLやCSSなど基礎的な知識が学べる</h2> <figure class="wp-block-image size-large"><img src="https://wakatchi.dev/wp-content/uploads/2022/07/dual-screen-1745705_1280-1024x682.png" alt="" class="wp-image-292"/></figure> <p class="wp-block-paragraph"></p> <p class="wp-block-paragraph">WordPressでブログのWebサイトを運営していくことで、Webアプリケーションアーキテクチャの最も基礎的なことであるHTMLやCSSなどを学べます。Webアプリケーションのフロントエンド技術者を目指すなら、文書をWebページとして表示するHTML、Webページの見た目や構造を指定するCSS、Webページに動きをつけるJavaScriptを、それぞれをどう使い分けるかを理解するのはとても重要です。</p> <p class="wp-block-paragraph">WordPressでは、Webページのデザインをカスタマイズするには、HTMLやCSSの知識が求められます。WordPressはCMS（コンテンツ管理システム）と呼ばれるWebサイトの構築・管理アプリであり、複雑なコーディングなどは原則として不要です。一方、HTMLやCSSを追記してWebページを柔軟にカスタマイズできるため、ブログの自由度が高いのが特徴です。</p> <p class="wp-block-paragraph"><strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">独学やプログラミングスクールでもHTMLやCSSの基礎的なことを学べますが、実践に勝る学習方法はありません。</span></strong>世界中の誰もが見れるブログサイトを自身で運営し、自由にカスタマイズして実践的なスキルを高めていきましょう。</p> <div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image vk_balloon_icon_image-type-circle " src="https://wakatchi.dev/wp-content/uploads/2022/07/cropped-wakatchi_icon_2.jpg" alt=""/><figcaption class="vk_balloon_icon_name"> わかっち</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content has-background-color has-luminous-vivid-amber-background-color "><span class="vk_balloon_content_before has-text-color has-luminous-vivid-amber-color"></span><span class="vk_balloon_content_after "></span> <p class="wp-block-paragraph">勉強はとても大事だけど、実践から学ぶことはもっと大事だよ</p> </div></div></div> <h2 class="wp-block-heading" id="vk-htags-ab59c1e1-44c1-47c6-8946-b7810ab04a09">サイト運営の知識が学べる</h2> <p class="wp-block-paragraph">WordPressで構築したブログのWebサイトを自ら運営することで、Webサイトが稼働するサーバやドメイン、DNS設定などネットワークに関する知識を多く学べます。普段わたしたちが当たり前に見ているWebサイトは、HTTPというプロトコルやURL、DNSによる名前解決、IPアドレス、ブラウザによるレンダリングなど、多くの技術によって支えられています。ブログによって発信された情報が読者にどのように届くのか、技術者は知っておくべきです。</p> <p class="wp-block-paragraph">企業の社内システムやWebサイト、ECサイト運営などインターネットに関わる技術は、多くの場合は専門部署が担っています。そのため、駆け出しの技術者が運用に直接関われる機会はそれほどありません。例えばドメイン取得やDNS設定は、誰もが知識はあるものの、実際に運用している人は多くないでしょう。WordPressでブログのWebサイトを構築し運営することで、これらネットワークに関する知識を身につけることができます。</p> <p class="wp-block-paragraph">社内外問わずWebアプリケーションアーキテクチャがデファクトになっている今、サイト運営に関わるネットワーク知識を実践を通じて獲得しましょう。</p> <div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent has-text-color has-luminous-vivid-orange-color is-style-vk_borderBox-style-solid-kado-tit-onborder"><div class="vk_borderBox_title_container"><i class=""></i><h4 class="vk_borderBox_title" id="vk-border-box-a736af91-d5c9-4c37-9fcb-7618ec5a7c05">サイト運用に必要な主な知識</h4></div><div class="vk_borderBox_body"> <ul class="wp-block-list"> <li>Webサイトが稼働するHTTPサーバの運用</li> <li>ドメインやDNSの運用</li> <li>IPアドレス</li> <li>SSH、証明書</li> <li>WWWやハイパーテキスト、URLなどインターネットにまつわること…など</li> </ul> </div></div> <h2 class="wp-block-heading" id="vk-htags-e742cc47-c01f-491c-bb85-54bb0cbd7b43">Webマーケティングを学べる</h2> <figure class="wp-block-image size-large"><img src="https://wakatchi.dev/wp-content/uploads/2022/07/scrabble-2129648_1920-1024x768.jpg" alt="" class="wp-image-297"/></figure> <p class="wp-block-paragraph"></p> <p class="wp-block-paragraph">多くの人にブログを読んでもらうために、Webサイトを分析手法やSEO（Search Engine Optimization：検索エンジン最適化）対策や、TwitterやFacebookなどSNSを活用するWebマーケティングを学べます。</p> <p class="wp-block-paragraph">Qiitaやnoteなどはプラットフォーム自身が強力な集約能力を持っており、そのプラットフォームの情報発信者は、Webマーケティングを強く意識することはないでしょう。一方、WordPressで構築したWebサイトは、自ら集客しなければなりません。WordPressには集客に強いテーマ（画面のテンプレート）はあるものの、自らSEO対策をしたり、SNSからブログに流入させるなどの導線の設計は欠かせません。</p> <p class="wp-block-paragraph"><strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">昨今の技術者にとって、Webマーケティングの知識はもはや必須の教養と言えるでしょう。</span></strong>今後独立して起業したり、副業で稼いでいく際に自分を売り込むためにもWebマーケティングの知識が求められます。</p> <h2 class="wp-block-heading" id="vk-htags-82725995-239c-40f7-aefb-d19c7a0bc60b">クラウドアーキテクチャを学べる</h2> <p class="wp-block-paragraph">レンタルサーバを利用せず、<strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">パブリッククラウドでWordPressのインフラを構築することで、クラウドアーキテクチャを学べます。</span></strong>ホスティングサービスである<a href="https://wordpress.com/ja/">WordPress.com</a>を利用すれば、WordPressを構築することなく、WordPressでWebサイトを構築できます。ただし、独自ドメインが使えなかったりテーマやプラグインが利用できないため、レンタルサーバにWordPressをインストールして利用するのが一般的になっています。また、レンタルサーバが提供している環境は、パブリッククラウドを使って自分で構築することも可能です。</p> <p class="wp-block-paragraph">WordPressが動くシンプルな構成を作るだけでも、EC2やALB、CloudFront、Route53、AutoScalingなどのサービスを利用するため、実践を通じてAWSの基本知識を学べます。AWSを使ったWordPressの構築は、AWS自身を含めて多く発信されているため、情報の取得に困ることはありません。なお、ブログサイトの構築当初はアクセス数が少ないため、WordPressのWebサーバやDBサーバは全て同じEC2（サーバ）上で動かすなど、最もシンプルな構成で十分でしょう。</p> <p class="wp-block-paragraph"><a href="https://aws.amazon.com/jp/builders-flash/202104/awsgeek-lightsail/?awsf.filter-name=*all">https://aws.amazon.com/jp/builders-flash/202104/awsgeek-lightsail/?awsf.filter-name=*all</a></p> <p class="wp-block-paragraph">アプリケーション開発者は、クラウドインフラの知識も併せて持つべきです。クラウドが登場する以前は、アプリケーション開発チームとインフラチームは別チームとして構成され、分業体制を取ることががほとんどでした。AWSなどクラウドインフラが登場したことで、アプリケーション側がインフラを準備しやすくなり、分業による部チーム間調整なども不要となってスピード感ある開発が可能になっています。</p> <p class="wp-block-paragraph">昨今の企業システムはクラウド化が加速し、中小企業はもちろん、大企業もパブリッククラウドへの移行が進んでいます。ハイブリッドクラウドやマルチクラウドなどの利用形態はあるものの、AWSやAzure、Google Cloudなどハイパースケールクラウドベンダを学習しておいて損はありません。WordPressによるブログをクラウドアーキテクチャで構築し、<strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">クラウドエンジニアとして経験を積める良い機会として活用</span></strong>しましょう。</p> <div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image vk_balloon_icon_image-type-circle " src="https://wakatchi.dev/wp-content/uploads/2022/07/cropped-wakatchi_icon_2.jpg" alt=""/><figcaption class="vk_balloon_icon_name"> わかっち</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content has-background-color has-luminous-vivid-amber-background-color "><span class="vk_balloon_content_before has-text-color has-luminous-vivid-amber-color"></span><span class="vk_balloon_content_after "></span> <p class="wp-block-paragraph">今はアプリケーション開発とインフラの境界はないよ。<br>アプリケーション開発者こそクラウドの知識が必要なんだ。</p> </div></div></div> <h2 class="wp-block-heading" id="vk-htags-bb303f07-8da8-4e22-8fb9-7711c9b974e4">なによりシステム構築を楽しめる</h2> <figure class="wp-block-image size-large"><img src="https://wakatchi.dev/wp-content/uploads/2022/07/web-1935737_1920-1024x477.png" alt="" class="wp-image-299"/></figure> <p class="wp-block-paragraph"></p> <p class="wp-block-paragraph">新しい知識を学びながら、<strong><span data-color="#fcb900" style="background: linear-gradient(transparent 60%,rgba(252, 185, 0, 0.7) 0);" class="vk_highlighter">世界中の人々に情報を届けるシステムを自ら構築することは、なによりの楽しみ</span></strong>ではないでしょうか。人々に使われるものを作る、これは技術者にとって矜持だからです。</p> <p class="wp-block-paragraph">WordPressをブログサイトを構築後、難解なトラブルシューティングもあると思います。この記事で紹介したAWSでのWordPress構築をご紹介しましたが、WordPress自体はもちろん、AWS上のネットワーク設定不備などにもぶつかることでしょう。ただ、使われないシステムにはトラブルはありません。人々に多く使われるからこそトラブルシューティングはつきものです。</p> <p class="wp-block-paragraph">でもそれは、技術者にとって貴重な経験であり財産になるはずです。ITの実際の現場では、テストや本番障害のトラブルシューティングに多くの時間を割きます。トラブルシューティングに関する能力は昨日今日で身に付くものではありません。ファクト（発生した事実）と仮説を区別しながら短時間で答えを出し、そうして積まれた膨大な経験が技術者としての能力を高めていきます。</p> <p class="wp-block-paragraph">多くの壁にぶつかりながら、システム構築を楽しんでいきましょう。</p> <h2 class="wp-block-heading" id="vk-htags-495a75f5-ee88-4447-93bf-568789f78e8a">クラウドでWordPressのブログサイトをつくろう</h2> <p class="wp-block-paragraph">この記事では、情報を発信したい技術者に、WordPressでのブログサイト構築をおすすめする理由をご説明いたしました。技術者でない方の情報発信者であればブログの投稿に集中すべきですが、技術者はブログサイトの構築そのものが貴重な経験になります。ぜひクラウドアーキテクチャでWordPressのブログサイト構築にチャレンジしてみてください。</p> <p class="wp-block-paragraph">本サイトでは、AWSでWordPressを構築する実際の例など、実践的な情報を発信していきます。</p> <div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image vk_balloon_icon_image-type-circle " src="https://wakatchi.dev/wp-content/uploads/2022/07/cropped-wakatchi_icon_2.jpg" alt=""/><figcaption class="vk_balloon_icon_name"> わかっち</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content has-background-color has-luminous-vivid-amber-background-color "><span class="vk_balloon_content_before has-text-color has-luminous-vivid-amber-color"></span><span class="vk_balloon_content_after "></span> <p class="wp-block-paragraph">当サイト管理者のわかっちは、WordPressをクラウド上に構築する技術者を応援しています！ご相談は無料です。<br>TwitterのDMや当サイトの<a href="https://wakatchi.dev/contact_us/">問い合わせ</a>でお気軽に問い合わせください！</p> </div></div></div> <p class="wp-block-paragraph">この記事が少しでもお役に立てれば幸いです。</p> <p class="wp-block-paragraph">最後までお読みいただき、ありがとうございました！</p> <p class="wp-block-paragraph"></p>