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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Nobuki Inoue
December 08, 2018
Programming
490
0
Share
Webサービスを作ってみて気づいたこと
Nobuki Inoue
December 08, 2018
More Decks by Nobuki Inoue
See All by Nobuki Inoue
10年使ったDBFluteに思う事
black_trooper
0
530
UI Component 作ってますか?
black_trooper
1
560
Riot.jsでSemanticUIを使ってみる
black_trooper
2
590
Other Decks in Programming
See All in Programming
20260514_its_the_context_window_stupid.pdf
heita
0
1.1k
When benchmarks go bad - what I learned from measuring performance wrong
hollycummins
0
400
新規プロダクトを高速で生み出すハーネスエンジニアリング
seanchas116
3
220
AWSはOSSをどのように 考えているのか?
akihisaikeda
0
130
How We Practice Exploratory Testing in Iterative Development( #scrumniigata ) / 反復開発の中で、探索的テストをどう実施しているか
teyamagu
PRO
3
1k
要はバランスからの卒業 #yumemi_grow
kajitack
0
170
ECR拡張スキャンでSBOMを収集して サプライチェーン攻撃の影響調査を 爆速で終わらせてみた
akihisaikeda
1
170
サーバーレスで作る、動画データ管理基盤
oyasumipants
0
230
Structured Concurrency, Scoped Values and Joiners in the JDK 25 26 27
josepaumard
1
160
[BalkanRuby 2026] Drop your app/services!
palkan
3
610
TSKaigi2026-静的解析への投資がAI時代のコード品質を支える ── カスタムESLintルールの設計と運用
hayatokudou
4
580
今さら聞けないCancellationToken
htkym
0
120
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
460
Designing for Timeless Needs
cassininazir
1
220
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
180
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.6k
Ethics towards AI in product and experience design
skipperchong
2
280
Agile that works and the tools we love
rasmusluckow
331
21k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
180
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
55k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
220
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
810
Information Architects: The Missing Link in Design Systems
soysaucechin
0
930
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! ご清聴ありがとうございました。