個人サイトの作り方 #1 趣旨説明
こんにちは。
プログラミング学習の連載『個人サイトの作り方』という企画を始めます。
このページではこの連載がどういうものなのか、誰に向けたものなのか、連載の構成、必要な環境情報、私の略歴などをお話しします。
なにをする企画？
プログラミングをお教えします
記事タイトルの通り、当連載では個人サイトの作り方をお伝えします。
私、このnoteというプラットフォームは主に、プログラミングやシステム開発のやり方を初学者の方に向けて発信する場として活用しています。
この企画も例に漏れず、個人サイトを作る方法をあなたに向けてレクチャーしていきます。が、まず「個人サイトとは何ぞや？」という方もいらっしゃるでしょう。
個人サイトとは？
個人サイトというのは文字通り、個人による個人のためのWebサイトでして、私的な目的で利用することを前提としたネット上に立てるおうちだと思ってください。いろんな人が自由に訪問しに来ます。
調べてみても明確な定義はないようですが、ブログを想像してもらえるとわかりやすいでしょう。個人が趣味や日記を自由に綴り、ときには商品や思想を紹介するような使い方もするアレです。
SNSが台頭した昨今では全盛期に比べると大きく勢いを落としたような印象を受けますが、個人サイトにはSNSにはないメリットがあります。
自身のサイトをもてば、それを名刺代わりに案内したり、長く運用することで収益化したり、作成にかかる労力以上の恩恵をもたらしてくれます。
構成からデザインまで自由にできるため、各種SNSのような用意されたプラットフォームに依存することなく個性の尖ったお城を築くことができます。
誰に向けた企画？
先ほどnoteにてプログラミングやシステム開発のやり方を初学者の方に向けて発信している旨をお伝えしました。
ここではこの企画の趣旨をより詳細にご説明します。
画面の前のあなたです！
この画面に辿りつかれた、そしてここまで読み進められているということは、画面の前のあなたは個人サイト、もしくはプログラミングの学習に関して興味を持たれていると思ってよいでしょう。
主に以下のような方をこの企画の対象者として想定しています。
個人サイトを自力で作りたい方
プログラミングを・・・
始めてみたいけど何をすればいいかわからない方
始めたけど、行き詰っている方
挑戦したけど、挫折してしまった方
継続しているけれど、基本に立ち返りたい方
これらにひとつでも当てはまったならば、このまま読み進めてください。
プログラミングは楽しいものです。いつから始めても遅いということはまったくありません。
なぜプログラミングは挫折率が高い？
初学者が独学でプログラミングをやろうとすると挫折する、という話はよく聞きます。初心者向け書籍の冒頭にそう書いてあったり、ネット上にそんな体験談があったりと様々ですが、私も肌感覚では同意するところです。
たしかにどのように学ぶか？は非常に重要なテーマです。私は途中で諦めてしまうのは学び方・進め方に問題があると思っています。
プログラミングにはプログラミング言語の規則や構文以外にもシステム開発の考え方や慣習、ロジックの組み立て方など、実際の開発を通して取り入れる知識・経験がたくさんあります。
これらは情報量がとても多いですから、やはりひとつずつ整理しながら順序良く学習し、反復を繰り返しながら吸収していく必要があるんですね。
しかし、これはよくある初学者向け書籍1冊で賄えるような分量ではありません。だから本に書いてある通りにやってなんとなくできた気にはなるけれど、その先をどうしていいかわからない、という状態になります。
学んだ知識や各種ノウハウを結びつけられるような実践の機会、場数が不足しているからでしょう。
これではもったいないです。
この事態になにか新しい風を吹かせることはできないか？そう思い、今回の連載をご用意しました。
ではどういう流れでプログラミング学習を展開していくのか、次章でお伝えします。
連載の構成について
当連載は3章構成でお送りします。
第1章はVBAでプログラミング基礎学習
第1章はVBAというプログラミング言語を使用したプログラミングの基礎学習をやります。全17回を2024年2月3日から5月25日の間に毎週土曜日に1本公開します。
プログラミングに関して丸腰の状態からいきなり個人サイトの開発に入るのは正直ハードルが高いです。飛び越えられたとしてもケガをするかもしれませんから、避けられるリスクは避けていきましょう。
VBAと聞いてもあまり馴染みのない方もいるかもしれませんね。ではExcelはどうでしょう。あのエクセルです。Microsoftの。
実はExcelには「Visual Basic for Applications」と言ってプログラミングできる環境が最初から用意されているんです。
このVBAを使って、プログラミングの基本事項をすべてレクチャーします。初学者向けの技術書には構文説明がひたすら続くようなものもありますが、そのようなことはしません。頭に定着しないのでね。
Excelのシート上にカレンダーを作る課題を通して諸構文や各種ノウハウを学んでもらいます。こればかりだと飽きるので、演習問題も途中に挟みます。
第1章にVBAをもってきた理由は大きく2つあります。
ひとつめは開発環境の構築が不要であることです。開発環境の構築というと新たにインストーラと呼ばれるソフトをダウンロードして実行して設定して動作確認して・・・とスタート地点に着くまでにまま労力がかかります。
PC初心者となればこの時点で嫌になってしまうかもしれません。パソコンなんてただでさえ得体のしれない箱/ノートなのに・・・。
ですが、VBAならこの心配がありません。先ほど申した通りExcelに最初から組み込まれているからです。
これはとっつきやすいと同時にやめやすいも意味します。初めてのことをやる時ってそれを自分が好きになれるか、続けられるかがまったく未知数なわけじゃないですか。
であれば初期投資や準備物は少ない方が良いに決まってます。VBAはこの要件をよく満たしてくれています。
そして、ふたつめの理由はVBAができると今後なにかと便利だからです。
VBAを使うとExcel上で行う作業を人間の代わりにプログラムにやってもらうことができるようになります。
それ以外にも任意の情報をシート上に自動出力したり、シート上の情報を加工しさらにテキスト形式で出力したり、様々なことができます。
このスキルがあると事務仕事でも私的な作業でも、今よりちょっとだけ楽できるようになるかもしれません。とてもオススメなんです。
第2章はWeb開発の基礎学習
第2章ではWeb開発について学習します。
あなたが今見てくれている画面、ブラウザで開いていますよね。ブラウザ上にものを表示するためにはなにをどのように用意すればいいでしょうか。
また、ネットの海を渡り歩けば世の中のありとあらゆるWebサイトにアクセスできますが、そのとき裏ではなにが起きているでしょうか。
そんなことを学びます。
Webサイトの画面描画にはHTMLとCSSを主に使用します。またそこに動きを加えるときはJavaScriptという言語も使います。
データベースも少しやりましょう。詳細は第2章にてお伝えします。
第1章ではExcelのみを相手にしましたが、第2章ではいよいよ本格的に個人サイト開発の準備を整えていく段階です。
ですので、ここで開発環境の準備もやっちゃいます。お楽しみに。
第3章は個人サイト開発
第1章, 2章を経て完全にお膳立ては整いました。
今こうして文章を読んでいるだけでは想像できないかもしれませんが、第3章に入るころにはプログラミングに必要な筋肉がこれでもか！というくらいについていることでしょう。もう筋骨隆々間違いなしです。
この章では粛々と個人サイトを作るのみです。第1章, 第2章で基礎を学んできたのでそれらの応用編、総仕上げということになりますね。
私からお伝えする個人サイトに関する内容はプレーンなものです。あなた色に加工しながら進めていただけるとより楽しいものになると思います。なんといっても個人サイトですのでね。
第3章は有料記事にする予定です。すみませんが、よろしくお願いします。
各章・各回の共通事項
ここまで各章の説明を読んでいただいた中であまりイメージできないところがあったかもしれません。それもそのはず、説明が概要レベルに止まっているからです。
ですので、各章につき第1回はオリエンテーションとしてその章でやることをまず説明します。そこでロードマップを把握してください。
各回では冒頭にその回のゴールを、終末に習ったことの整理をします。これで全体像の把握と習得した知識の整理を促します。
また、連載本編ではテンポを重視するために詳細な説明は割愛する箇所が出てきます。その場合は「今回の補足」として終末に用意した章で補足をします。コラム感覚で読んでください。
当連載は今回が#1です。今後1章、2章、3章と展開していきますが、#1-1とか#2-1ではなく#2, #3と章に関係なくナンバリングしていきます。
本編の中で操作や動作を説明・紹介する機会が幾度となくでてきます。その際は基本的にGif画像で説明するので、それを参考にしてください。
サイズの関係でnote上に貼れない場合はリンクを貼るかダウンロードできるようにするので、その際はそちらを見てください（都度、案内します）。
本編にて、ときどき書籍を紹介することがあります。その際、Amazonのリンクを貼りますが、アソシエイトに参加しておりますので、あらかじめご了承ください。そこから購入されると私に少額の報酬が入る仕組みです。
当連載は児童・生徒の方の挑戦も見込んでいます。そのため、比較的平易な漢字にもふりがながついていることがあります。ご容赦ください。
6～15歳の方におかれましては、むずかしい言葉遣いが多いかもしれません。でも背伸びして頑張ってみてください。粘り強く取り組んだ経験が必ずあなたの血肉となります。
最後にもうひとつ。各記事内に他記事へのリンクがありますが、未公開分についてはクリックしても参照できなかったり、リンク自体に閲覧不可の文言がついています。公開したら閲覧可能になりますので、ご了承ください。
ざっといろいろ説明しましたが、まとめると以下の通りです。
各章、初回は章に関する説明の回とする
各回、「今回のゴール」「今回のふりかえり」「今回の補足」を設ける
記事のナンバリングは章を跨いだ通番とする
操作・動作の紹介にはGif画像を用いる
Amazonアソシエイトに参加している
簡単な漢字にもふりがながついたりする
未公開記事へのリンクはクリックしても閲覧不可なのでご容赦を
※各章、第1回は「今回の～」の章は省略します。
必要な環境情報
当連載に取り組まれる場合、PCのスペックについて次の内容を参考にしてください。
OS：Windows10 以上
メモリ：4GB以上
必要なソフト：Microsoft Excel
OS, メモリはこれよりバージョンが低かったり、サイズが小さくてもおそらく問題ありませんが、検証はしていません。Excelはこれがないとできないので、ご準備をお願いします。
過去の連載（後述）でMacのOSで取り組まれた方もいたのですが、その場合、問い合わせに対して適切な回答ができないので、質問はお控えいただけると助かります（すみません）。
私の紹介
簡単にですが、初めての方もいらっしゃると思うので、私のことをお話ししますね。
noteのアカウントは「Haguruma J」でやらせてもらってます。これ、今後変える可能性があるので、記事中に自分のアカウント名は出さないようにしています。
お仕事は（2024年時点）IT業界で働いています。途中、他業界へ移ったこともありますが、トータルでは業界歴9年目くらいです。ITの世界は幅が広く奥も深いのでどこまでいってもぺーぺーです。
仕事でWeb開発をすることはほとんどなくて、Web系の開発はほぼ趣味でやってきています。IT業界に入る前にHTMLやCSSの勉強を始めました。その頃は22歳とかでしたね。
もともとは「アフィリエイトで生計を立てるぞー！」と思っていたのですが、生計はちっとも立たないまま、Web開発関連のスキルや知見だけがついてしまったという状態です。
当連載以外に実はこれまで2本、システム開発の連載をしてきています。
これらですね。2023年末時点で『自作CMSの作り方 全編』は125人の方に、『掲示板の作り方 全編』は73人の方にご利用いただけた実績があり、それもあって当連載を実施することにしました。
私の教え方がみなさんにとっては学び方になるわけですから、細心の注意を払って、途中で挫けることなく最後まで完遂できるようにサポートします。
このちょっぴり長い個人サイトを作るまでのレースに伴走させてください。ともに歩みましょう。
おわりに
そんなわけですので、いよいよプログラミング学習企画『個人サイトの作り方』はじまりはじまりです！
次回からはタイトル中にある「個人サイトの作り方」の文言は「個サ作」に略します。決まった文字列が幅を取るのは避けたいのでね。
分からないことがあれば各回のコメント欄からお問い合わせください。
それでは、よろしくお願いします！
この記事が気に入ったらサポートをしてみませんか？