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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Nobuki Inoue
December 08, 2018
Programming
0
480
Webサービスを作ってみて気づいたこと
Nobuki Inoue
December 08, 2018
Tweet
Share
More Decks by Nobuki Inoue
See All by Nobuki Inoue
10年使ったDBFluteに思う事
black_trooper
0
510
UI Component 作ってますか?
black_trooper
1
550
Riot.jsでSemanticUIを使ってみる
black_trooper
2
580
Other Decks in Programming
See All in Programming
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
gekko0114
2
440
CSC307 Lecture 10
javiergs
PRO
1
660
AI巻き込み型コードレビューのススメ
nealle
2
1.3k
AI & Enginnering
codelynx
0
120
Automatic Grammar Agreementと Markdown Extended Attributes について
kishikawakatsumi
0
200
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
250
登壇資料を作る時に意識していること #登壇資料_findy
konifar
4
1.6k
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
mackey0225
3
380
そのAIレビュー、レビューしてますか? / Are you reviewing those AI reviews?
rkaga
6
4.6k
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
460
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる!
tosuri13
1
180
疑似コードによるプロンプト記述、どのくらい正確に実行される?
kokuyouwind
0
390
Featured
See All Featured
Building the Perfect Custom Keyboard
takai
2
690
Unsuck your backbone
ammeep
671
58k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
170
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
330
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
Raft: Consensus for Rubyists
vanstee
141
7.3k
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
96
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
830
KATA
mclloyd
PRO
34
15k
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! ご清聴ありがとうございました。