SlideShare a Scribd company logo
3
Most read
4
Most read
8
Most read
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

PDF
深層学習による非滑らかな関数の推定
PDF
幾何と機械学習: A Short Intro
PDF
Marp for VS Code で作る PowerPoint スライド
PDF
ドメイン駆動設計という仕事の流儀
PDF
確率的推論と行動選択
PDF
Cognitive Complexity でコードの複雑さを定量的に計測しよう
PDF
Character level CNN [CNNで自然言語処理]
PPTX
さるでも分かりたい9dofで作るクォータニオン姿勢
深層学習による非滑らかな関数の推定
幾何と機械学習: A Short Intro
Marp for VS Code で作る PowerPoint スライド
ドメイン駆動設計という仕事の流儀
確率的推論と行動選択
Cognitive Complexity でコードの複雑さを定量的に計測しよう
Character level CNN [CNNで自然言語処理]
さるでも分かりたい9dofで作るクォータニオン姿勢

What's hot (20)

PDF
Saito20asj_autumn
PPTX
心理的安全性と、Veinの紹介 Psychological safety and introduction of Vein
PDF
強化学習その1
PPTX
劣微分
PDF
[最新版] JSAI2018 チュートリアル「"深層学習時代の" ゼロから始める自然言語処理」
PPTX
組合せ最適化を体系的に知ってPythonで実行してみよう PyCon 2015
PDF
データ解析2 線形代数の復習
PDF
言語と知識の深層学習@認知科学会サマースクール
PDF
IoT/AI時代のテスティング・検証技術の最前線
PDF
C#のキモイ高速プログラミング
PDF
最適輸送の計算アルゴリズムの研究動向
PDF
深層学習による製造業のスマート化と産業応用の将来展望(クオリティフォーラム2020講演資料)
PDF
2次元/3次元幾何学変換の統一的な最適計算論文
PDF
深層学習による非滑らかな関数の推定
PDF
5 クラスタリングと異常検出
PPTX
Graph Convolutional Network 概説
PPTX
ヒューレットパッカード社の 社員の離職リスク予測 第一回機械学習ビジネス研究会 #ml_business
PDF
深層生成モデルと世界モデル, 深層生成モデルライブラリPixyzについて
PDF
[DL輪読会]Deep Anomaly Detection Using Geometric Transformations
PDF
JavaScript経験者のためのGo言語入門
Saito20asj_autumn
心理的安全性と、Veinの紹介 Psychological safety and introduction of Vein
強化学習その1
劣微分
[最新版] JSAI2018 チュートリアル「"深層学習時代の" ゼロから始める自然言語処理」
組合せ最適化を体系的に知ってPythonで実行してみよう PyCon 2015
データ解析2 線形代数の復習
言語と知識の深層学習@認知科学会サマースクール
IoT/AI時代のテスティング・検証技術の最前線
C#のキモイ高速プログラミング
最適輸送の計算アルゴリズムの研究動向
深層学習による製造業のスマート化と産業応用の将来展望(クオリティフォーラム2020講演資料)
2次元/3次元幾何学変換の統一的な最適計算論文
深層学習による非滑らかな関数の推定
5 クラスタリングと異常検出
Graph Convolutional Network 概説
ヒューレットパッカード社の 社員の離職リスク予測 第一回機械学習ビジネス研究会 #ml_business
深層生成モデルと世界モデル, 深層生成モデルライブラリPixyzについて
[DL輪読会]Deep Anomaly Detection Using Geometric Transformations
JavaScript経験者のためのGo言語入門
Ad

Similar to Django と Wagtail で作る Headless CMS (20)

PDF
Zappa で Serverless CMS を作ってみる
PDF
Rubyの会社でPythonistaが3ヶ月生き延びた話
PDF
Rubyの会社でPythonistaが三ヶ月生き延びた話
PPTX
モノづくりを楽しもう! ~ このデバイスとクラウドでできること
ODP
第8回脆弱性診断入門
PPT
PDF
サーバサイドNodeの使い道
PDF
地獄Spec
PDF
地獄Spec
PPT
2006-04-22 CLR/H #14 .NET and open source
PDF
第1回 Android勉強会
PDF
Unityとスマートフォンアプリの最適化
PDF
人工知能のコードをハックする会 #2
PDF
とある Perl Monger の働き方
PDF
今年かかった麻疹まとめ
PDF
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
PDF
サーバーレス(Azure Functions)でスマートスピーカーのアプリを作ってみよう ( #GoogleHome / LINE #Clova/ Ama...
PDF
Titanium Mobile ~本当にあったこわい話~
KEY
SnapDishの事例
PDF
3 d printer_ivent
Zappa で Serverless CMS を作ってみる
Rubyの会社でPythonistaが3ヶ月生き延びた話
Rubyの会社でPythonistaが三ヶ月生き延びた話
モノづくりを楽しもう! ~ このデバイスとクラウドでできること
第8回脆弱性診断入門
サーバサイドNodeの使い道
地獄Spec
地獄Spec
2006-04-22 CLR/H #14 .NET and open source
第1回 Android勉強会
Unityとスマートフォンアプリの最適化
人工知能のコードをハックする会 #2
とある Perl Monger の働き方
今年かかった麻疹まとめ
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
サーバーレス(Azure Functions)でスマートスピーカーのアプリを作ってみよう ( #GoogleHome / LINE #Clova/ Ama...
Titanium Mobile ~本当にあったこわい話~
SnapDishの事例
3 d printer_ivent
Ad

More from Iosif Takakura (11)

PDF
取り込んだネガ画像の色を変換する Python スクリプトを書いてみた
PDF
scikit-image でフィルムスキャナで取り込んだネガ画像をポジ化する
PDF
Django 製 CMS Wagtail で Blog を作ってみる
PDF
Sphinxでまとめる多言語環境APIドキュメント
PDF
DocFXで脱Excel方眼紙!
PDF
技術的負債との戦い方
PDF
社内のマニュアルをSphinxで作ってみた
PDF
C#初心者がxamarinに手を出してみた
PDF
Sphinxで同人誌を書いてみた
ODP
ようこそ先輩 - 2014年8月2日
ODP
Osuncが終わったら帰りは警察署に行きましょう
取り込んだネガ画像の色を変換する Python スクリプトを書いてみた
scikit-image でフィルムスキャナで取り込んだネガ画像をポジ化する
Django 製 CMS Wagtail で Blog を作ってみる
Sphinxでまとめる多言語環境APIドキュメント
DocFXで脱Excel方眼紙!
技術的負債との戦い方
社内のマニュアルをSphinxで作ってみた
C#初心者がxamarinに手を出してみた
Sphinxで同人誌を書いてみた
ようこそ先輩 - 2014年8月2日
Osuncが終わったら帰りは警察署に行きましょう

Django と Wagtail で作る Headless CMS