Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
声をかけられるフリーランスエンジニアになるには
Search
tatsuaki watanabe
September 05, 2018
Technology
1.4k
5
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
声をかけられるフリーランスエンジニアになるには
tatsuaki watanabe
September 05, 2018
More Decks by tatsuaki watanabe
See All by tatsuaki watanabe
4:3のスライド
nabettu
0
310
React Native for WebでもOGP対応がしたい! ~ TECH STAND #2 React Native 2020/12/18 ~
nabettu
1
7k
React Navigationを使って React Native WebでSPAを試してみた ~ React Native Meetup 2020/5/29 ~
nabettu
8
12k
OG画像のためだけのFunctionsで、 htmlベタ書き&リダイレクトをやめるんだ
nabettu
3
1.8k
React Nativeにおける ExpoとFirebaseの活用 Webとの共通化 ~ React Native Tokyo 2019/09/03 ~
nabettu
2
1.5k
A story till the netlify fun book is made
nabettu
0
780
Netlifyはいいぞ #技術同人誌再販Night
nabettu
1
520
Nuxt.js & Firebase & Netlifyでの 爆速プロトタイピングと 本格運用への足がかり
nabettu
3
900
2016-01-25いいとも発表Atomパッケージ
nabettu
0
190
Other Decks in Technology
See All in Technology
「作れる」と「リリースできる」の間にあったもの── PdMを外して見えた、PdMがやるべき仕事/Buildable ≠ Shippable: What Removing the PM Taught Me About the PM’s Job
yappli_developers
0
380
AI駆動開発におけるハーネスエンジニアリングの勘所
tsukuboshi
1
880
増え続けるプロダクトの品質をどう担保するか。ProductSpecとTypeScriptによる取り組み
joere
2
210
ドメインエキスパートは いかにして AI を使って プロダクト開発をするか
tatsuyashiraishi
1
240
データマネジメント × 法務で作りあげる、 freeeの新しいデータガバナンスへの軌跡
freee
PRO
2
570
Vue.jsのGitHubから学ぶ意思決定
yut0naga1_fa
1
340
200人の配信コメント、 全部Jevが仕分けます 〜 マサカリガードを作ってみた 〜
katayamatg
1
450
あなたのDartコードは丸見えかもしれない ~reFlutterで暴くFlutterアプリの中身と多層防御~
zozotech
PRO
0
670
Content Mapper APIの応用例~CSS Modules、言語ファイル~
uhyo
2
280
書き手が人でもAIでも正しくなる道、SREを埋め込んだDeveloper Platform / tech drivers day8
chmikata
4
840
Draft AIエージェントの トークン消費を最小化する 8つの原則
kinopeee
6
1.9k
外国人エンジニアがVueプロトタイプで仕様を合わせている話 / Vue Fes Japan 2026 LT
eluwing
0
310
Featured
See All Featured
Are puppies a ranking factor?
jonoalderson
2
4.1k
sira's awesome portfolio website redesign presentation
elsirapls
0
480
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
68
59k
Technical Leadership for Architectural Decision Making
baasie
3
620
RailsConf 2023
tenderlove
30
1.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
560
My Coaching Mixtape
mlcsv
0
370
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
2
6.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
31k
Bootstrapping a Software Product
garrettdimon
PRO
306
120k
Transcript
Λ͔͚ΒΕΔ ϑϦʔϥϯεΤϯδχΞʹͳΔʹ ~ ϑϦʔϥϯεΤϯδχΞͰϓϩδΣΫτΛ ɹਐΊΔ͜ͱʹ͍ͭͯߟ͑Δձ ~ ᬑୡ໌ˏגࣜձࣾΫϦϞ
࣍ ‒ ࣗݾհ ‒ Γ߹͍Λ૿ͦ͏ˍΞϐʔϧ͠Α͏ ‒ ϙʔτϑΥϦΦϒϩάΛॻ͜͏ ‒ ʮ͜ͷٕज़ͳΒ͜ͷਓʯʹͳΖ͏ ‒
࣮Λ૿ͦ͏ ‒ ͱʹ͔͘Ξτϓοτ͠Α͏
ࣗݾհ ‒ ᬑ ୡ໌ ‒ twitter: @nabettu ‒ ࢜௨גࣜձࣾˠ໘ന๏ਓΧϠοΫˠಠཱ ‒
࠺ͱ๏ਓઃཱ ‒ WebϑϩϯτΤϯυˍΞϓϦΤϯδχΞ
‒ ࠺͕ϚϚ͚ɾอҭ͚࢜ͷϝσΟΞӡӦ ‒ ࢲ͕डୗ։ൃͱɺϝσΟΞͷٕज़पΓ୲ ‒ ۭ͍ͨ࣌ؒͰWebαʔϏε։ൃ גࣜձࣾΫϦϞ
Λ͔͚ΒΕΔ ϑϦʔϥϯεΤϯδχΞ ʹͳΔʹ
ͦͦɺͨ͘͞ΜΛ͔͚ΒΕΔΑ͏ʹͳΔͱ ࣄ͕૿͑Δʂ ‒ ҆ఆͯ͠ऩೖ͕ಘΒΕΔ ‒ ࣄ͕બΔΑ͏ʹͳΔ
ࣄ͕બΔΑ͏ʹͳΔͱ ‒ ࣗͷಘҙ͕׆͔ͤΔࣄ͕Ͱ͖Δ ‒ ո͍͠ΫϥΠΞϯτʹ͖߹Θͳͯ͘ࡁΉ ‒ ͪΐ͏Ͳशಘ͍ٕͨ͠ज़ʹ৮ΕΔ ͍͍͜ͱͮ͘Ίʂ
·ͣɺࣄΛཔΉଆͷؾ࣋ͪʹͳͬͯΈΔᶃ ‒ ʮࣄΛཔΉͧʙʯͱ͍͏λΠϛϯάͰ࡞Δ ͷ͕ܾ·ͬͯΔ߹͕ଟ͍ ίʔϙϨʔταΠτͷϦχϡʔΞϧͰɺ WordPressͷίϯςϯπΛྲྀ༻ͯ͠σβΠϯΛ Ұ৽͍ͨ͠Ͱ͢ɻ ൃ͍ͨ͠Ψʔϧ
ࣄཔΊΔਓΛͲ͏୳͢ʁʢฉ͍ͯΈͨʣ ࡞Δͷܾ·͍ͬͯΔͷͰɺͦͷεΩϧ͕͋Δਓ Λ୳͍ͨ͠ 1. Γ߹͍Ͱडୗ։ൃͬͯΔਓʹ͔͚Δ 2. Γ߹͍ͷΓ߹͍ʹ͍ͳ͍͔ͳ 3. ΫϥυιʔγϯάΈͯΈΔ 4.
άάͬͯΈͯྑͦ͞͏ͳਓɾձࣾͳ͍͔ͳ
Γ߹͍orΓ߹͍ͷΓ߹͍ܦ༝ͩͱ ‒ ໘ࣝ͋Δͱ͕ૣ͍ ‒ ڞ௨ͷΓ߹͍͔Β࣮ͷϨϕϧײฉ͚Δ ‒ มͳਓհ͞Εʹ͍͘ ҆৺ײ͕͋ΔͷͰཔΈ͍͢
‒ ͪΖΜࣄΛग़͢ଆͷਓ͕Γ߹͍ʹ͍Δ ͱخ͍͠ʢཧళͳͲʣ ‒ Ͱҙ֎ͱɺϑϦʔϥϯεಉ࢜ͷͭͳ͕Γ ޮՌతͩͬͨΓ͢Δɻ ൃऀͷΓ߹͍Λ૿͢ͷʁ ࣮Ҋ݅ͷ૬ஊ͕དྷ͚ͨͲɺࢲࠓ݄ۭ͍ͯͳ͍ͳʙ ͜͏͍͏Ҋ݅ͳΒʓʓ͞Μ͕ಘҙͦ͏ͩ͠ฉ͍ͯΈ Δ͔ʙ
ࣄΛཔΉଆͷؾ࣋ͪʹͳͬͯΈΔᶄ ‒ ࡞Δͷܾ·͍ͬͯΔ͚ͲɺͲ͏ͬͯ࡞ Δ͔ܾ·ͬͯͳ͍ ٕज़બఆʹؔΘͬͯɺ࣮ͷ૬ஊͰ͖Δਓ͍ ͳ͍͔ͳɺɺɺ ϑϩϯτΤϯυͷٕज़શൠ৮ͬͨ͜ͱ͋Δਓͳ ΒཔΊͦ͏ʂ
ϙʔτϑΥϦΦϒϩάΛॻ͜͏ ‒ ٕज़ελοΫ͕͖ͬΓΘ͔ΔϓϩϑΟʔϧ ʹͳ͍ͬͯΕཔΈ͍͢ ‒ ϒϩάͳͲͰൃ৴͍ͯ͠ΔͱɺΤϯδχΞಉ ࢜ͳΒͳΜͱͳ͘Ϩϕϧײ͔ͭΊΔͣ ϑϩϯτΤϯυϑϨʔϜϫʔΫ࣮Ͱશ෦৮ͬ ͯΔਓͳΒ҆৺ͯ͠બఆΛͤΕΒΕͦ͏
ʮ͜ͷٕज़ͳΒ͜ͷਓʯͱͳ͍ͬͯΔͱڧ͍ ‒ ຊΛग़ͯ͠Δͱ໊ΘΓ ʹͳΔͷͰɺ͕ૣ͍ɻ ࢲ͜͏͍͏ຊॻ͍ͯ·͢ˠ
ϙʔτϑΥϦΦΛॆ࣮ͤ͞Δʹ ‒ ࣮հͰ͖ΔࣄΛͰ͖Δ͚ͩબ΅͏ ◦ ࣮ܝࡌग़དྷͳ͍ͳΒׂ૿͢Δ͘Β͍ͷ͍ is େࣄ ◦ ͕ࣗΠϯϑϧΤϯαʔతׂΛ͢ΔͷͰɺհ͞ ͤͯΒ͏ͳͲɺԿ͔͠Βཧ༝Λ͚ͭͯࡌͤͯྑ
͘ͳΔΑ͏ʹަব͠Α͏ ‒ ࣄ͡Όͳͯ͘ϝσΟΞʹऔΓ্͛ΒΕΔΑ ͏ͳͷΛ࡞Ε࣮ʹͳΔ
ϝσΟΞʹऔΓ্͛ΒΕͯɺ͔ͣ͢͞ϒϩάΛॻ͘ ϒϩάͰٕज़ղઆ ʮNuxt.js + Contentful + FirebaseͰը૾γΣΞ ͳͲͰ࡞ͬͯ·͢ʂʯ
ʮϙʔτϑΥϦΦʹࣅͨΑ͏ͳҊ͕݅͋Δʯ ɹͱཔΈ͍͢ ‒ اը͕͔ͿͬͯΔͷͳΒ͓ޓ͍͢Γ߹Θͤ ָͰɺ࡞αΠυྲྀ༻Ͱ͖Δ෦͕ଟ͍ ΫΦϦςΟ͋ΔఔѲͰ͖Δ҆͠৺
‒ ҆৺ͯ͠डͰ͖Δͷ͔͠ड͚͍ͯͳ͍ͱ ʮεΩϧͷΓചΓʯʹͳͬͯ͠·͏ɻ ‒ ৽͍ٕ͠ज़Λੵۃతʹशಘ͢ΔػձΛ࡞ͬͯ ͍͘ඞཁ͕͋Δɻͱ͍͏͔Ϛετɻ ٯʹաڈͷҊ݅ͱࣅͨΑ͏ͳͷ͔ΓʹͳΓ͕ͪ ݸਓͰͳʹ͔࡞ͬͯΞτϓοτ͠Α͏ʂ
None
‒ ެ։͠ͳ͍ͱͯ͠ɺৗʹ৽͍ٕ͠ज़ʹ͍ͭ ͯशಘ͓͚ͯ͠ɺ໘ന͍Ҋ݅ʹඈͼ͖ͭ ͍͢ɻ ৭ʑ࡞͓ͬͯ͘ͱɺ෯͕͕Γ·͢ TwitterͰ #݄Ұश࡞ ͱ͍͏ϋογϡλάͰɺ ຖ݄৽͍ٕ͠ज़Λࢼͯ͠ൃ৴ͯ͠·͢ ࣄͰ͏ٕज़͕शಘ͕Ұ൪͍ʂ
·ͱΊ ‒ ࣄΛબͿͨΊʹɺΓ߹͍Λ૿͢ͷେࣄ ‒ ڧΈΛ࡞͓ͬͯ͘ͱ͕ૣ͍ ‒ ϙʔτϑΥϦΦͰϒϩάͰϓϩμΫτͰ ɺΞτϓοτ͍ͯ͜͠͏ ‒ εΩϧͷΓചΓʹͳΒͳ͍Α͏ʹৗʹ৽͍͠
͜ͱ͍ͬͯ͜͏
࣭͋Ε࠙ձ TwitterͰͲ͏ͧɻ ͓ࣄืूͯ͠·͢ɻ εϥΠυίϝϯτͰˠ Thanks!