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
300
a-blog cmsの静的書き出し機能を使って、 自分のブログを100%静的にした話
steelydylan
0
370
MySQLの GEOMETRY 型とJavaScriptの Geolocation API の活用事例
steelydylan
1
470
アップルップルの新しいオープンソースの紹介
steelydylan
0
500
Other Decks in Technology
See All in Technology
セキュアな社内Dify運用と外部連携の両立 ~AIによるAPIリスク評価~
zozotech
PRO
0
130
cdk initで生成されるあのファイル達は何なのか/cdk-init-generated-files
tomoki10
1
670
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
500
ビジネス職が分析も担う事業部制組織でのデータ活用の仕組みづくり / Enabling Data Analytics in Business-Led Divisional Organizations
zaimy
1
400
対話型音声AIアプリケーションの信頼性向上の取り組み
ivry_presentationmaterials
3
1.1k
CDK Toolkit Libraryにおけるテストの考え方
smt7174
1
550
SRE with AI:実践から学ぶ、運用課題解決と未来への展望
yoshiiryo1
0
340
大量配信システムにおけるSLOの実践:「見えない」信頼性をSLOで可視化
plaidtech
PRO
0
390
ポストコロナ時代の SaaS におけるコスト削減の意義
izzii
1
470
AIエージェントが書くのなら直接CloudFormationを書かせればいいじゃないですか何故AWS CDKを使う必要があるのさ
watany
18
7.6k
SRE不在の開発チームが障害対応と 向き合った100日間 / 100 days dealing with issues without SREs
shin1988
2
2.1k
セキュアなAI活用のためのLiteLLMの可能性
tk3fftk
1
340
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
108
19k
Building an army of robots
kneath
306
45k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Faster Mobile Websites
deanohume
308
31k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
How to Ace a Technical Interview
jacobian
278
23k
Side Projects
sachag
455
42k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
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