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
210
React Native for WebでもOGP対応がしたい! ~ TECH STAND #2 React Native 2020/12/18 ~
nabettu
1
5.9k
React Navigationを使って React Native WebでSPAを試してみた ~ React Native Meetup 2020/5/29 ~
nabettu
8
8.1k
OG画像のためだけのFunctionsで、 htmlベタ書き&リダイレクトをやめるんだ
nabettu
3
1.5k
React Nativeにおける ExpoとFirebaseの活用 Webとの共通化 ~ React Native Tokyo 2019/09/03 ~
nabettu
2
1.1k
A story till the netlify fun book is made
nabettu
0
530
Netlifyはいいぞ #技術同人誌再販Night
nabettu
1
380
Nuxt.js & Firebase & Netlifyでの 爆速プロトタイピングと 本格運用への足がかり
nabettu
3
800
2016-01-25いいとも発表Atomパッケージ
nabettu
0
120
Other Decks in Technology
See All in Technology
VS CodeでAWSを操作しよう
smt7174
7
1.6k
20分で完全に理解するGrafanaダッシュボード
hamadakoji
3
430
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
170
Next'24 事例セッションの紹介とクラウド資格を活用したキャリア形成について語りMuscle
yasumuusan
1
440
20240416_devopsdaystokyo
kzkmaeda
1
220
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
180
APIファーストなプロダクトマネジメントの実践 〜SaaSus Platformでの例〜 / "Practicing API-First Product Management - An Example with SaaSus Platform
oztick139
0
100
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
120
開発生産性向上サービスを作るFindyが自分たちで開発生産性を爆上げした組織づくりの歩み / Findy's path to boosting its own development productivity 2024-04-17
ma3tk
3
650
コンテナセキュリティの基本と脅威への対策
kyohmizu
3
760
どうするコスト最適化のトレードオフ
tetsuyaooooo
1
510
ChatGPT for IT Service Management (IT Pro)
dahatake
7
1.6k
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
44
9.7k
4 Signs Your Business is Dying
shpigford
175
21k
How GitHub (no longer) Works
holman
304
140k
How to train your dragon (web standard)
notwaldorf
73
5.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
274
13k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
Documentation Writing (for coders)
carmenintech
60
3.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Rails Girls Zürich Keynote
gr2m
91
13k
Designing the Hi-DPI Web
ddemaree
276
33k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
A designer walks into a library…
pauljervisheath
200
23k
Transcript
Λ͔͚ΒΕΔ ϑϦʔϥϯεΤϯδχΞʹͳΔʹ ~ ϑϦʔϥϯεΤϯδχΞͰϓϩδΣΫτΛ ɹਐΊΔ͜ͱʹ͍ͭͯߟ͑Δձ ~ ᬑୡ໌ˏגࣜձࣾΫϦϞ
࣍ ‒ ࣗݾհ ‒ Γ߹͍Λ૿ͦ͏ˍΞϐʔϧ͠Α͏ ‒ ϙʔτϑΥϦΦϒϩάΛॻ͜͏ ‒ ʮ͜ͷٕज़ͳΒ͜ͷਓʯʹͳΖ͏ ‒
࣮Λ૿ͦ͏ ‒ ͱʹ͔͘Ξτϓοτ͠Α͏
ࣗݾհ ‒ ᬑ ୡ໌ ‒ twitter: @nabettu ‒ ࢜௨גࣜձࣾˠ໘ന๏ਓΧϠοΫˠಠཱ ‒
࠺ͱ๏ਓઃཱ ‒ WebϑϩϯτΤϯυˍΞϓϦΤϯδχΞ
‒ ࠺͕ϚϚ͚ɾอҭ͚࢜ͷϝσΟΞӡӦ ‒ ࢲ͕डୗ։ൃͱɺϝσΟΞͷٕज़पΓ୲ ‒ ۭ͍ͨ࣌ؒͰWebαʔϏε։ൃ גࣜձࣾΫϦϞ
Λ͔͚ΒΕΔ ϑϦʔϥϯεΤϯδχΞ ʹͳΔʹ
ͦͦɺͨ͘͞ΜΛ͔͚ΒΕΔΑ͏ʹͳΔͱ ࣄ͕૿͑Δʂ ‒ ҆ఆͯ͠ऩೖ͕ಘΒΕΔ ‒ ࣄ͕બΔΑ͏ʹͳΔ
ࣄ͕બΔΑ͏ʹͳΔͱ ‒ ࣗͷಘҙ͕׆͔ͤΔࣄ͕Ͱ͖Δ ‒ ո͍͠ΫϥΠΞϯτʹ͖߹Θͳͯ͘ࡁΉ ‒ ͪΐ͏Ͳशಘ͍ٕͨ͠ज़ʹ৮ΕΔ ͍͍͜ͱͮ͘Ίʂ
·ͣɺࣄΛཔΉଆͷؾ࣋ͪʹͳͬͯΈΔᶃ ‒ ʮࣄΛཔΉͧʙʯͱ͍͏λΠϛϯάͰ࡞Δ ͷ͕ܾ·ͬͯΔ߹͕ଟ͍ ίʔϙϨʔταΠτͷϦχϡʔΞϧͰɺ WordPressͷίϯςϯπΛྲྀ༻ͯ͠σβΠϯΛ Ұ৽͍ͨ͠Ͱ͢ɻ ൃ͍ͨ͠Ψʔϧ
ࣄཔΊΔਓΛͲ͏୳͢ʁʢฉ͍ͯΈͨʣ ࡞Δͷܾ·͍ͬͯΔͷͰɺͦͷεΩϧ͕͋Δਓ Λ୳͍ͨ͠ 1. Γ߹͍Ͱडୗ։ൃͬͯΔਓʹ͔͚Δ 2. Γ߹͍ͷΓ߹͍ʹ͍ͳ͍͔ͳ 3. ΫϥυιʔγϯάΈͯΈΔ 4.
άάͬͯΈͯྑͦ͞͏ͳਓɾձࣾͳ͍͔ͳ
Γ߹͍orΓ߹͍ͷΓ߹͍ܦ༝ͩͱ ‒ ໘ࣝ͋Δͱ͕ૣ͍ ‒ ڞ௨ͷΓ߹͍͔Β࣮ͷϨϕϧײฉ͚Δ ‒ มͳਓհ͞Εʹ͍͘ ҆৺ײ͕͋ΔͷͰཔΈ͍͢
‒ ͪΖΜࣄΛग़͢ଆͷਓ͕Γ߹͍ʹ͍Δ ͱخ͍͠ʢཧళͳͲʣ ‒ Ͱҙ֎ͱɺϑϦʔϥϯεಉ࢜ͷͭͳ͕Γ ޮՌతͩͬͨΓ͢Δɻ ൃऀͷΓ߹͍Λ૿͢ͷʁ ࣮Ҋ݅ͷ૬ஊ͕དྷ͚ͨͲɺࢲࠓ݄ۭ͍ͯͳ͍ͳʙ ͜͏͍͏Ҋ݅ͳΒʓʓ͞Μ͕ಘҙͦ͏ͩ͠ฉ͍ͯΈ Δ͔ʙ
ࣄΛཔΉଆͷؾ࣋ͪʹͳͬͯΈΔᶄ ‒ ࡞Δͷܾ·͍ͬͯΔ͚ͲɺͲ͏ͬͯ࡞ Δ͔ܾ·ͬͯͳ͍ ٕज़બఆʹؔΘͬͯɺ࣮ͷ૬ஊͰ͖Δਓ͍ ͳ͍͔ͳɺɺɺ ϑϩϯτΤϯυͷٕज़શൠ৮ͬͨ͜ͱ͋Δਓͳ ΒཔΊͦ͏ʂ
ϙʔτϑΥϦΦϒϩάΛॻ͜͏ ‒ ٕज़ελοΫ͕͖ͬΓΘ͔ΔϓϩϑΟʔϧ ʹͳ͍ͬͯΕཔΈ͍͢ ‒ ϒϩάͳͲͰൃ৴͍ͯ͠ΔͱɺΤϯδχΞಉ ࢜ͳΒͳΜͱͳ͘Ϩϕϧײ͔ͭΊΔͣ ϑϩϯτΤϯυϑϨʔϜϫʔΫ࣮Ͱશ෦৮ͬ ͯΔਓͳΒ҆৺ͯ͠બఆΛͤΕΒΕͦ͏
ʮ͜ͷٕज़ͳΒ͜ͷਓʯͱͳ͍ͬͯΔͱڧ͍ ‒ ຊΛग़ͯ͠Δͱ໊ΘΓ ʹͳΔͷͰɺ͕ૣ͍ɻ ࢲ͜͏͍͏ຊॻ͍ͯ·͢ˠ
ϙʔτϑΥϦΦΛॆ࣮ͤ͞Δʹ ‒ ࣮հͰ͖ΔࣄΛͰ͖Δ͚ͩબ΅͏ ◦ ࣮ܝࡌग़དྷͳ͍ͳΒׂ૿͢Δ͘Β͍ͷ͍ is େࣄ ◦ ͕ࣗΠϯϑϧΤϯαʔతׂΛ͢ΔͷͰɺհ͞ ͤͯΒ͏ͳͲɺԿ͔͠Βཧ༝Λ͚ͭͯࡌͤͯྑ
͘ͳΔΑ͏ʹަব͠Α͏ ‒ ࣄ͡Όͳͯ͘ϝσΟΞʹऔΓ্͛ΒΕΔΑ ͏ͳͷΛ࡞Ε࣮ʹͳΔ
ϝσΟΞʹऔΓ্͛ΒΕͯɺ͔ͣ͢͞ϒϩάΛॻ͘ ϒϩάͰٕज़ղઆ ʮNuxt.js + Contentful + FirebaseͰը૾γΣΞ ͳͲͰ࡞ͬͯ·͢ʂʯ
ʮϙʔτϑΥϦΦʹࣅͨΑ͏ͳҊ͕݅͋Δʯ ɹͱཔΈ͍͢ ‒ اը͕͔ͿͬͯΔͷͳΒ͓ޓ͍͢Γ߹Θͤ ָͰɺ࡞αΠυྲྀ༻Ͱ͖Δ෦͕ଟ͍ ΫΦϦςΟ͋ΔఔѲͰ͖Δ҆͠৺
‒ ҆৺ͯ͠डͰ͖Δͷ͔͠ड͚͍ͯͳ͍ͱ ʮεΩϧͷΓചΓʯʹͳͬͯ͠·͏ɻ ‒ ৽͍ٕ͠ज़Λੵۃతʹशಘ͢ΔػձΛ࡞ͬͯ ͍͘ඞཁ͕͋Δɻͱ͍͏͔Ϛετɻ ٯʹաڈͷҊ݅ͱࣅͨΑ͏ͳͷ͔ΓʹͳΓ͕ͪ ݸਓͰͳʹ͔࡞ͬͯΞτϓοτ͠Α͏ʂ
None
‒ ެ։͠ͳ͍ͱͯ͠ɺৗʹ৽͍ٕ͠ज़ʹ͍ͭ ͯशಘ͓͚ͯ͠ɺ໘ന͍Ҋ݅ʹඈͼ͖ͭ ͍͢ɻ ৭ʑ࡞͓ͬͯ͘ͱɺ෯͕͕Γ·͢ TwitterͰ #݄Ұश࡞ ͱ͍͏ϋογϡλάͰɺ ຖ݄৽͍ٕ͠ज़Λࢼͯ͠ൃ৴ͯ͠·͢ ࣄͰ͏ٕज़͕शಘ͕Ұ൪͍ʂ
·ͱΊ ‒ ࣄΛબͿͨΊʹɺΓ߹͍Λ૿͢ͷେࣄ ‒ ڧΈΛ࡞͓ͬͯ͘ͱ͕ૣ͍ ‒ ϙʔτϑΥϦΦͰϒϩάͰϓϩμΫτͰ ɺΞτϓοτ͍ͯ͜͠͏ ‒ εΩϧͷΓചΓʹͳΒͳ͍Α͏ʹৗʹ৽͍͠
͜ͱ͍ͬͯ͜͏
࣭͋Ε࠙ձ TwitterͰͲ͏ͧɻ ͓ࣄืूͯ͠·͢ɻ εϥΠυίϝϯτͰˠ Thanks!