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
510
アップルップルの新しいオープンソースの紹介
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
230
エディター付きのReact開発環境を ブラウザーだけで実装した話
steelydylan
9
1.9k
HonoでReact・TypeScriptの実行環境をブラウザー上に作る
steelydylan
1
2.4k
複数ピンをまとめて表示するYahoo!地図用のJavaScriptライブラリをつくりま作りました
steelydylan
1
1.2k
Nuxtでのサーバー、クライアント間データ共有について
steelydylan
0
930
next.jsを使ったuniversal React 入門
steelydylan
1
310
a-blog cmsの静的書き出し機能を使って、 自分のブログを100%静的にした話
steelydylan
0
390
MySQLの GEOMETRY 型とJavaScriptの Geolocation API の活用事例
steelydylan
1
490
a-blog cms をよくするために 取り組んだ3つのこと
steelydylan
0
590
Other Decks in Technology
See All in Technology
動画データのポテンシャルを引き出す! Databricks と AI活用への奮闘記(現在進行形)
databricksjapan
0
150
Goに育てられ開発者向けセキュリティ事業を立ち上げた僕が今向き合う、AI × セキュリティの最前線 / Go Conference 2025
flatt_security
0
350
「Verify with Wallet API」を アプリに導入するために
hinakko
1
240
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか?
muziyoshiz
1
100
SwiftUIのGeometryReaderとScrollViewを基礎から応用まで学び直す:設計と活用事例
fumiyasac0921
0
140
小学4年生夏休みの自由研究「ぼくと Copilot エージェント」
taichinakamura
0
210
20201008_ファインディ_品質意識を育てる役目は人かAIか___2_.pdf
findy_eventslides
1
400
Findy Team+のSOC2取得までの道のり
rvirus0817
0
340
いま注目しているデータエンジニアリングの論点
ikkimiyazaki
0
600
pprof vs runtime/trace (FlightRecorder)
task4233
0
170
M5製品で作るポン置きセルラー対応カメラ
sayacom
0
150
バイブコーディングと継続的デプロイメント
nwiizo
2
430
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Agile that works and the tools we love
rasmusluckow
331
21k
A Tale of Four Properties
chriscoyier
160
23k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Optimizing for Happiness
mojombo
379
70k
RailsConf 2023
tenderlove
30
1.2k
Docker and Python
trallard
46
3.6k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Music & Morning Musume
bryan
46
6.8k
Making Projects Easy
brettharned
119
6.4k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
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