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
tatsuaki watanabe
September 05, 2018
Technology
5
1.3k
声をかけられるフリーランスエンジニアになるには
tatsuaki watanabe
September 05, 2018
Tweet
Share
More Decks by tatsuaki watanabe
See All by tatsuaki watanabe
4:3のスライド
nabettu
0
260
React Native for WebでもOGP対応がしたい! ~ TECH STAND #2 React Native 2020/12/18 ~
nabettu
1
6.5k
React Navigationを使って React Native WebでSPAを試してみた ~ React Native Meetup 2020/5/29 ~
nabettu
8
10k
OG画像のためだけのFunctionsで、 htmlベタ書き&リダイレクトをやめるんだ
nabettu
3
1.6k
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
670
Netlifyはいいぞ #技術同人誌再販Night
nabettu
1
480
Nuxt.js & Firebase & Netlifyでの 爆速プロトタイピングと 本格運用への足がかり
nabettu
3
850
2016-01-25いいとも発表Atomパッケージ
nabettu
0
150
Other Decks in Technology
See All in Technology
5min GuardDuty Extended Threat Detection EKS
takakuni
0
130
第9回情シス転職ミートアップ_テックタッチ株式会社
forester3003
0
230
登壇ネタの見つけ方 / How to find talk topics
pinkumohikan
3
360
UIテスト自動化サポート- Testbed for XCUIAutomation practice
notoroid
0
130
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
430
Oracle Cloud Infrastructure:2025年6月度サービス・アップデート
oracle4engineer
PRO
2
240
BrainPadプログラミングコンテスト記念LT会2025_社内イベント&問題解説
brainpadpr
1
160
Navigation3でViewModelにデータを渡す方法
mikanichinose
0
220
生成AIでwebアプリケーションを作ってみた
tajimon
2
140
生成AIで小説を書くためにプロンプトの制約や原則について学ぶ / prompt-engineering-for-ai-fiction
nwiizo
3
1.1k
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
1
530
How Community Opened Global Doors
hiroramos4
PRO
1
120
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
790
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Scaling GitHub
holman
459
140k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
What's in a price? How to price your products and services
michaelherold
246
12k
Visualization
eitanlees
146
16k
Writing Fast Ruby
sferik
628
61k
4 Signs Your Business is Dying
shpigford
184
22k
The Invisible Side of Design
smashingmag
299
51k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Speed Design
sergeychernyshev
32
1k
Transcript
Λ͔͚ΒΕΔ ϑϦʔϥϯεΤϯδχΞʹͳΔʹ ~ ϑϦʔϥϯεΤϯδχΞͰϓϩδΣΫτΛ ɹਐΊΔ͜ͱʹ͍ͭͯߟ͑Δձ ~ ᬑୡ໌ˏגࣜձࣾΫϦϞ
࣍ ‒ ࣗݾհ ‒ Γ߹͍Λ૿ͦ͏ˍΞϐʔϧ͠Α͏ ‒ ϙʔτϑΥϦΦϒϩάΛॻ͜͏ ‒ ʮ͜ͷٕज़ͳΒ͜ͷਓʯʹͳΖ͏ ‒
࣮Λ૿ͦ͏ ‒ ͱʹ͔͘Ξτϓοτ͠Α͏
ࣗݾհ ‒ ᬑ ୡ໌ ‒ twitter: @nabettu ‒ ࢜௨גࣜձࣾˠ໘ന๏ਓΧϠοΫˠಠཱ ‒
࠺ͱ๏ਓઃཱ ‒ WebϑϩϯτΤϯυˍΞϓϦΤϯδχΞ
‒ ࠺͕ϚϚ͚ɾอҭ͚࢜ͷϝσΟΞӡӦ ‒ ࢲ͕डୗ։ൃͱɺϝσΟΞͷٕज़पΓ୲ ‒ ۭ͍ͨ࣌ؒͰWebαʔϏε։ൃ גࣜձࣾΫϦϞ
Λ͔͚ΒΕΔ ϑϦʔϥϯεΤϯδχΞ ʹͳΔʹ
ͦͦɺͨ͘͞ΜΛ͔͚ΒΕΔΑ͏ʹͳΔͱ ࣄ͕૿͑Δʂ ‒ ҆ఆͯ͠ऩೖ͕ಘΒΕΔ ‒ ࣄ͕બΔΑ͏ʹͳΔ
ࣄ͕બΔΑ͏ʹͳΔͱ ‒ ࣗͷಘҙ͕׆͔ͤΔࣄ͕Ͱ͖Δ ‒ ո͍͠ΫϥΠΞϯτʹ͖߹Θͳͯ͘ࡁΉ ‒ ͪΐ͏Ͳशಘ͍ٕͨ͠ज़ʹ৮ΕΔ ͍͍͜ͱͮ͘Ίʂ
·ͣɺࣄΛཔΉଆͷؾ࣋ͪʹͳͬͯΈΔᶃ ‒ ʮࣄΛཔΉͧʙʯͱ͍͏λΠϛϯάͰ࡞Δ ͷ͕ܾ·ͬͯΔ߹͕ଟ͍ ίʔϙϨʔταΠτͷϦχϡʔΞϧͰɺ WordPressͷίϯςϯπΛྲྀ༻ͯ͠σβΠϯΛ Ұ৽͍ͨ͠Ͱ͢ɻ ൃ͍ͨ͠Ψʔϧ
ࣄཔΊΔਓΛͲ͏୳͢ʁʢฉ͍ͯΈͨʣ ࡞Δͷܾ·͍ͬͯΔͷͰɺͦͷεΩϧ͕͋Δਓ Λ୳͍ͨ͠ 1. Γ߹͍Ͱडୗ։ൃͬͯΔਓʹ͔͚Δ 2. Γ߹͍ͷΓ߹͍ʹ͍ͳ͍͔ͳ 3. ΫϥυιʔγϯάΈͯΈΔ 4.
άάͬͯΈͯྑͦ͞͏ͳਓɾձࣾͳ͍͔ͳ
Γ߹͍orΓ߹͍ͷΓ߹͍ܦ༝ͩͱ ‒ ໘ࣝ͋Δͱ͕ૣ͍ ‒ ڞ௨ͷΓ߹͍͔Β࣮ͷϨϕϧײฉ͚Δ ‒ มͳਓհ͞Εʹ͍͘ ҆৺ײ͕͋ΔͷͰཔΈ͍͢
‒ ͪΖΜࣄΛग़͢ଆͷਓ͕Γ߹͍ʹ͍Δ ͱخ͍͠ʢཧళͳͲʣ ‒ Ͱҙ֎ͱɺϑϦʔϥϯεಉ࢜ͷͭͳ͕Γ ޮՌతͩͬͨΓ͢Δɻ ൃऀͷΓ߹͍Λ૿͢ͷʁ ࣮Ҋ݅ͷ૬ஊ͕དྷ͚ͨͲɺࢲࠓ݄ۭ͍ͯͳ͍ͳʙ ͜͏͍͏Ҋ݅ͳΒʓʓ͞Μ͕ಘҙͦ͏ͩ͠ฉ͍ͯΈ Δ͔ʙ
ࣄΛཔΉଆͷؾ࣋ͪʹͳͬͯΈΔᶄ ‒ ࡞Δͷܾ·͍ͬͯΔ͚ͲɺͲ͏ͬͯ࡞ Δ͔ܾ·ͬͯͳ͍ ٕज़બఆʹؔΘͬͯɺ࣮ͷ૬ஊͰ͖Δਓ͍ ͳ͍͔ͳɺɺɺ ϑϩϯτΤϯυͷٕज़શൠ৮ͬͨ͜ͱ͋Δਓͳ ΒཔΊͦ͏ʂ
ϙʔτϑΥϦΦϒϩάΛॻ͜͏ ‒ ٕज़ελοΫ͕͖ͬΓΘ͔ΔϓϩϑΟʔϧ ʹͳ͍ͬͯΕཔΈ͍͢ ‒ ϒϩάͳͲͰൃ৴͍ͯ͠ΔͱɺΤϯδχΞಉ ࢜ͳΒͳΜͱͳ͘Ϩϕϧײ͔ͭΊΔͣ ϑϩϯτΤϯυϑϨʔϜϫʔΫ࣮Ͱશ෦৮ͬ ͯΔਓͳΒ҆৺ͯ͠બఆΛͤΕΒΕͦ͏
ʮ͜ͷٕज़ͳΒ͜ͷਓʯͱͳ͍ͬͯΔͱڧ͍ ‒ ຊΛग़ͯ͠Δͱ໊ΘΓ ʹͳΔͷͰɺ͕ૣ͍ɻ ࢲ͜͏͍͏ຊॻ͍ͯ·͢ˠ
ϙʔτϑΥϦΦΛॆ࣮ͤ͞Δʹ ‒ ࣮հͰ͖ΔࣄΛͰ͖Δ͚ͩબ΅͏ ◦ ࣮ܝࡌग़དྷͳ͍ͳΒׂ૿͢Δ͘Β͍ͷ͍ is େࣄ ◦ ͕ࣗΠϯϑϧΤϯαʔతׂΛ͢ΔͷͰɺհ͞ ͤͯΒ͏ͳͲɺԿ͔͠Βཧ༝Λ͚ͭͯࡌͤͯྑ
͘ͳΔΑ͏ʹަব͠Α͏ ‒ ࣄ͡Όͳͯ͘ϝσΟΞʹऔΓ্͛ΒΕΔΑ ͏ͳͷΛ࡞Ε࣮ʹͳΔ
ϝσΟΞʹऔΓ্͛ΒΕͯɺ͔ͣ͢͞ϒϩάΛॻ͘ ϒϩάͰٕज़ղઆ ʮNuxt.js + Contentful + FirebaseͰը૾γΣΞ ͳͲͰ࡞ͬͯ·͢ʂʯ
ʮϙʔτϑΥϦΦʹࣅͨΑ͏ͳҊ͕݅͋Δʯ ɹͱཔΈ͍͢ ‒ اը͕͔ͿͬͯΔͷͳΒ͓ޓ͍͢Γ߹Θͤ ָͰɺ࡞αΠυྲྀ༻Ͱ͖Δ෦͕ଟ͍ ΫΦϦςΟ͋ΔఔѲͰ͖Δ҆͠৺
‒ ҆৺ͯ͠डͰ͖Δͷ͔͠ड͚͍ͯͳ͍ͱ ʮεΩϧͷΓചΓʯʹͳͬͯ͠·͏ɻ ‒ ৽͍ٕ͠ज़Λੵۃతʹशಘ͢ΔػձΛ࡞ͬͯ ͍͘ඞཁ͕͋Δɻͱ͍͏͔Ϛετɻ ٯʹաڈͷҊ݅ͱࣅͨΑ͏ͳͷ͔ΓʹͳΓ͕ͪ ݸਓͰͳʹ͔࡞ͬͯΞτϓοτ͠Α͏ʂ
None
‒ ެ։͠ͳ͍ͱͯ͠ɺৗʹ৽͍ٕ͠ज़ʹ͍ͭ ͯशಘ͓͚ͯ͠ɺ໘ന͍Ҋ݅ʹඈͼ͖ͭ ͍͢ɻ ৭ʑ࡞͓ͬͯ͘ͱɺ෯͕͕Γ·͢ TwitterͰ #݄Ұश࡞ ͱ͍͏ϋογϡλάͰɺ ຖ݄৽͍ٕ͠ज़Λࢼͯ͠ൃ৴ͯ͠·͢ ࣄͰ͏ٕज़͕शಘ͕Ұ൪͍ʂ
·ͱΊ ‒ ࣄΛબͿͨΊʹɺΓ߹͍Λ૿͢ͷେࣄ ‒ ڧΈΛ࡞͓ͬͯ͘ͱ͕ૣ͍ ‒ ϙʔτϑΥϦΦͰϒϩάͰϓϩμΫτͰ ɺΞτϓοτ͍ͯ͜͠͏ ‒ εΩϧͷΓചΓʹͳΒͳ͍Α͏ʹৗʹ৽͍͠
͜ͱ͍ͬͯ͜͏
࣭͋Ε࠙ձ TwitterͰͲ͏ͧɻ ͓ࣄืूͯ͠·͢ɻ εϥΠυίϝϯτͰˠ Thanks!