Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
a-blog cms をよくするために 取り組んだ3つのこと
Search
Hori Godai
October 08, 2016
Technology
0
580
a-blog cms をよくするために 取り組んだ3つのこと
Hori Godai
October 08, 2016
Tweet
Share
More Decks by Hori Godai
See All by Hori Godai
TypeScript Compiler APIを使って 型のユニットテストをブラウザーで動かす
steelydylan
3
210
エディター付きのReact開発環境を ブラウザーだけで実装した話
steelydylan
9
1.9k
HonoでReact・TypeScriptの実行環境をブラウザー上に作る
steelydylan
1
2.3k
複数ピンをまとめて表示するYahoo!地図用のJavaScriptライブラリをつくりま作りました
steelydylan
1
1.2k
Nuxtでのサーバー、クライアント間データ共有について
steelydylan
0
920
next.jsを使ったuniversal React 入門
steelydylan
1
310
a-blog cmsの静的書き出し機能を使って、 自分のブログを100%静的にした話
steelydylan
0
370
MySQLの GEOMETRY 型とJavaScriptの Geolocation API の活用事例
steelydylan
1
470
アップルップルの新しいオープンソースの紹介
steelydylan
0
510
Other Decks in Technology
See All in Technology
AI Ready API ─ AI時代に求められるAPI設計とは?/ AI-Ready API - Designing MCP and APIs in the AI Era
yokawasa
21
5.8k
みんな Kiro ってる?
r3_yamauchi
PRO
0
100
「AI駆動開発」のボトルネック『言語化』を効率化するには
taniiicom
1
120
SAE J1939シミュレーション環境構築
daikiokazaki
0
150
激動の時代、新卒エンジニアはAIツールにどう向き合うか。 [LayerX Bet AI Day Countdown LT Day1 ツールの選択]
tak848
0
550
Ktor + Google Cloud Tasks/PubSub におけるOTel Messaging計装の実践
sansantech
PRO
1
280
PHPでResult型やってみよう
higaki_program
0
190
TROCCO今昔
gtnao
0
210
少人数でも回る! DevinとPlaybookで支える運用改善
ishikawa_pro
1
500
Bliki (ja), and the Cathedral, and the Bazaar
koic
8
1.3k
スプリントレビューを効果的にするために
miholovesq
9
1.6k
AWS表彰プログラムとキャリアについて
naoki_0531
0
100
Featured
See All Featured
Site-Speed That Sticks
csswizardry
10
720
Making Projects Easy
brettharned
116
6.3k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
KATA
mclloyd
30
14k
Bash Introduction
62gerente
613
210k
Being A Developer After 40
akosma
90
590k
Become a Pro
speakerdeck
PRO
29
5.4k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Why Our Code Smells
bkeepers
PRO
337
57k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Transcript
༗ݶձࣾΞοϓϧοϓϧ ງ ޛେ a-blog cms ΛΑ͘͢ΔͨΊʹ औΓΜͩ3ͭͷ͜ͱ
·ͣࣗݾհ͔Β
ງ ޛେ @steelydylan
ߴݝͷग़Ͱ͢
ֶੜ࣌ •ESSαʔΫϧ෦ •JavaScript Λ༻͍ͯήʔϜΛ੍࡞ •ۂΛ࡞ͬͨΓ͍ͯͨ͠
ֶੜ࣌
ීஈ͍ͯ͠Δࣄ ໊ݹՊେֶ http://www.nucba.ac.jp/
ීஈ͍ͯ͠Δࣄ ໊ݹՊେֶେֶӃ http://mba.nucba.ac.jp/
σδλϧαΠωʔδ https://www.youtube.com/watch?v=vBFZOSLlYcc
•a-blog cmsͷςʔϚͱͯ͠࡞ •Google ChromeͰද͍ࣔͯ͠Δ •Web Component༻ϥΠϒϥϦɺ PolymerΛ༻ σδλϧαΠωʔδ
༗ঈςʔϚͱͯ͠Έͳ͞Μͷݩʹ ಧ͚ΒΕΔΑ͏ʹؤு͍ͬͯ·͢ʂ σδλϧαΠωʔδ
ຊͷࣥචʹؔΘΓ·ͨ͠ https://www.amazon.co.jp/dp/486246341X/ ࣮ફʂ ίϯςϯπϑΝʔετͷ WebαΠτӡ༻ ʙa-blog cmsͰ͡ΊΔCMSϓϩτλΠϐϯάʙ
a-blog cms Λ Α͘͢ΔͨΊʹ औΓΜͩ3ͭͷ͜ͱ
औΓΜͩ3ͭͷ͜ͱ 1. ϒϥβଆͰͷը૾ϦαΠζ 2. CMSͷཧը໘ͷӳޠԽ 3. ΦϑΩϟϯόεϝχϡʔ
ϒϥβଆͰͷ ը૾ϦαΠζ 1
1. ϒϥβଆͰͷը૾ͷϦαΠζ σδΧϝͰࡱӨͨ͠ ߴը࣭ͳը૾Ͱ ΞοϓϩʔυΛՄೳʹ
αΠζͷେ͖ͳը૾Λ͋͛Δͱ ҎԼͷΑ͏ͳΤϥʔ͕ग़͍ͯͨ 1. ϒϥβଆͰͷը૾ͷϦαΠζ Ver. 2.5.1Ҏલ
Canvasʹը૾Λॻ͖ग़͠ɺϦαΠζ 1. ϒϥβଆͰͷը૾ͷϦαΠζ
ϦαΠζͨ͠༰Λ Input type hiddenʹηοτ 1. ϒϥβଆͰͷը૾ͷϦαΠζ
αʔόʔଆͰhiddenͷΛը૾ʹม Base64σʔλ 1. ϒϥβଆͰͷը૾ͷϦαΠζ
CMSͷཧը໘ͷӳޠԽ 2
• 2. CMSͷཧը໘ͷӳޠ <!—T—>ͷจࣈݟͨ͜ͱ͋Γ·ͤΜ͔ʁ
֎ࠃͷํͰ a-blog cms Ͱ ߋ৽Ͱ͖ΔΑ͏ʹ 2. CMSͷཧը໘ͷӳޠ
2. CMSͷཧը໘ͷӳޠ
https://poedit.net/ 2. CMSͷཧը໘ͷӳޠ
ΦϑΩϟϯόεϝχϡʔ 3
3. ΦϑΩϟϯόεϝχϡʔ
ΦϑΩϟϯόε༻ͷϓϥάΠϯΛ ୳ͨ͠ͷͷ… 3. ΦϑΩϟϯόεϝχϡʔ
3. ΦϑΩϟϯόεϝχϡʔ
•ϖʔδͷϔομʔΛݻఆͰ͖ͳ͍ •ϝχϡʔΛด͡Δͱઌ಄ͷը໘ʹ ͬͯ͠·͏ •྆αΠυΦϑΩϟϯόεͰ͖ͳ͍ɻ 3. ΦϑΩϟϯόεϝχϡʔ
͍͞͝ʹ
࢛ࠃग़ͷ͕ࣗ օ͞ΜͷαϙʔτΛ ࠓޙؤு͍͖ͬͯ·͢ʂ ͍͞͝ʹ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ @steelydylan