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
Webサービスを作ってみて気づいたこと
Search
Nobuki Inoue
December 08, 2018
Programming
0
370
Webサービスを作ってみて気づいたこと
Nobuki Inoue
December 08, 2018
Tweet
Share
More Decks by Nobuki Inoue
See All by Nobuki Inoue
10年使ったDBFluteに思う事
black_trooper
0
390
UI Component 作ってますか?
black_trooper
1
490
Riot.jsでSemanticUIを使ってみる
black_trooper
2
440
Other Decks in Programming
See All in Programming
Introduction for Open Source Swift Workshop
giginet
PRO
0
290
オブジェクトしこう
okuramasafumi
2
130
Dockerで始めるAWS Lambda開発
stutkhd0709
14
2.5k
WasmOS: Wasmを実行する自作Microkernel
riru
0
370
実践!RDRAを活用した既存システムの仕様変更 / Specification Changes in Existing Systems Utilizing RDRA
imamotohikaru
0
2.7k
Cloud RunとCloud PubSubでサーバレスなデータ基盤2024 with Terraform / Cloud Run and PubSub with Terraform
shinyorke
7
1.9k
品質とスピードを両立: TypeScriptの柔軟な型システムをバックエンドで活用する
kosui
5
1.1k
Some Quick Ideas To Improve Your Tests ( #jassttokyo )
teyamagu
PRO
2
2.3k
TCAの Shared Stateって どういう仕組みになってんの?
yimajo
0
330
AppDeveloperCon 2024 EU: Building polyglot developer experiences in 2024
salaboy
0
380
Migrating to Signals: A Practical Workshop
manfredsteyer
PRO
0
280
フロントエンドパフォーマンス 入門
shouta2
7
1.5k
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Gamification - CAS2011
davidbonilla
76
4.5k
Six Lessons from altMBA
skipperchong
19
2.9k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
8
8.2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
What the flash - Photography Introduction
edds
64
11k
jQuery: Nuts, Bolts and Bling
dougneiner
57
7.1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
VelocityConf: Rendering Performance Case Studies
addyosmani
319
23k
Embracing the Ebb and Flow
colly
78
4.1k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Transcript
Webサービスを作ってみて 気づいたこと 2018/12/08 【第5回】JSフレームワーク(またはライブラリ)× ビアバッシュ 初心者勉強会 in西新宿
HELLO! 井上 暢己(いのうえ のぶき) @black_trooper フリーランスのソフトウェア エンジニア。 semantic-ui-riot チョットデキル。 2
Codesuka (コーデスカ) https://codesuka.review Place your screenshot here 3
作ろうと思ったきっかけ 漠然とサービスを作りたい欲はあった 4
「XXXXをやってみたんですが難しいです ねー。これであってるのかな? と思いながらやってますー」 「それなら今度レビューしますよー」 5 よくあるケースだけど、なかなか実現されない・・・ ーとある勉強会にてー
それっぽいの既にあった... テンションだだ下がりですよ 6
7 似たサービスでも独自性があれば いいじゃないか!
Codesukaの実演 8
仕組み 9 ▸ Riot.js ▸ Semantic-UI ▸ semantic-ui-riot ▸ Github
API ▸ Firebase ▹ Authentication ▹ Database (Cloud Firestore) ▹ Functions (sitemap, OGP, etc)
振り返り 10 ▸ テンションが上がりすぎて眠れない ▹ タスクを細分化して心を落ち着かせる ▸ 1週間で作りました!とかやってみたい ▹ 自己満足なだけなのでやめといた
▸ 1から全部作る際に必要なタスクが不明 ▹ 最初はわからないものと割り切る ▹ 次回に活かせるように記録しておく (Trelloを使いました)
• Firebase Functions • Sitemap • OGP • SNSへの投稿 •
バックアップ • 利用規約 タスク一覧 経験あったのは1/4 だけ 1/3は気づかなかっ たタスク 11 • Riot • Semantic-UI • semantic-ui-riot • ロゴ作成 • ドメイン取得 • サービス名 • キャッチコピー • Github API • Firebase OAuth • Firebase Cloud Firestore Diagram featured by poweredtemplate.com
まとめ ▸ Codesuka を使ってみてください ▸ 簡単に作れると思っていたけど、想像以上に やることが多かった ▸ 一度ひと通りやってしまうと、次回からは楽に なるのでオススメ
▸ 挑戦する技術は1つぐらいにしておく 12 https://codesuka.review
13 THANKS! ご清聴ありがとうございました。