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
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
tatsuaki watanabe
September 05, 2018
Technology
5
1.4k
声をかけられるフリーランスエンジニアになるには
tatsuaki watanabe
September 05, 2018
Tweet
Share
More Decks by tatsuaki watanabe
See All by tatsuaki watanabe
4:3のスライド
nabettu
0
280
React Native for WebでもOGP対応がしたい! ~ TECH STAND #2 React Native 2020/12/18 ~
nabettu
1
6.8k
React Navigationを使って React Native WebでSPAを試してみた ~ React Native Meetup 2020/5/29 ~
nabettu
8
11k
OG画像のためだけのFunctionsで、 htmlベタ書き&リダイレクトをやめるんだ
nabettu
3
1.7k
React Nativeにおける ExpoとFirebaseの活用 Webとの共通化 ~ React Native Tokyo 2019/09/03 ~
nabettu
2
1.4k
A story till the netlify fun book is made
nabettu
0
720
Netlifyはいいぞ #技術同人誌再販Night
nabettu
1
500
Nuxt.js & Firebase & Netlifyでの 爆速プロトタイピングと 本格運用への足がかり
nabettu
3
880
2016-01-25いいとも発表Atomパッケージ
nabettu
0
170
Other Decks in Technology
See All in Technology
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
aeonpeople
1
200
usermode linux without MMU - fosdem2026 kernel devroom
thehajime
0
230
CDKで始めるTypeScript開発のススメ
tsukuboshi
1
370
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
rvirus0817
1
1.3k
データの整合性を保ちたいだけなんだ
shoheimitani
8
3.1k
Context Engineeringが企業で不可欠になる理由
hirosatogamo
PRO
3
530
超初心者からでも大丈夫!オープンソース半導体の楽しみ方〜今こそ!オレオレチップをつくろう〜
keropiyo
0
110
GSIが複数キー対応したことで、俺達はいったい何が嬉しいのか?
smt7174
3
150
Digitization部 紹介資料
sansan33
PRO
1
6.8k
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
10k
StrandsとNeptuneを使ってナレッジグラフを構築する
yakumo
1
100
Introduction to Bill One Development Engineer
sansan33
PRO
0
360
Featured
See All Featured
Paper Plane
katiecoart
PRO
0
46k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Crafting Experiences
bethany
1
48
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
730
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
240
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
170
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.1k
Art, The Web, and Tiny UX
lynnandtonic
304
21k
GraphQLとの向き合い方2022年版
quramy
50
14k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
280
Amusing Abliteration
ianozsvald
0
97
Transcript
Λ͔͚ΒΕΔ ϑϦʔϥϯεΤϯδχΞʹͳΔʹ ~ ϑϦʔϥϯεΤϯδχΞͰϓϩδΣΫτΛ ɹਐΊΔ͜ͱʹ͍ͭͯߟ͑Δձ ~ ᬑୡ໌ˏגࣜձࣾΫϦϞ
࣍ ‒ ࣗݾհ ‒ Γ߹͍Λ૿ͦ͏ˍΞϐʔϧ͠Α͏ ‒ ϙʔτϑΥϦΦϒϩάΛॻ͜͏ ‒ ʮ͜ͷٕज़ͳΒ͜ͷਓʯʹͳΖ͏ ‒
࣮Λ૿ͦ͏ ‒ ͱʹ͔͘Ξτϓοτ͠Α͏
ࣗݾհ ‒ ᬑ ୡ໌ ‒ twitter: @nabettu ‒ ࢜௨גࣜձࣾˠ໘ന๏ਓΧϠοΫˠಠཱ ‒
࠺ͱ๏ਓઃཱ ‒ WebϑϩϯτΤϯυˍΞϓϦΤϯδχΞ
‒ ࠺͕ϚϚ͚ɾอҭ͚࢜ͷϝσΟΞӡӦ ‒ ࢲ͕डୗ։ൃͱɺϝσΟΞͷٕज़पΓ୲ ‒ ۭ͍ͨ࣌ؒͰWebαʔϏε։ൃ גࣜձࣾΫϦϞ
Λ͔͚ΒΕΔ ϑϦʔϥϯεΤϯδχΞ ʹͳΔʹ
ͦͦɺͨ͘͞ΜΛ͔͚ΒΕΔΑ͏ʹͳΔͱ ࣄ͕૿͑Δʂ ‒ ҆ఆͯ͠ऩೖ͕ಘΒΕΔ ‒ ࣄ͕બΔΑ͏ʹͳΔ
ࣄ͕બΔΑ͏ʹͳΔͱ ‒ ࣗͷಘҙ͕׆͔ͤΔࣄ͕Ͱ͖Δ ‒ ո͍͠ΫϥΠΞϯτʹ͖߹Θͳͯ͘ࡁΉ ‒ ͪΐ͏Ͳशಘ͍ٕͨ͠ज़ʹ৮ΕΔ ͍͍͜ͱͮ͘Ίʂ
·ͣɺࣄΛཔΉଆͷؾ࣋ͪʹͳͬͯΈΔᶃ ‒ ʮࣄΛཔΉͧʙʯͱ͍͏λΠϛϯάͰ࡞Δ ͷ͕ܾ·ͬͯΔ߹͕ଟ͍ ίʔϙϨʔταΠτͷϦχϡʔΞϧͰɺ WordPressͷίϯςϯπΛྲྀ༻ͯ͠σβΠϯΛ Ұ৽͍ͨ͠Ͱ͢ɻ ൃ͍ͨ͠Ψʔϧ
ࣄཔΊΔਓΛͲ͏୳͢ʁʢฉ͍ͯΈͨʣ ࡞Δͷܾ·͍ͬͯΔͷͰɺͦͷεΩϧ͕͋Δਓ Λ୳͍ͨ͠ 1. Γ߹͍Ͱडୗ։ൃͬͯΔਓʹ͔͚Δ 2. Γ߹͍ͷΓ߹͍ʹ͍ͳ͍͔ͳ 3. ΫϥυιʔγϯάΈͯΈΔ 4.
άάͬͯΈͯྑͦ͞͏ͳਓɾձࣾͳ͍͔ͳ
Γ߹͍orΓ߹͍ͷΓ߹͍ܦ༝ͩͱ ‒ ໘ࣝ͋Δͱ͕ૣ͍ ‒ ڞ௨ͷΓ߹͍͔Β࣮ͷϨϕϧײฉ͚Δ ‒ มͳਓհ͞Εʹ͍͘ ҆৺ײ͕͋ΔͷͰཔΈ͍͢
‒ ͪΖΜࣄΛग़͢ଆͷਓ͕Γ߹͍ʹ͍Δ ͱخ͍͠ʢཧళͳͲʣ ‒ Ͱҙ֎ͱɺϑϦʔϥϯεಉ࢜ͷͭͳ͕Γ ޮՌతͩͬͨΓ͢Δɻ ൃऀͷΓ߹͍Λ૿͢ͷʁ ࣮Ҋ݅ͷ૬ஊ͕དྷ͚ͨͲɺࢲࠓ݄ۭ͍ͯͳ͍ͳʙ ͜͏͍͏Ҋ݅ͳΒʓʓ͞Μ͕ಘҙͦ͏ͩ͠ฉ͍ͯΈ Δ͔ʙ
ࣄΛཔΉଆͷؾ࣋ͪʹͳͬͯΈΔᶄ ‒ ࡞Δͷܾ·͍ͬͯΔ͚ͲɺͲ͏ͬͯ࡞ Δ͔ܾ·ͬͯͳ͍ ٕज़બఆʹؔΘͬͯɺ࣮ͷ૬ஊͰ͖Δਓ͍ ͳ͍͔ͳɺɺɺ ϑϩϯτΤϯυͷٕज़શൠ৮ͬͨ͜ͱ͋Δਓͳ ΒཔΊͦ͏ʂ
ϙʔτϑΥϦΦϒϩάΛॻ͜͏ ‒ ٕज़ελοΫ͕͖ͬΓΘ͔ΔϓϩϑΟʔϧ ʹͳ͍ͬͯΕཔΈ͍͢ ‒ ϒϩάͳͲͰൃ৴͍ͯ͠ΔͱɺΤϯδχΞಉ ࢜ͳΒͳΜͱͳ͘Ϩϕϧײ͔ͭΊΔͣ ϑϩϯτΤϯυϑϨʔϜϫʔΫ࣮Ͱશ෦৮ͬ ͯΔਓͳΒ҆৺ͯ͠બఆΛͤΕΒΕͦ͏
ʮ͜ͷٕज़ͳΒ͜ͷਓʯͱͳ͍ͬͯΔͱڧ͍ ‒ ຊΛग़ͯ͠Δͱ໊ΘΓ ʹͳΔͷͰɺ͕ૣ͍ɻ ࢲ͜͏͍͏ຊॻ͍ͯ·͢ˠ
ϙʔτϑΥϦΦΛॆ࣮ͤ͞Δʹ ‒ ࣮հͰ͖ΔࣄΛͰ͖Δ͚ͩબ΅͏ ◦ ࣮ܝࡌग़དྷͳ͍ͳΒׂ૿͢Δ͘Β͍ͷ͍ is େࣄ ◦ ͕ࣗΠϯϑϧΤϯαʔతׂΛ͢ΔͷͰɺհ͞ ͤͯΒ͏ͳͲɺԿ͔͠Βཧ༝Λ͚ͭͯࡌͤͯྑ
͘ͳΔΑ͏ʹަব͠Α͏ ‒ ࣄ͡Όͳͯ͘ϝσΟΞʹऔΓ্͛ΒΕΔΑ ͏ͳͷΛ࡞Ε࣮ʹͳΔ
ϝσΟΞʹऔΓ্͛ΒΕͯɺ͔ͣ͢͞ϒϩάΛॻ͘ ϒϩάͰٕज़ղઆ ʮNuxt.js + Contentful + FirebaseͰը૾γΣΞ ͳͲͰ࡞ͬͯ·͢ʂʯ
ʮϙʔτϑΥϦΦʹࣅͨΑ͏ͳҊ͕݅͋Δʯ ɹͱཔΈ͍͢ ‒ اը͕͔ͿͬͯΔͷͳΒ͓ޓ͍͢Γ߹Θͤ ָͰɺ࡞αΠυྲྀ༻Ͱ͖Δ෦͕ଟ͍ ΫΦϦςΟ͋ΔఔѲͰ͖Δ҆͠৺
‒ ҆৺ͯ͠डͰ͖Δͷ͔͠ड͚͍ͯͳ͍ͱ ʮεΩϧͷΓചΓʯʹͳͬͯ͠·͏ɻ ‒ ৽͍ٕ͠ज़Λੵۃతʹशಘ͢ΔػձΛ࡞ͬͯ ͍͘ඞཁ͕͋Δɻͱ͍͏͔Ϛετɻ ٯʹաڈͷҊ݅ͱࣅͨΑ͏ͳͷ͔ΓʹͳΓ͕ͪ ݸਓͰͳʹ͔࡞ͬͯΞτϓοτ͠Α͏ʂ
None
‒ ެ։͠ͳ͍ͱͯ͠ɺৗʹ৽͍ٕ͠ज़ʹ͍ͭ ͯशಘ͓͚ͯ͠ɺ໘ന͍Ҋ݅ʹඈͼ͖ͭ ͍͢ɻ ৭ʑ࡞͓ͬͯ͘ͱɺ෯͕͕Γ·͢ TwitterͰ #݄Ұश࡞ ͱ͍͏ϋογϡλάͰɺ ຖ݄৽͍ٕ͠ज़Λࢼͯ͠ൃ৴ͯ͠·͢ ࣄͰ͏ٕज़͕शಘ͕Ұ൪͍ʂ
·ͱΊ ‒ ࣄΛબͿͨΊʹɺΓ߹͍Λ૿͢ͷେࣄ ‒ ڧΈΛ࡞͓ͬͯ͘ͱ͕ૣ͍ ‒ ϙʔτϑΥϦΦͰϒϩάͰϓϩμΫτͰ ɺΞτϓοτ͍ͯ͜͠͏ ‒ εΩϧͷΓചΓʹͳΒͳ͍Α͏ʹৗʹ৽͍͠
͜ͱ͍ͬͯ͜͏
࣭͋Ε࠙ձ TwitterͰͲ͏ͧɻ ͓ࣄืूͯ͠·͢ɻ εϥΠυίϝϯτͰˠ Thanks!