# はじめまして！自己紹介です。 おはようございます。 グッドモーニングエンジニアへようこそ。 DIY図形エンジニアの僕が、技術や仕事の楽しさを毎朝お届けします。 学びたいあなたに少しのヒントと刺激をお届けする番組です。 改めまして、はじめまして。 ウェブエンジニアの七色と言えます。 僕は、2010年代半ばから企業でPCサイトの製作運営に携わり、 2年前に法人を設立しました。 子供の頃から創作活動が好きで、漫画やイラスト制作、PCカスタマイズ、 ゲーム開発などを楽しんできました。 こうした経験が、テクノロジーを活用して暮らしを便利にする今のライフスタイルにつながっています。 ウェブ業界では、ゼロ年代のカラケーサイトから、2008年に普及したスマートフォンサイトの普及まで、 技術外に僕も成長してきました。 決済方法や技術の進化を間近で見てきた経験を、今後の話にも活かしていきたいと思います。 今回の初回放送では、これからウェブデザイナーやIT人間を目指す方、 ウェブコンテンツ制作の現場に興味のある方に向けて、 ウェブエンジニアの第一歩をどうスタートするべきか、おテーマにお話ししたいと思います。 # Webサイトは公開することで実務での全体感を把握できる ウェブエンジニアの第一歩として、僕がお勧めする最初のステップは、「気分でウェブサイトを作ること」です。 具体的な言語や技術の話ではなくて、まずは手を動かしてみることの重要性をお伝えしたいと思います。 ここでは、コーディングで使用する言語の具体的な話は保護しません。 最初に、それらを網羅的に学習すれば仕事ができるということはないと言っていいと思います。 そうではなく、まず自分でウェブサイトを作ることが一番手っ取り早いと思います。 医者に起こるのが、コードなどの技術は網羅的に学習がしてくるとも、 じゃあ、自分のどんなウェブサイトを作りたいのかというものがないという状態です。 もしかすると、常に自分の作りたいサイトのイメージが出来上がっている方もいるかもしれません。 そうでない場合は、僕のお勧めとしては、ブログサイトを作るのが最も効率的だと思います。 なぜかというと、ブログサイトにはウェブサイトに必要なあらゆる機能が詰まっているからです。 今は、SNS、Facebookなどもありますし、個人でブログサイトを作る必要がないと考える方もいるかもしれません。 ここで注意なのは、ウェブエンジニアになりたい方がすべきは、 アメーバブログや先ほど言ったFacebookなど既存のプラットフォーム上でブログを発信することが重要ではないということです。 重要なのは、自分で01でインフラを作るところから始めるというところです。 インフラというと難しく聞こえますが、要はサイトを公開するための基盤のことです。 言い換えると、自分のウェブサイトの土台を作る、ウェブサイトを動かすための準備をするということです。 ウェブサイトを世の中に公開しないのであれば、自分のパソコン内でのみ表示されるようにすることは可能です。 ただし、自分のローカル内でのみ閲覧できるウェブサイトでは、 例えばブログ記事がSNS共有されたときに、各SNS上でブログ記事がどのようなカードで表示されるかを確認することはできません。 また、GoogleアナリティクスやGoogleマイビデンス、Googleアドセンス、Google広告、キートマップなど、 実は無料で使えるツールがウェブサイトを公開していないと使えません。 ウェブサイトは人の目に一切見られなければ世の中に存在していないおとなしなので、GitMではこうしたツールが絶対的に必要になってきます。 また、もう一つブログサイトを持って初めてわかることで重要なことであります。 当然ながら、ブログサイトはブログ記事の内容が重要です。 ここは完全に個性の世界になっていくのですが、 自分が継続して発信していけるテーマがあるのであれば、それが一番ベストです。 もし自分の発信したいテーマが見つからないという場合は、 ChatGPTなどに自分の趣味や性格を伝えて、どういうブログテーマが良いかを相談すると、 それなりに良い回答を奪えられると思います。 ともかくブログを発信し続けることで、先ほど申し上げましたGoogleアナリティクスなどを使って、 どの記事が良く読まれて、どの記事が読まれていないかがわかっていきます。 例えば、お客様の方からサイトに来てくれるのを待つプル型のSEO対策以外に、 自分からSNSで積極的に発信していく物資型も世の中の修了になってきています。 そうして、ブログサイトとはコンテンツの積み上げであることが実感できます。 一つ一つの記事は小粒でも、たまによく読まれる記事があったり、 そういうことがどんどん積み上がってきて、サイト全体のアクセスが上がっていきます。 アクセスが上がっていけば、自分のブログ記事内容にふさわしい広告を掲載することができます。 これがGoogle AdSenseというサービスで、Googleアナリティクス等用に無料で使うことができます。 ここまでお話した内容で、費用が発生する部分は、サーバー費用とドメイン費用のみです。 例を言いますと、Xサーバーのスタンダードプランであれば、哲学料金は1100円。 お名前.comの安いドメインであれば、年間に2000円未満で契約することができます。 ここまでお話した中で、コードを全然書いてないじゃないかと思われるかもしれませんが、 実は、SNSシェアするときのブログカードにも、どのようなカード表示にするかというところでコードは必要になりますし、 自分でブログサイトの機能やデザインを好きなようにカスタマイズしているわけなので、 例えば、見出しのフォントはGoogleフォントを使ってみようだとか、 ブログ記事内の強調したいテキスト部分に蛍光ペンのようなマーカーが引かれるアニメーションを適用しようだとか、 問い合わせフォームを設置しようだとか、 ブログサイトをフラッシュアップする中で、自分のやりたいことを実現するためのコーディングを覚えていきます。 また、中で使うコードでJavaScriptやCSS自体の仕様もアップデートされ続けているので、 いかに新しい技術の動向を楽にキャッチできるような仕組みを作れるかも重要になってくると思います。 以上が僕が考えるウェブエンジニアの第一歩になります。 # ブログサイトから広がる応用力 まずは自分でサイトを作るところからというお話でしたが、僕が提案したブログサイトについて補足をします。 自分のブログサイトを作る経験は、単なるブログ運営に留まりません。 洗練されたブログサイトを作るスキルを身に付ければ、それを活かして企業向けの高クオリティなサイトも作れるようになります。 例えば、ブログサイトで培ったデザインや情報整理の技術は、企業サイトのプロジェクトにも応用可能です。 また、個人なポートフォリオサイトとしても機能できます。 # コードはAIに書かせる時代 コーディングは、これから自然言語になっていくという意見があります。 HTML、CSS、JSなどの言語は、それぞれどんな役割を担っているのかを理解さえしていれば、細かい記述をすべて人間は手で書く必要はありません。 AIツールを活用すれば、要件を的確に伝えるだけでコードを生成してくれます。 私たちエンジニアは、その生成されたコードを効率よく手直しすることに注力すればいいのです。 よくビジネス上の文章も、AIで生成してもらって、相応しくないところだけ人間の手術など手直しするということをされる方が多いと思います。 この構造は、コーディングにおいても同じですし、他分野では、AIによるイラスト生成でも同じような構造になっております。 この流れを、僕が例え話を意欲するのが、業務で桁の大きな数字を計算するときに電卓や表計算ソフトを使うと思います。 それと同じことだと思います。 次はその番で計算しても正確に計算できるかもしれませんが、現代でそんなことをする人は見ないと思います。 なので、細から早かれAIを使ってコーディングをするというのがシールになることは間違いないと思います。 AIでコードを生成することに慣れていくと、出力されるスピードはこれまでの倍以上になります。 これまで残業続きだったエンジニアも、定時で変えるようになって、自分の好きなことの時間を使えたり、 業務時間をコーディングだけでなく、よりクリエイティブなところに頭を使うことができるようになってきています。 ここでエンジニアにとって重要なのは、AIに的確に指示する防御的指向能力と、生成されたコードが意図したものになっているかをレビューして、 必要があれば手直しできる、基礎スペックが備わっていればいいと思います。 コーディングがこれから自然言語になっていくといっても、 ウェブエンジニアになろうとする方は、AIと協力するための要件の伝え方や、出力されたコードをレビューするポイントが必要になります。 # 次回予告とリスナーへのメッセージ お聞きいただいたアリスさんの方へ、 次回の放送のテーマは、DIYクリエイティブな取り組みです。 どのように楽に、そして効率的に、 最新の情報をキャッチするかについてお話しします。 例えば、どんなツールやプラットフォームを使えば 効率よく情報を収集できるのか、 どのように指定情報を整理して活用するのか、 そんなヒントをお伝えする予定です。 今回の放送についても、自分がこうすることが Webエンジニアの第一歩になると思うというご意見があれば、 次週の放送内容で参考にさせていただきます。 ぜひコメントいただけますと幸いです。 また、リスナーの皆さんが、これについて もっと知りたいと思うことがあれば、ぜひリクエストをお寄せください。 あなたの質問やリクエストが、 次回放送の内容に反映されるかもしれません。 次回放送もぜひお楽しみに。 リクエストや質問は、 コメント欄やSNSでお気軽にお寄せください。 それでは、朝またお会いしましょう。