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
440
Webサービスを作ってみて気づいたこと
Nobuki Inoue
December 08, 2018
Tweet
Share
More Decks by Nobuki Inoue
See All by Nobuki Inoue
10年使ったDBFluteに思う事
black_trooper
0
440
UI Component 作ってますか?
black_trooper
1
500
Riot.jsでSemanticUIを使ってみる
black_trooper
2
490
Other Decks in Programming
See All in Programming
[Do iOS '24] Ship your app on a Friday...and enjoy your weekend!
polpielladev
0
100
弊社の「意識チョット低いアーキテクチャ」10選
texmeijin
5
24k
Flutterを言い訳にしない!アプリの使い心地改善テクニック5選🔥
kno3a87
1
180
CSC509 Lecture 11
javiergs
PRO
0
180
Laravel や Symfony で手っ取り早く OpenAPI のドキュメントを作成する
azuki
2
120
Make Impossible States Impossibleを 意識してReactのPropsを設計しよう
ikumatadokoro
0
170
よくできたテンプレート言語として TypeScript + JSX を利用する試み / Using TypeScript + JSX outside of Web Frontend #TSKaigiKansai
izumin5210
6
1.7k
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
1
100
Kaigi on Rails 2024 〜運営の裏側〜
krpk1900
1
220
「今のプロジェクトいろいろ大変なんですよ、app/services とかもあって……」/After Kaigi on Rails 2024 LT Night
junk0612
5
2.2k
CSC509 Lecture 12
javiergs
PRO
0
160
OSSで起業してもうすぐ10年 / Open Source Conference 2024 Shimane
furukawayasuto
0
100
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Visualization
eitanlees
145
15k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Rails Girls Zürich Keynote
gr2m
94
13k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
120
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
We Have a Design System, Now What?
morganepeng
50
7.2k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
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! ご清聴ありがとうございました。