Vue

• 2019年7月3日

【Laravel】【Vue】LaravelとVueを結びつけるパッケージは割と多い

　LaravelはPHPのフレームワークです。PHPのフレームワークですがプロジェクトを建てた時点で一緒に使えと言わんばかりにフロントエンド側のVue.jsのコードと設定が渡されま […]

続きを読む

• 2019年6月28日

【Vue.js】VueとCSSアニメーションを組み合わせる

　Vue.jsは便利です。テンプレートエンジン同然の動的なDOM操作が簡潔に記述できます。例えばv-ifの様な条件付レンダリングです。 条件付きレンダリング — Vue.js 　デ […]

続きを読む

• 2019年6月19日

【Vue】propsで渡ってきたObjectをキーについてバリデーションする

　扱う値があまりに煩雑になってくると系統だった値をまとめてオブジェクト化して扱う様になります。Vue.jsではpropsという仕組みで値をコンポーネント間でやりとりします。基本は次 […]

続きを読む

• 2019年6月18日

【Laravel】【Vue】propsを使わずVue上で組んだページ部にLaravelのBladeから値を表示する

　LaravelからVueに値を渡す時によくやる手法は次です。 　引数をjson化してpropsとして渡し、Vue内のテンプレートに埋め込みます。やり方はシンプルなのですが情報が増 […]

続きを読む

• 2019年6月7日
• 2021年2月22日

Chromeのtextareaでスクロール位置の変更が上手くいかないことがある

　次のデモはVueを使ったtextarea中のクリック、キーアップ、キーダウンに反応してscrollTopを取得、表示するデモです。 　 　これを動かすと少々直感的でない動作とその […]

続きを読む

• 2019年4月1日

【Vue.js】Vue.jsに関する色々が置かれているリポジトリawesome-vue

vuejs/awesome-vue: 🎉 A curated list of awesome things related to Vue.js 　awesome-v […]

続きを読む

• 2019年3月27日

【JavaScript】フレームワーク環境付きオンラインエディタCodeSandbox

CodeSandbox: Online Code Editor Tailored for Web Application Development 　CodeSandboxはJsFi […]

続きを読む

• 2019年3月18日

【Vue.js】連なった単一ファイルコンポーネント間のイベント発火

　Vue.jsはwebページを部品単位で構築することによって開発を支えるJavaScriptのフレームワークです。 Vue.js 　Vue.jsには単一ファイルコンポーネントという […]

続きを読む

• 2019年2月28日
• 2019年2月28日

【Vue.js】デフォルト値による簡易な引数で呼び出せる柔軟なコンポーネント

　Vue.jsではしばしばカスタムHTMLタグとも言える程、小さな部品を作りたくなります。例えばform中の入力欄です。簡易に作るのであれば次の様にlabelとinputに必須属性 […]

続きを読む

• 2019年2月25日

Vue.jsの配列監視

　Vue.jsはJavaScriptのフレームワークで、目玉の機能として変数の値の変化に同期して画面上の描画を変更する機能があります。変数の変化は変数の監視機能で実現されていますが […]

続きを読む

• 2019年2月15日
• 2019年2月15日

HSL表記によって色を自然に変化させる

　色の表記の定義である色空間には様々なものがありますよく聞くものに赤青緑の三原色を用いたRGB、それに加えて透明度を足したRGBAがあります。他にも印刷で使われるCMYK（Cyan […]

続きを読む

• 2019年2月14日

Vue.jsでVue.js向けに開発されていないライブラリを用いる

　Vue.jsはwebページを部品化してコーディングすることを目的としたJavaScriptのフレームワークです。単一コンポーネントの仕組みを用いたVue.jsのコード例の多くは（ […]

続きを読む