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
490
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
99
エディター付きのReact開発環境を ブラウザーだけで実装した話
steelydylan
9
1.7k
HonoでReact・TypeScriptの実行環境をブラウザー上に作る
steelydylan
1
1.8k
複数ピンをまとめて表示するYahoo!地図用のJavaScriptライブラリをつくりま作りました
steelydylan
1
860
Nuxtでのサーバー、クライアント間データ共有について
steelydylan
0
770
next.jsを使ったuniversal React 入門
steelydylan
1
240
a-blog cmsの静的書き出し機能を使って、 自分のブログを100%静的にした話
steelydylan
0
220
MySQLの GEOMETRY 型とJavaScriptの Geolocation API の活用事例
steelydylan
1
390
アップルップルの新しいオープンソースの紹介
steelydylan
0
440
Other Decks in Technology
See All in Technology
CTOから見た事業開発とプロダクト開発 / My Perspective on Business and Product Development as CTO
keisuke69
4
960
目標設定は好きですか? アジャイルとともに目標と向き合い続ける方法 / Do you like target Management?
kakehashi
10
3k
AOAI Dev Day LLMシステム開発 Tips集
hirosatogamo
15
3.7k
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
150
運用改善、不都合な真実 / 20240722-ssmjp-kaizen
opelab
17
8.1k
サービス開発を前に進めるために 新米リードエンジニアが 取り組んだこと / Steps Taken by a Novice Lead Engineer to Advance Service Development
nologyance
0
180
Git 研修 Basic【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
310
可視化プラットフォームGrafanaの基本と活用方法の全て
hamadakoji
0
230
RAGのサービスをリリースして1年3ヶ月が経ちました
segavvy
4
920
AI研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
130
エンジニアの生存戦略 〜クラウド潮流の経験から紐解く技術トレンドのメカニズムと乗りこなし方〜
shimy
9
1.9k
エンジニアリングマネージャーはどう学んでいくのか #devsumi / How Do Engineering Managers Continue to Learn and Grow?
expajp
4
1.3k
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
662
120k
Infographics Made Easy
chrislema
238
18k
Speed Design
sergeychernyshev
9
270
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
18
1.2k
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
Designing the Hi-DPI Web
ddemaree
276
34k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
A better future with KSS
kneath
231
17k
The World Runs on Bad Software
bkeepers
PRO
63
11k
Embracing the Ebb and Flow
colly
81
4.3k
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