オリジナル CMS サンプル

/contents/process/note10/p_message.txtの内容

h3:#1 オリエンテーション編
img:001_オリエンテーション編.png
オリエンテーション編は作る対象のCMSの紹介と必要な技術、時間、だいたいの規模感を伝えています。

この記事はnoteですべてレクチャーし終わった後に追記をしようとしています。
かかる時間の部分はだいぶ意見が変わると思うので・・・;つД`)
/h3:
h3:#2 開発環境の構築
img:002_開発環境の構築.png
#2からは早速作るための準備に入っています。

開発環境の構築でxamppのダウンロード&インストールが主な内容です。
/h3:
h3:#3 xamppの初期設定とエディタの準備
img:003_xampp初期設定とエディタ準備.png
エディタであるVisual Studio Codeを入手します。あとは開発にあたってのxamppの初期設定をします。

割と初心者向けの説明をしているのでPCに慣れている方はきっと退屈です。すぐに終わります。
/h3:
h3:#4 トップページを作ろう
img:004_トップページをつくろう.png
この回もまだまだ内容的には基礎の基礎です。

トップページを作りはするのですが、こちらから渡したソースを貼っていただくだけなので、特に負荷はないでしょう。
/h3:
h3:#5 テンプレート機構を実装する
img:005_テンプレート機構を実装する.png
この回から有料化しています。理由は本格的な自作CMSの実装に入っていくからです。

#5の成果は見かけ上は#4と変わらないのですが、内部構造がガラッと異なります。そこがこの回の面白み☆彡
/h3:
h3:#6 データベースと連携する
img:006_データベースと連携する.png
データベースからデータを取得できることを確認する回です。phpMyAdminの操作説明も兼ねています。

内容的にはググれば出てくる情報が多く、自作CMSの作り方に特化してる部分も少ないのでお値段は#5より安くしています。
/h3:
h3:#7 トップページに新着情報を表示する
img:007_トップページに新着情報を表示する.png
関数を追加いただき、かなり立て込んだ説明が入ってくる回です。

この辺りから本格的にphpプログラミングやデータベースとの連携に触れていただきます。最初は理解がおぼつかないかもしれませんが、楽しくなってくるところでもあります。
/h3:
h3:#8 サイドメニューを実装する
img:008_サイドメニューを実装する.png
この回も結構忙しいです。

新しい関数が出てくるので、徐々に慣れていただきたいポイントでもありますね。

トップページの実装がほぼ終わります。ここまででなんとな~くプログラミングの雰囲気を掴んでいただけると嬉しいです。

また、ここまでの手ごたえからこの先に進むかどうかの判断基準としてください。
/h3:
h3:#9 管理者ページをつくる。その1
img:009_管理者ページをつくる。その1.png
この回から管理者ページの実装に入っていきます。

まずは看視者メニューのトップページの実装です。
/h3:
h3:#10 管理者ページをつくる。その2
img:010_管理者ページをつくる。その2.png
テーブルのデータをリスト表示するページの実装を行います。

ここでは二重ループ処理が出てくるので初心者には結構きついと思います・・・。でもユーザにやっていただくことはソースの切り貼りなので、ついていけない・・・ということはないでしょう。
/h3:
h3:ここまでの所感
この自作CMSの作り方は期間をあけてしまうと更新が難しくなるので、時間がある今(2020/1/2)のうちに一気に仕上げてしまいたいという想いです。

ただ、それにしても結構まだ残っておりまして・・・戦々恐々とする2020年の年始でございます。。。

ちょこちょこ購入いただけておりますが、実は今時点ではまだお買い上げは#5の記事のみです。#6以降を短期間に一気に上げているのでこのあとどのような動きを見せるか分かりませんが、実装にチャレンジしていただける方が現れることを期待しています。

ひょっとすると価格設定に無理があるのかもしれませんね。様子を見ながらこの先、価格を変動することがあるかもしれません。(たぶん安い方に)
/h3:
h3:おわりに
つくりかたの記事を更新する作業自体は正直楽しいです。

時間のできた主婦の方やプログラミングに挑戦したい方などなど、いろんな方のお役に立てますと幸いです。

この調子で更新を続けていきますので、どうぞよろしくお願い致します。

あとは・・・年始ですので、画面の前のあなたにとって今年1年がいい年になりmすように☆彡「2020/01/01」ってすごい字面が綺麗ですよね。昨日びっくりしました、綺麗さに。笑
/h3: