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
230
エディター付きのReact開発環境を ブラウザーだけで実装した話
steelydylan
9
1.9k
HonoでReact・TypeScriptの実行環境をブラウザー上に作る
steelydylan
1
2.4k
複数ピンをまとめて表示するYahoo!地図用のJavaScriptライブラリをつくりま作りました
steelydylan
1
1.2k
Nuxtでのサーバー、クライアント間データ共有について
steelydylan
0
930
next.jsを使ったuniversal React 入門
steelydylan
1
310
a-blog cmsの静的書き出し機能を使って、 自分のブログを100%静的にした話
steelydylan
0
380
MySQLの GEOMETRY 型とJavaScriptの Geolocation API の活用事例
steelydylan
1
480
アップルップルの新しいオープンソースの紹介
steelydylan
0
510
Other Decks in Technology
See All in Technology
20250912_RPALT_データを集める→とっ散らかる問題_Obsidian紹介
ratsbane666
0
100
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
you
PRO
0
130
共有と分離 - Compose Multiplatform "本番導入" の設計指針
error96num
2
1.2k
S3アクセス制御の設計ポイント
tommy0124
3
200
エンジニアリングマネージャーの成長の道筋とキャリア / Developers Summit 2025 KANSAI
daiksy
3
1.1k
いま注目のAIエージェントを作ってみよう
supermarimobros
0
350
「その開発、認知負荷高すぎませんか?」Platform Engineeringで始める開発者体験カイゼン術
sansantech
PRO
2
720
スマートファクトリーの第一歩 〜AWSマネージドサービスで 実現する予知保全と生成AI活用まで
ganota
2
320
TS-S205_昨年対比2倍以上の機能追加を実現するデータ基盤プロジェクトでのAI活用について
kaz3284
1
230
5年目から始める Vue3 サイト改善 #frontendo
tacck
PRO
3
230
Create Ruby native extension gem with Go
sue445
0
130
メルカリIBISの紹介
0gm
0
210
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Rails Girls Zürich Keynote
gr2m
95
14k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
GraphQLとの向き合い方2022年版
quramy
49
14k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Context Engineering - Making Every Token Count
addyosmani
3
60
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
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