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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Nobuki Inoue
December 08, 2018
Programming
480
0
Share
Webサービスを作ってみて気づいたこと
Nobuki Inoue
December 08, 2018
More Decks by Nobuki Inoue
See All by Nobuki Inoue
10年使ったDBFluteに思う事
black_trooper
0
520
UI Component 作ってますか?
black_trooper
1
550
Riot.jsでSemanticUIを使ってみる
black_trooper
2
590
Other Decks in Programming
See All in Programming
PDI: Como Alavancar Sua Carreira e Seu Negócio
marcelgsantos
0
120
Don't Prompt Harder, Structure Better
kitasuke
0
770
Making the RBS Parser Faster
soutaro
0
390
2026_04_15_量子計算をパズルとして解く
hideakitakechi
0
110
事業会社でのセキュリティ長期インターンについて
masachikaura
0
250
クラウドネイティブなエンジニアに向ける Raycastの魅力と実際の活用事例
nealle
2
200
CursorとClaudeCodeとCodexとOpenCodeを実際に比較してみた
terisuke
1
470
Claude Codeをカスタムして自分だけのClaude Codeを作ろう
terisuke
0
140
The Less-Told Story of Socket Timeouts
coe401_
3
350
ハーネスエンジニアリングにどう向き合うか 〜ルールファイルを超えて開発プロセスを設計する〜 / How to approach harness engineering
rkaga
23
13k
UIの境界線をデザインする | React Tokyo #15 メイントーク
sasagar
2
360
〜バイブコーディングを超えて〜 チームで実験し続けたAI駆動開発
tigertora7571
0
110
Featured
See All Featured
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
180
HDC tutorial
michielstock
2
630
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
140
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
340
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
sira's awesome portfolio website redesign presentation
elsirapls
0
220
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
1.1k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
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! ご清聴ありがとうございました。