katonobo’s blog

プログラミング中心の雑記ブログ

 お知らせ

 プログラミングスクールの口コミサイト「プロログ」をリリースしました プロログ

 プログラミングに興味ある方はぜひご覧ください!  

 またスクールに通われたことがある方はぜひ口コミにご協力ください!お願いします!

爆速でWebサービスを構築するためのオリジナルマニュアル(自分のためのメモ)

何も考えずに爆速でWebサービスを構築、リリースするための(自分のための)チュートリアルです。

 

環境構築

・Vue.jsを導入

 Git

 

 

・Firebaseの導入

Git

 

 

 

・Bootsrap-Vueの導入

www.katonobo.com

 

・moment.jsの設定

 

www.katonobo.com

 

・router-guardの設定

 

www.katonobo.com

 

・フォントを可愛く

Git

 

 

 

 

・レスポンシブデザインを意識したレイアウト

基本は1カラムにしておくと便利

 

・画像をレスポンシブルにする

Git

 

OGP設定・アイコン設定

・ロゴの作成

ロゴの作成は「Hatchful」を使用する。

ロゴメーカー&ロゴクリエーター - 無料のオンラインロゴジェネレーター

様々なサイズのロゴを生成してくれる

 

・ファビコンの作成

 ファビコンの作成は、index.htmlのhead要素内に以下のコードを入れる

Git

・グーグルドメインの取得

qiita.com

 

 

・グーグルアナリティクスの設定

Vue-analyticsを使う

main.js内に設定する

qiita.com