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
920
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
580
Other Decks in Technology
See All in Technology
How Community Opened Global Doors
hiroramos4
PRO
1
130
asken AI勉強会(Android)
tadashi_sato
0
140
製造業からパッケージ製品まで、あらゆる領域をカバー!生成AIを利用したテストシナリオ生成 / 20250627 Suguru Ishii
shift_evolve
PRO
1
160
Geminiとv0による高速プロトタイピング
shinya337
0
200
OPENLOGI Company Profile for engineer
hr01
1
33k
GitHub Copilot の概要
tomokusaba
1
150
ビギナーであり続ける/beginning
ikuodanaka
3
350
Claude Code Actionを使ったコード品質改善の取り組み
potix2
PRO
6
2.6k
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
250
rubygem開発で鍛える設計力
joker1007
2
270
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
kazzpapa3
2
610
Tech-Verse 2025 Global CTO Session
lycorptech_jp
PRO
0
1.2k
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Documentation Writing (for coders)
carmenintech
72
4.9k
Gamification - CAS2011
davidbonilla
81
5.3k
Into the Great Unknown - MozCon
thekraken
39
1.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Done Done
chrislema
184
16k
Scaling GitHub
holman
459
140k
Code Reviewing Like a Champion
maltzj
524
40k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
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