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
470
Webサービスを作ってみて気づいたこと
Nobuki Inoue
December 08, 2018
Tweet
Share
More Decks by Nobuki Inoue
See All by Nobuki Inoue
10年使ったDBFluteに思う事
black_trooper
0
500
UI Component 作ってますか?
black_trooper
1
540
Riot.jsでSemanticUIを使ってみる
black_trooper
2
550
Other Decks in Programming
See All in Programming
Android 15以上でPDFのテキスト検索を爆速開発!
tonionagauzzi
0
200
DataformでPythonする / dataform-de-python
snhryt
0
160
Flutter로 Gemini와 MCP를 활용한 Agentic App 만들기 - 박제창 2025 I/O Extended Seoul
itsmedreamwalker
0
130
Portapad紹介プレゼンテーション
gotoumakakeru
1
120
Scale out your Claude Code ~自社専用Agentで10xする開発プロセス~
yukukotani
9
1.9k
STUNMESH-go: Wireguard NAT穿隧工具的源起與介紹
tjjh89017
0
350
画像コンペでのベースラインモデルの育て方
tattaka
3
1.6k
GUI操作LLMの最新動向: UI-TARSと関連論文紹介
kfujikawa
0
810
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
480
変化を楽しむエンジニアリング ~ いままでとこれから ~
murajun1978
0
710
decksh - a little language for decks
ajstarks
4
21k
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
230
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Gamification - CAS2011
davidbonilla
81
5.4k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Six Lessons from altMBA
skipperchong
28
3.9k
Agile that works and the tools we love
rasmusluckow
329
21k
GitHub's CSS Performance
jonrohan
1031
460k
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! ご清聴ありがとうございました。