ファッ!? webpackJsonp is not defined

ファッ!? webpackJsonp is not defined

エラー対処のメモです。 ReferenceError 開発中に突然次のエラーが出て全くSPA画面が出なくなってしまいました。 app.js:1 Uncaught ReferenceError: webpackJsonp is not defined at app.js:1 ファッ!? エラーをググってみると...

Twitter認証とJWTでログイン機能を実装した話

Twitter認証とJWTでログイン機能を実装した話

ITエンジニアのための技術書レビューサイト(以下、技術書サイト)にログイン機能の追加を行いました。 ITエンジニアのための技術書レビューサイト(仮) 技術書Yome !! Overview LaravelとVue.jsで実装したサイトにTwitter連携を実装し、Twitterのプロフィールをユーザ情報として利用する ...

AD

Vue.jsで実装したサイト「技術書 Yome」を公開しました

Vue.jsで実装したサイト「技術書 Yome」を公開しました

こんにちは。 tomita@atuwebです。 2017/5/15にIT系技術書のレビューサイト(予定)を公開いたしました。 技術書Yome(スモールスタート中) 技術書Yome ITエンジニアのための技術書レビューサイト(予定) 現在はびっくりするくらいスモールスタート中です。 というのは、会員登録もレビュー機...

[Vue.js]フェードイン/フェードアウトを実装する

[Vue.js]フェードイン/フェードアウトを実装する

小ネタです。 トランジション Vue.jsでフェードイン/フェードアウトを実装するにはtransition(トランジション)を利用します。 トランジションとは画面遷移など「場面転換時の演出効果」を指し、ビデオ編集などでも使われる単語ですね。 Vue.jsでは簡単にトランジションを利用することができますよ。 Vu...

[Vue.js]Mixinで処理の共通化を図る

[Vue.js]Mixinで処理の共通化を図る

Vueの勉強が着々と進みmixinを覚えましたため、使い方をまとめます。 mixinとは mixinとはVue.jsが提供する「再利用のための仕組」みです。 公式から引用します。 ミックスイン (mixin) は、Vue コンポーネントに再利用可能で柔軟性のある機能を持たせるための方法です。 ミックスインオブ...

[Vue.js]BootstrapとVue.jsでイケてるフォームを実装する

[Vue.js]BootstrapとVue.jsでイケてるフォームを実装する

Bootstrapを利用してフォームを実装しましたため、v-modelやバリデートなどについてまとめます。 イケてるフォーム 初期状態です。 入力内容に不備がある入力欄はエラーとして赤字、赤枠で表示します。 また全ての不備が取り切れるまでSubmitボタンはdisabledとします。 何か入力し、エラーがなくなるとリ...

AD

[Vue.js]コンポーネントの親子連携を理解する

[Vue.js]コンポーネントの親子連携を理解する

Vue.jsを触って早数週間経過します。 最も理解に時間がかかったコンポーネントの連携についてまとめてみます。 理解が怪しいところはマサカリをお願いいたします。 ゴール 子コンポーネントから親コンポーネントの関数を呼び出す 環境 Node.js 7.7.1 npm 4.4.2 Vue.js 2.2.4 prop...

jQueryで頑張ってしまったことを猛省してLaravel MixでVue.jsを勉強した

jQueryで頑張ってしまったことを猛省してLaravel MixでVue.jsを勉強した

豆乳とコストコのマフィンが好きなtomita@atuwebです。 この数年、たいへんなスピードでフロントエンド開発技術が発展しておりますね。 私はバックエンド開発が続いていたことを言い訳に、直近の小規模なWebツール開発をjQueryで頑張ってしまったため、次は同じ轍を踏まない ためにVue.jsを勉強してみました。 jQ...