狠狠撸

狠狠撸Share a Scribd company logo
1
DjangoとWagtailDjangoとWagtail
で作るで作る
Headless CMSHeadless CMS
Иосиф Такакура
(いおしふたかくら)
1
2
今日のお話今日のお話
1
3
自己紹介自己紹介
1981年生まれ
職業:内製に近いシステムエンジニア
勤め先:アパレル?飲食系の特例子会社
発達障がい(ADHD + ASD)当事者
仕事で使ってる
C# + ASP.NET + MSSQL
プライベート
Python
C#
JavaScript / TypeScript
Ruby
ライター方面も挑戦中
評論の同人誌書いてます
冬に「ロボット?AIと人間の尊厳」の本出します
他にもいろいろやってます
1
4
ホームページホームページ
https://huideyeren.info/
Middleman + GitHub Pages
使ってるMiddlemanはv3系
Rubyもかなり古いの使ってる
モダンじゃないフロントエンド
Nodeはアイコンフォントぐらいしか使ってない
痛いデザイン
クリーム色と紫は目に痛い
Netlifyでビルド?ホスト
1
5
リニューアル計画リニューアル計画
JAMStackにしたい
バックエンドはHeadless CMSで作りたい
フロントエンド?静的サイトジェネレーターはGatsby
モダンなフロントエンドも使いたい
ほかAPIからも情報をとってきたい
渡すのはHTMLではなくMarkdownがよい
できる限りコンテンツとデザインを分離したい
Middlemanがサポート終わってる
もう既にMiddlemanはv4系のみサポート
v4系に移行できてない
セキュリティホールが……
いろいろ機能つけたい
既に発行している同人誌の紹介
ネトゲのキャラクター一覧
3ついいことを書いていく日記
1
6
CMSの選定CMSの選定
要件
1. Headless CMSであること
2. 自由に設定できること
3. ブログが作りやすいこと
4. スマートフォンからも使いやすいこと
5. 新しい技術に挑戦できること
ひとまずPythonに挑戦してみたい
そこからDjango製のCMSであるWagtailを選択。
GitHub:
https://wagtail.io/
https://github.com/wagtail/wagtail
DBはMariaDBを採用。
できればDockerとH2O使う予定。
1
7
WagtailWagtail
PythonのDjango製CMS
Djangoそのままで作れる
Headlessな構成もとれる
Django Rest Frameworkとも連携可能
柔軟に作れるが、Djangoの知識が無いと作れない
ブログプラグインも ほかいろいろある。Puput
1
8
しかし、うまく動かないしかし、うまく動かない
PuputからAPIの出力がうまく動作しない
APIにデータを出力する項目がない!!
フォークして追加するか……
データもMarkdownではなくHTMLで持っちゃう模様
Djangoのお作法を暗中模索でやってる
モデルのリレーション
ルーティング
APIサーバーの構築
フロントエンド側はどうする?
データ連携
React……
サーバーどうする?
Amazon Lightsailを考えている
必要なスペックどうなってんの?
管理画面のスマホ対応大丈夫?
1
9
完成をご期待ください完成をご期待ください
1

More Related Content

Django と Wagtail で作る Headless CMS