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
ざくざくツール開発
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
yu0819ki
November 27, 2015
Programming
1
460
ざくざくツール開発
yu0819ki
November 27, 2015
Tweet
Share
More Decks by yu0819ki
See All by yu0819ki
たまには今日から業務で使える話でもしてみよう
yu0819ki
0
35
推しの成長と発展を寿ぐLT
yu0819ki
1
94
LightningTalkの資料作る時間なかったからおすすめの異世界転生作品を紹介するわ
yu0819ki
2
120
LightningTalkの資料作る時間なかったから カラオケするわ
yu0819ki
0
100
俺と婚活
yu0819ki
2
210
デプロイについて言いたい1つのこと
yu0819ki
0
490
Webシステム不具合調査講座
yu0819ki
1
630
高い学習コストを払ってでも React+Reduxを選ぶその理由
yu0819ki
0
1.2k
やれてなかったからやりたい話
yu0819ki
0
430
Other Decks in Programming
See All in Programming
KIKI_MBSD Cybersecurity Challenges 2025
ikema
0
1.3k
AIフル活用時代だからこそ学んでおきたい働き方の心得
shinoyu
0
140
今から始めるClaude Code超入門
448jp
8
9k
CSC307 Lecture 01
javiergs
PRO
0
690
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
7.5k
余白を設計しフロントエンド開発を 加速させる
tsukuha
7
2.1k
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
2
4.4k
AgentCoreとHuman in the Loop
har1101
5
240
そのAIレビュー、レビューしてますか? / Are you reviewing those AI reviews?
rkaga
6
4.6k
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
petamoriken
0
210
2026年 エンジニアリング自己学習法
yumechi
0
140
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
610
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.4k
My Coaching Mixtape
mlcsv
0
49
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
The Spectacular Lies of Maps
axbom
PRO
1
530
Technical Leadership for Architectural Decision Making
baasie
2
250
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.9k
ラッコキーワード サービス紹介資料
rakko
1
2.3M
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
260
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Become a Pro
speakerdeck
PRO
31
5.8k
Transcript
ざくざくツール開発 2015/11/25 yu0819ki@CyberZ
Intro. Name: 木村 幸弘 a.k.a yu0819ki Birthday:
1985.08.19 Age: 30 Birthplace: 北海道 Job: Web屋 Hobby: 音ゲー、読書、作曲 MoIo: パンが無ければ作ればいいじゃない
今回はツールを自作する話 【要件】 勉強会の発表内容を一覧化してブログ記事にする 【出力】 公開時に以下のようになるMarkdownを出力したい
hIp://engineer-‐blog.cyber-‐z.co.jp/entry/2015/11/19/173203 【入力】 • 発表タイトル • 発表者 • 参加者(執筆者)の感想コメント • スライドまたは発表風景写真
テキストエディタで直接書きました • やることは決まっていた • スライドと画像は先に揃えた • コメントは都度考えた
• 案外重複する部分が多かった • 3時間かかった
テキストエディタで直接書きました • やることは決まっていた • スライドと画像は先に揃えた • コメントは都度考えた
• 案外重複する部分が多かった • 3時間かかった 目次作って アンカー付けたせい 効率化しないと 業務に支障が出そう この辺を建前理由にツールを作る
Handlebarsでモック作りました 【仕様】 • JSON を AJAX で取ってきて Handlebars テンプレートにぶっこむ
• pre 要素の中身が Markdown になっている 【メリット】 • 寝ぼけた頭でも書ける(よく慣れている・・・30分で組んだ) • jQuery と Handlebars を CDN から取ってくれば管理ツール( bower とか)い らない 【デメリット】 • 改行とか HTML タグの入ったコメントを含む JSON ファイルを作るのがだる い
解説
AngularJSで書き直しました 【仕様】 • データをフォームから取得して Handlebars テンプレートにぶっこむ • pre
要素の中身が Markdown になっている • フォームへの入力が発生する 【メリット】 • POST も GET もしなくていい • 書いた内容をプレビューできる 【デメリット】 • 時間がそれなりに掛かる(結局6時間くらいかかった)
解説
まとめ • 思いついた時にすぐ出力できる技術・手段を持っておくとよい – モックを作るにあたっては技術選定を極力しない – 手癖で作る(そのために数をこなしておく)
– エクセルでもいいし、紙とペンでもいい • 効率が良くなったか?はKPIを置いて追いかける – 作りたかっただけじゃねぇかと言われて終わるのは悲しすぎる – 使われなくなるのも悲しすぎる – 継続大事 • 成果物:hIps://github.com/yu0819ki/seminor-‐blog-‐generator
ご清聴ありがとうございました