このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

Archives Details

webサービス始めました! LaravelとAngular.jsなどなど使ってね。

JavaScript

2015.03.01

この記事は最終更新日から1年以上が経過しています。

どもですmm

かなりお久しぶりな投稿で、気がつけば2015年の3月も終わっているということで、皆さんどのようにお過ごしでしょうか?

振り返れば、2月はweb帳の投稿せずに終わってしまってしまいぼちぼち反省しております。

と、いうのも、平日はゲーム開発で夜遅くまで頑張り、土日は趣味の個人開発をカチカチと。

そんな感じで、土日趣味開発でwebサービスをリリースしてみました!

何かと最近、「webサービス始めました!」と耳にして、昔と比べると開発のためのフレームワークなんかもいっぱい世に出ており、一段とサービスを始める敷居も低くなったかと思います。

webやってる人間として何か作らなければならんなと思い、

そんなこんなで勉強がてら私も作ってみました。

その名も「Band’s」!!

Band’s

http://bands-music.jp/

今回はそんなお話を

作成のきっかけ

普段はゲーム開発のお仕事をさせていただいているのですが、ふと気がつくとwebやっている割には webサービスなるものやっていないなと思い始めました。

主に、フロント周りをメインにやっていますので、サーバー周りの勉強でもありました。

というか、色々とゲーム作って来て、ちょっとサービスしたいな。っていうのが結構大きかったりですw

期間

10月くらいから構想を練りだして、開発に入ったのは11月くらいですかね。

冒頭でも書かせていただいたのですが、基本、平日はがっつり仕事をしていて、メインは土日で3,4ヶ月ほどかかりました。

もっと早くできるのかと思っておりましたが、やっているとやはり色々と出てきますよねw

フレームワーク

旬なのを選びましたw

主なところはLaravelangular.jsですかね。

Laravelは普段PHP書いていない私でも本当に楽に使える設計がされているかと思います。

Laravelをがっつり扱いたかったのですが、Angular.jsの方が多かったりします。(結局仕事と変わらんなとか思いました。)

Laravelbladeテンプレートが備わっているのですが、全く使わず、SmartyAngular.jsを使って作成しました。

Laravel4でもSmartyを使用したい!

企画・機能

もう完全なる個人開発なので、企画・デザイン・開発と全部一人でやりました。

主な企画として、音楽を行う人、楽しむ人、また、それらの方に提供する人のための場所としてのSNSサービスになっております。

機能

・プロフィール作成機能

・ストリーム機能(コメント、画像UP)

・メンバー募集掲示板

・グループ作成機能

・スタジオ検索

・ライブハウス・ホール検索

・ショップ検索

・特定の人とのメッセンジャー機能

・グループレビュー機能(5段階評価&コメント)

・スタジオレビュー機能(5段階評価&コメント)

・ライブハウス・ホールレビュー機能(5段階評価&コメント)

・ショップレビュー機能(5段階評価&コメント)

・COOLボタン機能

・グループ、スタジオ、ホール・ショップなど友達に紹介機能

..etc

となっております。

よく利用するスタジオなどのレビューだったり友人に勧めたり、5段階のレビューCOOLボタンを押すことによって紹介することができます。

こんな感じで、若い方もオヤジバンドの方もクラシックな方も利用していただければと思っております。

困った点など

本当にみんな使っているのだろうか?と思うくらいLaravelの情報はそんなに多くないですよね。

バージョン違いで記述も違ったりと

3

(‘users’) ->where_in(

4

(‘users’) ->whereIn(

バージョンアップするとなると。。。

開発環境との違い

本番サーバーは放置していたサーバーを使っているのですが、MySQLのバージョン違いでアンストール、インストールしたりなど環境整えるのにも時間がかかってしまいましたね。。

あと、保守性、拡張性を考慮しTypeScriptで全て記述しているのですが、やっぱり記述が多くなって意外と大変ですね。w

今後の展開、課題

・デザイン

なんとかBookに似てる気がしますが、気のせいですw

細かいところだったり、UI改善、デザイン変更などを行っていければと。

・対応環境

申し訳ないことに、IE 、スマートフォンなどを全く無視してしまって作ってますので(macで作成)

これらの対応もできていければと思います><

・パフォーマンス

こちらも、フロント、バックと両方のパフォーマンス改善をできるところまでやれればと思っております。

・データ

データも途中ですので、徐々に更新していければと><

・機能

「スケジュール共有できたらいいよね。」などのお声も頂きましたので、グループ内のスケジュール共有機能、音源、動画UP対応、など

などできればと思っております。

なんせ個人開発なので必要最低限でとりあえずリリースしてみようといったところから、

至らない点も多々あるかと思いますが、徐々に使いやすくできればと思っておりますので何卒末長くよろしくお願いします。

Comment

Related Article

Vue.js + SSR (Universal JavaScript)環境を、「NUXT.js」でサクッと構築する方法。

2017.10.09

フロントエンド開発が捗る JSON Serverについて

2017.07.10

技術書、参考書のしおりには【BOOK DARTS】がオススメ!

2017.07.01

会社で npm Private導入して、1ヶ月で8個ほどパッケージ作成したお話。

2017.06.02

Vue.js が予想以上に良かったので、既存WordPressに導入。Vue.js (vue-class-component) + TypeScript + WordPress で作る、記事読み込み component 「実装編」

2017.03.26

Vue.js が予想以上に良かったので、既存WordPressに導入。Vue.js (vue-class-component) + TypeScript + WordPress で作る、記事読み込み component 「環境構築編」

2017.02.21

Facebook製 JavaScript 関数ライブラリ。Immutable.js がいい感じ!

2016.07.31

【JS】フロントでレコメンドアルゴリズムを簡単実装できるJavaScriptライブラリ「RecommendJS」を公開しました。

2016.05.30

JavaScript ビット演算・ビットマスクについてまとめてみました。

2016.03.15

マテリアルデザイン対応!タッチ、クリックでエフェクト。RippleEffectJSを公開しました!

2016.02.01

CATEGORY LIST

LATEST NEWS

iPhoneXで、ubuntuを動かす。

サーバー

2018.06.09

仮想通貨(暗号通貨)の作り方 その2 (Gethの使い方)

暗号通貨、ブロックチェーン

2018.05.20

$PAC (パックコイン)Macでマスターノードを建てる方法

暗号通貨、ブロックチェーン

2018.05.14

ついに「ウェブ帳」リニューアルしましたぁ!!!(PC 版)

イベント

2018.05.07

Raspberry Pi 3 Model B+ 2018 ニューモデルを購入!!

RaspberryPi

2018.04.23

仮想通貨(暗号通貨)の作り方 その1

暗号通貨、ブロックチェーン

2018.04.09

iPad Proで開発を行いたい。

iPad

2018.03.29

CPU使用しすぎて、Conohaからサーバーシャットダウンされた件。

tool

2018.03.28

春の大掃除。VHSに続いて、カセットテープもデジタル化!microSD保存 MP3変換プレーヤーを使ってみた。

tool

2018.03.27

Macで、VHSダビング I-O DATA ビデオキャプチャー 「アナレコ」を使ってみた。

tool

2018.03.27

ご報告

イベント

2018.02.02

明けましておめでとうございます。(遅め

イベント

2018.01.16

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。

FOLLOW US