プログラマーノート

プログラマーの学習や雑記のメモです

フロントエンド開発

【JavaScript】整数を四捨五入するのではなく丸める(JS編)

はじめに JavaScriptで整数を丸めたい どうすれば整数を丸めることができるのか? JavaScriptで式を作る 整数を丸める式を関数化する 注意点 PHP版で整数を丸める処理の紹介はこちら まとめ はじめに こんにちは。エンジニアの仕事をしている、たかふみです…

npmとcomposerの比較

はじめに パッケージ管理ツールとは npmとは composerとは 機能の比較 プロジェクト新規作成 ロックファイル git clone後の初期パッケージインストール パッケージ追加 パッケージ追加(開発のみ) パッケージ追加(グローバルインストール) パッケージがイ…

【Vue.js】Vue.js(Vue3)でDay.jsを使う

はじめに Day.jsの導入経緯 JavaScriptは日付処理がややこしい。 momentは既に死んでいる Day.js、君に決めた Vue.js(Vue3)でのDay.js使用方法 Day.jsのインストール Day.jsをvue.jsへ読ませる方法(inject/provide使用) Day.jsをvue.jsへ読ませる方法(global…

【Vue.js】Composition APIを使用した共通関数の作り方

はじめに mixisは共通関数としてどうなのか vue.jsで共通関数をどう作るか 共通関数のメリット Composition APIで使用可能 オブジェクト指向的に考えられる どこから呼び出したのか分かりやすくなる まとめ はじめに こんにちは。エンジニアの仕事をしている…

【Vue.js】vue-routerでPOSTやGETと同じようなパラメーターの渡し方

はじめに ルーティング設定 GET渡し POST渡し コンポーネントのパラメーターに値を渡したい場合 まとめ はじめに こんにちは。エンジニアの仕事をしている、たかふみです。 今日はPHPなどのサーバーサイド言語でよく使う、POSTやGETのようなパラメーターの渡…

【Vue.js】v-bindで属性を動的にするまとめ

はじめに v-bindの基本 v-bindでクラス名を固定値+動的にしたい場合どうする? APIの帰り値をクラス名に設定したい aタグのhref属性を動的にしたい時 aタグのtarget="_blnak"を動的するにはどうしたらいいか まとめ はじめに こんにちは。エンジニアの仕事…

【Vue.js】reactiveの値に初期値を設定する方法

はじめに reactiveに初期値を持たせる場合はどういう時か reactiveの値に初期値を持たせてみよう 初期値が変わらないのはなぜか どうしたらreactive変数に初期値を持たせることができるのか まとめ はじめに こんにちは。エンジニアの仕事をしている、たかふ…

【Vue.js】v-if と v-show の違いについて

はじめに v-ifとは v-showとは v-showが何故か動かない時がある v-ifとv-showの違い v-ifとv-showの使い分け方 v-ifを使うべきケース v-showを使うべきケース 終わりに はじめに こんにちは。エンジニアの仕事をしている、たかふみです。 今日はVue.jsの基本…

npmのエラー対処法TIPS

はじめに ライブラリバージョンアップしたけど切り戻したい npm installが失敗する場合 依存しているライブラリが足らない場合 原因不明だがインストールできない場合 他人が変更したライブラリの修正をinstallできない場合 どうしてもnpm installがうまくい…

Laravel-mixのビルド方法

はじめに ビルドの種類 npm run dev npm run watch npm run watch-poll npm hot npm prod ビルド方法まとめ ビルドにエラーが出る場合の対応方法 npmのキャッシュを消してみよう ビルドが反映されない場合 ctrl+F5を押そう もしかしてステージング環境を見て…

Vue.jsの学習方法

この記事の対象読者 vue.jsの勉強のコツ とにかく、手を動かしましょう 英語の情報を積極的に読む 英語でググると解決方法がわかるかも!? そもそもモダンなフロントエンドがわからない ECMAScript2015(ES6)以降の記述方法を習得する必要がある Youtubeで学…