オリジナル CMS サンプル
トップ > CMS作り方公開の背景など > noteの自作CMSの作り方記事が#10までいきました
noteの自作CMSの作り方記事が#10までいきました(公開済)
URL:http://original-cms-sample.com/contents/process/note10/
リード文
こんにちは~・・・きました2020年っ!!! しばらく放置状態になっていたのですが、年末年始の休みを利用してnoteにあげているこのサイトの作り方をゴリゴリと更新しています。 今やっと#10まで公開することができたので、ご報告に1本この記事を更新します。 簡単に各回について説明しますね。
目次
#1 オリエンテーション編 #2 開発環境の構築 #3 xamppの初期設定とエディタの準備 #4 トップページを作ろう #5 テンプレート機構を実装する #6 データベースと連携する #7 トップページに新着情報を表示する #8 サイドメニューを実装する #9 管理者ページをつくる。その1 #10 管理者ページをつくる。その2 ここまでの所感 おわりに
本文
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:
関連記事
2,2:このCMSでできること
2,7:記事のつくりかた
2,6:用意するテーブルたち
↓このコンテンツのファイル情報↓
ファイル名
更新時刻
サイズ(byte)
2020-01-02_23-31-37-lead.txt
2020/01/02 23:31:37
407 B
2020-01-02_23-31-37-message.txt
2020/01/02 23:31:37
518 B
2020-01-02_23-31-37-toc.txt
2020/01/02 23:31:37
418 B
2020-01-02_23-38-23-lead.txt
2020/01/02 23:38:23
404 B
2020-01-02_23-38-23-message.txt
2020/01/02 23:38:23
1587 B
2020-01-02_23-38-23-toc.txt
2020/01/02 23:38:23
440 B
2020-01-02_23-55-04-lead.txt
2020/01/02 23:55:04
404 B
2020-01-02_23-55-04-message.txt
2020/01/02 23:55:04
5280 B
2020-01-02_23-55-04-toc.txt
2020/01/02 23:55:04
440 B
2020-01-02_23-55-09-p_lead.txt
2020/01/02 23:55:09
404 B
2020-01-02_23-55-09-p_message.txt
2020/01/02 23:55:09
5280 B
2020-01-02_23-55-09-p_toc.txt
2020/01/02 23:55:09
440 B
2020-01-11_08-40-47-p_lead.txt
2020/01/11 08:40:47
467 B
2020-01-11_08-40-47-p_message.txt
2020/01/11 08:40:47
5280 B
2020-01-11_08-40-47-p_toc.txt
2020/01/11 08:40:47
440 B
2021-02-28_20-47-29-p_lead.txt
2021/02/28 20:47:29
404 B
2021-02-28_20-47-29-p_message.txt
2021/02/28 20:47:29
5280 B
2021-02-28_20-47-29-p_toc.txt
2021/02/28 20:47:29
440 B
2021-03-14_17-56-49-lead.txt
2021/03/14 17:56:49
404 B
2021-03-14_17-56-49-message.txt
2021/03/14 17:56:49
5280 B
2021-03-14_17-56-49-toc.txt
2021/03/14 17:56:49
440 B
2021-03-14_17-58-11-p_lead.txt
2021/03/14 17:58:11
404 B
2021-03-14_17-58-11-p_message.txt
2021/03/14 17:58:11
549 B
2021-03-14_17-58-11-p_toc.txt
2021/03/14 17:58:11
440 B
2021-08-27_08-11-23-p_lead.txt
2021/08/27 08:11:23
404 B
2021-08-27_08-11-23-p_message.txt
2021/08/27 08:11:23
5280 B
2021-08-27_08-11-23-p_toc.txt
2021/08/27 08:11:23
440 B
2021-08-27_08-11-36-p_lead.txt
2021/08/27 08:11:36
404 B
2021-08-27_08-11-36-p_message.txt
2021/08/27 08:11:36
5280 B
2021-08-27_08-11-36-p_toc.txt
2021/08/27 08:11:36
440 B
2021-08-27_08-11-46-p_lead.txt
2021/08/27 08:11:46
404 B
2021-08-27_08-11-46-p_message.txt
2021/08/27 08:11:46
5280 B
2021-08-27_08-11-46-p_toc.txt
2021/08/27 08:11:46
440 B
2021-08-27_08-12-36-p_lead.txt
2021/08/27 08:12:36
404 B
2021-08-27_08-12-36-p_message.txt
2021/08/27 08:12:36
5346 B
2021-08-27_08-12-36-p_toc.txt
2021/08/27 08:12:36
694 B
2021-08-27_08-12-56-p_lead.txt
2021/08/27 08:12:56
430 B
2021-08-27_08-12-56-p_message.txt
2021/08/27 08:12:56
5346 B
2021-08-27_08-12-56-p_toc.txt
2021/08/27 08:12:56
694 B
2021-09-17_15-39-57-p_lead.txt
2021/09/17 15:39:57
404 B
2021-09-17_15-39-57-p_message.txt
2021/09/17 15:39:57
5331 B
2021-09-17_15-39-57-p_toc.txt
2021/09/17 15:39:57
440 B
2022-03-01_22-40-52-p_lead.txt
2022/03/01 22:40:52
409 B
2022-03-01_22-40-52-p_message.txt
2022/03/01 22:40:52
5363 B
2022-03-01_22-40-52-p_toc.txt
2022/03/01 22:40:52
451 B
2022-05-09_14-09-29-p_lead.txt
2022/05/09 14:09:29
409 B
2022-05-09_14-09-29-p_message.txt
2022/05/09 14:09:29
5363 B
2022-05-09_14-09-29-p_toc.txt
2022/05/09 14:09:29
451 B
2023-03-08_12-53-13-p_lead.txt
2023/03/08 12:53:13
409 B
2023-03-08_12-53-13-p_message.txt
2023/03/08 12:53:13
5363 B
2023-03-08_12-53-13-p_toc.txt
2023/03/08 12:53:13
451 B
2023-04-17_13-57-13-p_lead.txt
2023/04/17 13:57:13
409 B
2023-04-17_13-57-13-p_message.txt
2023/04/17 13:57:13
585 B
2023-04-17_13-57-13-p_toc.txt
2023/04/17 13:57:13
451 B
2024-02-28_03-12-45-lead.txt
2024/02/28 03:12:45
409 B
2024-02-28_03-12-45-message.txt
2024/02/28 03:12:45
5363 B
2024-02-28_03-12-45-toc.txt
2024/02/28 03:12:45
451 B
2024-02-28_03-14-30-p_lead.txt
2024/02/28 03:14:30
409 B
2024-02-28_03-14-30-p_message.txt
2024/02/28 03:14:30
5363 B
2024-02-28_03-14-30-p_toc.txt
2024/02/28 03:14:30
451 B
2024-02-28_03-14-31-p_lead.txt
2024/02/28 03:14:31
409 B
2024-02-28_03-14-31-p_message.txt
2024/02/28 03:14:31
5363 B
2024-02-28_03-14-31-p_toc.txt
2024/02/28 03:14:31
451 B
2024-02-28_03-14-41-p_lead.txt
2024/02/28 03:14:41
409 B
2024-02-28_03-14-41-p_message.txt
2024/02/28 03:14:41
5363 B
2024-02-28_03-14-41-p_toc.txt
2024/02/28 03:14:41
451 B
2024-02-28_03-14-42-p_lead.txt
2024/02/28 03:14:42
409 B
2024-02-28_03-14-42-p_message.txt
2024/02/28 03:14:42
5363 B
2024-02-28_03-14-42-p_toc.txt
2024/02/28 03:14:42
451 B
lead.txt
2024/02/28 03:12:45
409 B
message.txt
2024/02/28 03:12:45
5363 B
p_lead.txt
2024/02/28 03:14:42
409 B
p_message.txt
2024/02/28 03:14:42
5363 B
p_toc.txt
2024/02/28 03:14:42
451 B
toc.txt
2024/02/28 03:12:45
451 B
装飾・タグ(
固定
/
解除
)
太字
赤太字
青太字
蛍光ペン
取り消し線
下線
文中改行
大きめ
小さめ
言葉
コメントアウト
画像ファイル(
固定
/
解除
)
002_開発環境の構築.png
004_トップページをつくろう.png
005_テンプレート機構を実装する.png
006_データベースと連携する.png
007_トップページに新着情報を表示する.png
008_サイドメニューを実装する.png
010_管理者ページをつくる。その2.png
icon.png
index.png
関連記事(
固定
/
解除
)
作業進捗
このCMSでできること
このCMSでできないこと
当CMS完成までのステップ
プロパティの種類と設定方法
用意するテーブルたち
記事のつくりかた
作り方公開に至った経緯
自作CMSの最大のメリット
主のプロフィール
有料コンテンツにしている理由
noteの自作CMSの作り方記事が#10までいきました
サンプルページ
好きに触っていいページ2
再現用ファイル群受付用ページ
テスト
リンク
記事情報の更新
記事情報の削除
装飾・タグ
画像
関連記事
挿入対象コンポーネント
リード
目次
メッセージ
関連記事
プレビュー
お掃除
目次反映