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
270
React Native for WebでもOGP対応がしたい! ~ TECH STAND #2 React Native 2020/12/18 ~
nabettu
1
6.7k
React Navigationを使って React Native WebでSPAを試してみた ~ React Native Meetup 2020/5/29 ~
nabettu
8
10k
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
690
Netlifyはいいぞ #技術同人誌再販Night
nabettu
1
480
Nuxt.js & Firebase & Netlifyでの 爆速プロトタイピングと 本格運用への足がかり
nabettu
3
870
2016-01-25いいとも発表Atomパッケージ
nabettu
0
160
Other Decks in Technology
See All in Technology
AI時代の開発を加速する組織づくり - ブログでは書けなかったリアル
hiro8ma
1
310
FinOps について (ちょっと) 本気出して考えてみた
skmkzyk
0
210
AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践録
sayn0
1
300
AI時代におけるデータの重要性 ~データマネジメントの第一歩~
ryoichi_ota
0
710
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
160
「最速」で Gemini CLI を使いこなそう! 〜Cloud Shell/Cloud Run の活用〜 / The Fastest Way to Master the Gemini CLI — with Cloud Shell and Cloud Run
aoto
PRO
1
180
Dylib Hijacking on macOS: Dead or Alive?
patrickwardle
0
470
様々なファイルシステム
sat
PRO
0
240
AIプロダクトのプロンプト実践テクニック / Practical Techniques for AI Product Prompts
saka2jp
0
110
スタートアップの現場で実践しているテストマネジメント #jasst_kyushu
makky_tyuyan
0
130
Introdução a Service Mesh usando o Istio
aeciopires
1
290
OpenTelemetry が拡げる Gemini CLI の可観測性
phaya72
2
2.3k
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
697
190k
Writing Fast Ruby
sferik
630
62k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Mobile First: as difficult as doing things right
swwweet
225
10k
GraphQLとの向き合い方2022年版
quramy
49
14k
Building Adaptive Systems
keathley
44
2.8k
Transcript
Λ͔͚ΒΕΔ ϑϦʔϥϯεΤϯδχΞʹͳΔʹ ~ ϑϦʔϥϯεΤϯδχΞͰϓϩδΣΫτΛ ɹਐΊΔ͜ͱʹ͍ͭͯߟ͑Δձ ~ ᬑୡ໌ˏגࣜձࣾΫϦϞ
࣍ ‒ ࣗݾհ ‒ Γ߹͍Λ૿ͦ͏ˍΞϐʔϧ͠Α͏ ‒ ϙʔτϑΥϦΦϒϩάΛॻ͜͏ ‒ ʮ͜ͷٕज़ͳΒ͜ͷਓʯʹͳΖ͏ ‒
࣮Λ૿ͦ͏ ‒ ͱʹ͔͘Ξτϓοτ͠Α͏
ࣗݾհ ‒ ᬑ ୡ໌ ‒ twitter: @nabettu ‒ ࢜௨גࣜձࣾˠ໘ന๏ਓΧϠοΫˠಠཱ ‒
࠺ͱ๏ਓઃཱ ‒ WebϑϩϯτΤϯυˍΞϓϦΤϯδχΞ
‒ ࠺͕ϚϚ͚ɾอҭ͚࢜ͷϝσΟΞӡӦ ‒ ࢲ͕डୗ։ൃͱɺϝσΟΞͷٕज़पΓ୲ ‒ ۭ͍ͨ࣌ؒͰWebαʔϏε։ൃ גࣜձࣾΫϦϞ
Λ͔͚ΒΕΔ ϑϦʔϥϯεΤϯδχΞ ʹͳΔʹ
ͦͦɺͨ͘͞ΜΛ͔͚ΒΕΔΑ͏ʹͳΔͱ ࣄ͕૿͑Δʂ ‒ ҆ఆͯ͠ऩೖ͕ಘΒΕΔ ‒ ࣄ͕બΔΑ͏ʹͳΔ
ࣄ͕બΔΑ͏ʹͳΔͱ ‒ ࣗͷಘҙ͕׆͔ͤΔࣄ͕Ͱ͖Δ ‒ ո͍͠ΫϥΠΞϯτʹ͖߹Θͳͯ͘ࡁΉ ‒ ͪΐ͏Ͳशಘ͍ٕͨ͠ज़ʹ৮ΕΔ ͍͍͜ͱͮ͘Ίʂ
·ͣɺࣄΛཔΉଆͷؾ࣋ͪʹͳͬͯΈΔᶃ ‒ ʮࣄΛཔΉͧʙʯͱ͍͏λΠϛϯάͰ࡞Δ ͷ͕ܾ·ͬͯΔ߹͕ଟ͍ ίʔϙϨʔταΠτͷϦχϡʔΞϧͰɺ WordPressͷίϯςϯπΛྲྀ༻ͯ͠σβΠϯΛ Ұ৽͍ͨ͠Ͱ͢ɻ ൃ͍ͨ͠Ψʔϧ
ࣄཔΊΔਓΛͲ͏୳͢ʁʢฉ͍ͯΈͨʣ ࡞Δͷܾ·͍ͬͯΔͷͰɺͦͷεΩϧ͕͋Δਓ Λ୳͍ͨ͠ 1. Γ߹͍Ͱडୗ։ൃͬͯΔਓʹ͔͚Δ 2. Γ߹͍ͷΓ߹͍ʹ͍ͳ͍͔ͳ 3. ΫϥυιʔγϯάΈͯΈΔ 4.
άάͬͯΈͯྑͦ͞͏ͳਓɾձࣾͳ͍͔ͳ
Γ߹͍orΓ߹͍ͷΓ߹͍ܦ༝ͩͱ ‒ ໘ࣝ͋Δͱ͕ૣ͍ ‒ ڞ௨ͷΓ߹͍͔Β࣮ͷϨϕϧײฉ͚Δ ‒ มͳਓհ͞Εʹ͍͘ ҆৺ײ͕͋ΔͷͰཔΈ͍͢
‒ ͪΖΜࣄΛग़͢ଆͷਓ͕Γ߹͍ʹ͍Δ ͱخ͍͠ʢཧళͳͲʣ ‒ Ͱҙ֎ͱɺϑϦʔϥϯεಉ࢜ͷͭͳ͕Γ ޮՌతͩͬͨΓ͢Δɻ ൃऀͷΓ߹͍Λ૿͢ͷʁ ࣮Ҋ݅ͷ૬ஊ͕དྷ͚ͨͲɺࢲࠓ݄ۭ͍ͯͳ͍ͳʙ ͜͏͍͏Ҋ݅ͳΒʓʓ͞Μ͕ಘҙͦ͏ͩ͠ฉ͍ͯΈ Δ͔ʙ
ࣄΛཔΉଆͷؾ࣋ͪʹͳͬͯΈΔᶄ ‒ ࡞Δͷܾ·͍ͬͯΔ͚ͲɺͲ͏ͬͯ࡞ Δ͔ܾ·ͬͯͳ͍ ٕज़બఆʹؔΘͬͯɺ࣮ͷ૬ஊͰ͖Δਓ͍ ͳ͍͔ͳɺɺɺ ϑϩϯτΤϯυͷٕज़શൠ৮ͬͨ͜ͱ͋Δਓͳ ΒཔΊͦ͏ʂ
ϙʔτϑΥϦΦϒϩάΛॻ͜͏ ‒ ٕज़ελοΫ͕͖ͬΓΘ͔ΔϓϩϑΟʔϧ ʹͳ͍ͬͯΕཔΈ͍͢ ‒ ϒϩάͳͲͰൃ৴͍ͯ͠ΔͱɺΤϯδχΞಉ ࢜ͳΒͳΜͱͳ͘Ϩϕϧײ͔ͭΊΔͣ ϑϩϯτΤϯυϑϨʔϜϫʔΫ࣮Ͱશ෦৮ͬ ͯΔਓͳΒ҆৺ͯ͠બఆΛͤΕΒΕͦ͏
ʮ͜ͷٕज़ͳΒ͜ͷਓʯͱͳ͍ͬͯΔͱڧ͍ ‒ ຊΛग़ͯ͠Δͱ໊ΘΓ ʹͳΔͷͰɺ͕ૣ͍ɻ ࢲ͜͏͍͏ຊॻ͍ͯ·͢ˠ
ϙʔτϑΥϦΦΛॆ࣮ͤ͞Δʹ ‒ ࣮հͰ͖ΔࣄΛͰ͖Δ͚ͩબ΅͏ ◦ ࣮ܝࡌग़དྷͳ͍ͳΒׂ૿͢Δ͘Β͍ͷ͍ is େࣄ ◦ ͕ࣗΠϯϑϧΤϯαʔతׂΛ͢ΔͷͰɺհ͞ ͤͯΒ͏ͳͲɺԿ͔͠Βཧ༝Λ͚ͭͯࡌͤͯྑ
͘ͳΔΑ͏ʹަব͠Α͏ ‒ ࣄ͡Όͳͯ͘ϝσΟΞʹऔΓ্͛ΒΕΔΑ ͏ͳͷΛ࡞Ε࣮ʹͳΔ
ϝσΟΞʹऔΓ্͛ΒΕͯɺ͔ͣ͢͞ϒϩάΛॻ͘ ϒϩάͰٕज़ղઆ ʮNuxt.js + Contentful + FirebaseͰը૾γΣΞ ͳͲͰ࡞ͬͯ·͢ʂʯ
ʮϙʔτϑΥϦΦʹࣅͨΑ͏ͳҊ͕݅͋Δʯ ɹͱཔΈ͍͢ ‒ اը͕͔ͿͬͯΔͷͳΒ͓ޓ͍͢Γ߹Θͤ ָͰɺ࡞αΠυྲྀ༻Ͱ͖Δ෦͕ଟ͍ ΫΦϦςΟ͋ΔఔѲͰ͖Δ҆͠৺
‒ ҆৺ͯ͠डͰ͖Δͷ͔͠ड͚͍ͯͳ͍ͱ ʮεΩϧͷΓചΓʯʹͳͬͯ͠·͏ɻ ‒ ৽͍ٕ͠ज़Λੵۃతʹशಘ͢ΔػձΛ࡞ͬͯ ͍͘ඞཁ͕͋Δɻͱ͍͏͔Ϛετɻ ٯʹաڈͷҊ݅ͱࣅͨΑ͏ͳͷ͔ΓʹͳΓ͕ͪ ݸਓͰͳʹ͔࡞ͬͯΞτϓοτ͠Α͏ʂ
None
‒ ެ։͠ͳ͍ͱͯ͠ɺৗʹ৽͍ٕ͠ज़ʹ͍ͭ ͯशಘ͓͚ͯ͠ɺ໘ന͍Ҋ݅ʹඈͼ͖ͭ ͍͢ɻ ৭ʑ࡞͓ͬͯ͘ͱɺ෯͕͕Γ·͢ TwitterͰ #݄Ұश࡞ ͱ͍͏ϋογϡλάͰɺ ຖ݄৽͍ٕ͠ज़Λࢼͯ͠ൃ৴ͯ͠·͢ ࣄͰ͏ٕज़͕शಘ͕Ұ൪͍ʂ
·ͱΊ ‒ ࣄΛબͿͨΊʹɺΓ߹͍Λ૿͢ͷେࣄ ‒ ڧΈΛ࡞͓ͬͯ͘ͱ͕ૣ͍ ‒ ϙʔτϑΥϦΦͰϒϩάͰϓϩμΫτͰ ɺΞτϓοτ͍ͯ͜͠͏ ‒ εΩϧͷΓചΓʹͳΒͳ͍Α͏ʹৗʹ৽͍͠
͜ͱ͍ͬͯ͜͏
࣭͋Ε࠙ձ TwitterͰͲ͏ͧɻ ͓ࣄืूͯ͠·͢ɻ εϥΠυίϝϯτͰˠ Thanks!