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
Hori Godai
May 20, 2018
Technology
0
500
アップルップルの新しいオープンソースの紹介
a-blog cms Training Camp 2018 Springで発表した内容です
Hori Godai
May 20, 2018
Tweet
Share
More Decks by Hori Godai
See All by Hori Godai
TypeScript Compiler APIを使って 型のユニットテストをブラウザーで動かす
steelydylan
3
200
エディター付きのReact開発環境を ブラウザーだけで実装した話
steelydylan
9
1.9k
HonoでReact・TypeScriptの実行環境をブラウザー上に作る
steelydylan
1
2.3k
複数ピンをまとめて表示するYahoo!地図用のJavaScriptライブラリをつくりま作りました
steelydylan
1
1.1k
Nuxtでのサーバー、クライアント間データ共有について
steelydylan
0
910
next.jsを使ったuniversal React 入門
steelydylan
1
300
a-blog cmsの静的書き出し機能を使って、 自分のブログを100%静的にした話
steelydylan
0
370
MySQLの GEOMETRY 型とJavaScriptの Geolocation API の活用事例
steelydylan
1
470
a-blog cms をよくするために 取り組んだ3つのこと
steelydylan
0
570
Other Decks in Technology
See All in Technology
UIテスト自動化サポート- Testbed for XCUIAutomation practice
notoroid
0
110
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全 / 20250625-aws-summit-aws-policy
opelab
6
690
Workflows から Agents へ ~ 生成 AI アプリの成長過程とアプローチ~
belongadmin
3
170
AWS CDK 実践的アプローチ N選 / aws-cdk-practical-approaches
gotok365
4
470
2025/6/21 日本学術会議公開シンポジウム発表資料
keisuke198619
2
470
CIでのgolangci-lintの実行を約90%削減した話
kazukihayase
0
340
BigQuery Remote FunctionでLooker Studioをインタラクティブ化
cuebic9bic
2
220
白金鉱業Meetup_Vol.19_PoCはデモで語れ!顧客の本音とインサイトを引き出すソリューション構築
brainpadpr
2
470
CSS、JSをHTMLテンプレートにまとめるフロントエンド戦略
d120145
0
210
ローカルLLMでファインチューニング
knishioka
0
120
Agentic Workflowという選択肢を考える
tkikuchi1002
1
360
kubellが挑むBPaaSにおける、人とAIエージェントによるサービス開発の最前線と技術展望
kubell_hr
1
390
Featured
See All Featured
Practical Orchestrator
shlominoach
188
11k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
16
940
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Making Projects Easy
brettharned
116
6.2k
It's Worth the Effort
3n
184
28k
Designing for humans not robots
tammielis
253
25k
Automating Front-end Workflow
addyosmani
1370
200k
Done Done
chrislema
184
16k
Typedesign – Prime Four
hannesfritz
42
2.7k
Side Projects
sachag
455
42k
Transcript
Ξοϓϧοϓϧͷ ৽͍͠Φʔϓϯιʔεͷհ Ξ οϓϧ οϓϧ ງ ޛ େ
ງ ޛେ • @steelydylan • ϑϩϯτΤϯυΤϯδχΞ • Nagoya.jsओ࠵
ࠓ ͓ ͢͠ Δ ͜ ͱ • ެ։͍ͯ͠ΔJavaScript
OSSͷհ • OSSΛެ։͢ΔϝϦοτ • ࠓޙͷඪ
ΞοϓϧοϓϧͷOSSΛͬͨ͜ͱ͋Γ·͔͢ʁ
Ϩ ϙ δ τ Ϧ 3 3 ε λ
ʔ 9 5 5 https://github.com/appleple
JavaScript ϥϯΩϯά Nagoya Japan 2 / 80 Ґ 29 /
7662 Ґ http://git-awards.com/users/search?login=appleple
લ ʑ ճ հ ͠ ͨ O S S
• SmartPhoto • hiraku • modal-video • a-table.js
ࠓ ճ հ ͢ Δ O S S •
FormStorage • PrettyScroll • Hiraku2 • ScrollHint
FormStorage.js https://github.com/appleple/form-storage
FormStorage.js • Ұೖྗͨ͠༰Λอଘͯ͠࠶ͼϑΥʔϜΛ๚Εͨஈ ֊Ͱ෮ݩͰ͖Δ • ೖྗͨ͠༰ΛผͷϑΥʔϜͰར༻Մೳ
PrettyScroll https://github.com/appleple/pretty-scroll
PrettyScroll • εΫϩʔϧݻఆ͢Δཁૉ͕windowͷߴ͞ΑΓ͍ ߹Ͱ͔Β·ͰදࣔͰ͖Δ • εΫϩʔϧݻఆ͢ΔྖҬΛηϨΫλʔͰࢦఆͰ͖Δ • CSSෆཁ • ϒϨΠΫϙΠϯτ͕ઃఆՄೳ
Hiraku2 https://appleple.github.io/hiraku2/
Hiraku2 • ΦϑΩϟϯόεͷ։ด࣌ͷΞχϝʔγϣϯʹtransform Λ༻ • ΦϑΩϟϯόεΛεϜʔζʹεΫϩʔϧͰ͖ΔΑ͏ʹ վྑ • ϖʔδϦϯΫʹରԠ
ScrollHint https://github.com/appleple/scroll-hint
ScrollHint • ཁૉΛΈग़͍ͯ͠Δίϯςϯπ͕͍Δ߹ʹεΫ ϩʔϧ͢Δ͜ͱΛଅ͢ΞΠίϯΛදࣔͯ͘͠ΕΔ • ΞΠίϯͱςΩετࣗ༝ʹมߋՄೳ
appleple open source project https://appleple.github.io
Ξ οϓϧ οϓϧ ͷ O S S Λ ར ༻
͢ Δ ར • ։ൃ͕׆ൃ • @steelydylanʹཁόάใࠂΛग़ͤଈ࠲ʹରԠ • ͍ํ͕Θ͔Βͳͯ͘@steelydylanʹฉ͚Δʂ • ຊޠυΩϡϝϯτͷॆ࣮ • a-blog cms ͷ։ൃʹߩݙͰ͖Δ
ࣗ ʹ ͱ ͬͯͷ ར • ւ֎ͷ͍ΖΜͳਓ͔ΒissueϓϧϦΫ͕ඈΜͰָ͖͍ͯ͠ •
TwitterͰόζΔͷΛݟΔͷָ͕͍͠ • CMSʹΈࠐΈ͍ͨ࣌WebpackͰόϯυϧ͢Δ͚ͩͳ ͷͰָ • ελʔͰΔؾ্ • Ҋ݅Ͱ͑Δ
ඪ • ΞϓϦͷΑ͏ͳUIΛεϚϗͰఏڙ͍ͨ͠ • ΞοϓϧοϓϧͷOSSΛ͑Web੍࡞ʹࠔΒͳ͍ͱ ݴΘΕΔΑ͏ʹͳΓ͍ͨ • ͱΓ͋͑ͣ Nagoya
Ͱελʔ 1ҐΛࢦ͍ͨ͠
ࠓ ޙ Γ ͨ ͍ ͜ ͱ • ͔͍͍ͬ͜ςʔϚ։ൃ͍͖͍ͯͨ͠
• PWAʹରԠͨ͠ςʔϚͱ͔ • Node.jsΛͬͨίϚϯυϥΠϯܥͷOSS࡞Γ͍ͨ
࠷ ۙ P H P ॻ ͖ ·
͢ ʂ
֦ ு Ξ ϓ Ϧ O S S ͱ
ͯ͠ ͯ͠ ͍ · ͢ https://developer.a-blogcms.jp/app/
͜ Ε ͔ Β օ ͞ Μ ͷ W
E B ੍ ࡞ Λ ศརʹ͢ΔπʔϧΛ։ൃ͍͖ͯ͠·͢ɻ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ @steelydylan