何時の橙

Vue.js、特にVueRouterの勉強のためにネコのサイトを作りました。

• ホーム | 何時の橙

色々試行錯誤しながら作ったので、以下、作成に当たって参考にしたサイトを列挙しておきます。後々に見返して「あのときあそこを参考にしたな」と道標になるように。

Twitter埋め込み

• Vue.jsでTwitter, Facebookのウィジェットを表示する – Qiita
• vue-tweet-embed – npm

Instagram埋め込み

• Instagram APIでインスタグラムのタイムラインをサイト内に実装する | 大阪市天王寺区SOHOホームページ制作 | デザインサプライ-DesignSupply.-
• ［JQuery］たった9行でInstagram（インスタグラム）の写真一覧をWebサイトに表示する。 – Fly higher! Sky is the limit!
• instagram api 事始め access_tokenを取得する – Qiita
• Instagramのアクセストークンの取得方法 – Qiita

PHPでaccess_token周りの処理をしてjsonでデータを取得までやって、Vue.jsはaxiosを使ってPHPにアクセス、echoされたjsonを取得して処理する、という二段構えに。

年齢計算

• Vue.js で年齢をリアルタイム計算（lodashで遅延処理も） | Sukohi’s tech blog!!

axiosによる通信

• axios を利用した API の使用 ? Vue.js

VueRouter

• JavaScript – vue-routerのbeforeEachを書く場所｜teratail

動かない理由は分かったけど、じゃあどうやったら良いのか……。

router-linkでv-onはサポート外

• 【Vue】router-linkのv-on:clickを有効にする方法【vue-router】 – The sky is the limit