JavaScript

stylelintのバージョン上げたらfixが効かなくなった

stylelintのバージョン上げたら自動整形が効かなくなった。--fix指定してるのにフォーマットエラーだけがずらずらっと出てきて注意される。修正はしてくれない。どうしてそんなことするの？ 結論から言うと、v9.10.0からstylelint processor使ってる場合...

Media Go & Music Centerからすべての曲をGoogle Play Musicに移す

sonyの呪縛から開放されるまでの道のり。 というかほぼGoogle Play Music未対応拡張子「.oma」「.3gp」「.mp4」を変換する話。 基本的には、Google Play Music ＞「音楽をアップロード」を開いて、Media Go & ...

axios JavaScript

Ajaxでやってた処理をaxiosでやるとパラメータが渡らない問題

jQuery + Ajaxでやってた非同期処理をVue.js + axiosに書き換えたら、同じ処理してるはずなのにサーバ側にrequestデータが渡らなくなってしまって困った。ちなサーバ側の言語はPHP。結論から言うとaxiosはパラメータの記述方法によって送られるデータの形式...

TypeScript

IE11で「strictモードではプロパティの複数定義は許可されません」エラー

ChromeやFFで問題なく動いているVuex+TypeScript製のサイトをIE11で見たら画面真っ白｡ﾟ(ﾟ´ω`ﾟ)ﾟ｡ﾋﾟｰ これだから！IEは！嫌いなんだよ！！コンソールには「strictモードではプロパティの複数定義は許可されません」とのエラーが。 stati...

css

縦向きスライドショー、Pull-to-Refreshに引っかかる

vue.jsで縦並びスライドショー作ったんだけど、AndroidのChromeで1つ前のスライドに戻るために上スクロールするとブラウザのリロードが走るんですが（怒） このページ上部にいる時に上スクロールを倍プッシュするとブラウザがリロードされる機能は、 Pull-to-Ref...

TypeScript

TSLintさんに注意されたこととその修正方法

TypeScript導入したらTSlintさんにいろんなこと注意されまくったので、エラー内容と解決方法まとめときます( ˘ω˘ ) ちなみに今回指摘されたことはだいたいtslintの実行コマンドに「 --fix」つけることによって自動修正されます( ˘ω˘ ) ■エラー...

Vue.js

Vue.jsでキーの入力に合わせてイベント実行

Vue.jsでキーバインディングとか調べるとイベントハンドリングの方のkeydownばっかり出てきてちょっと悩んだ。 mountedの中でonkeydownイベント設定しちゃうのが良さそう。 ちなみにkeyCodeは非推奨らしいのでkeyで判定する。 例えば 「↑」:「...

web関連

Scripting工程の速度改善方法いろいろ

引き続き「Webフロントエンド ハイパフォーマンスチューニング」読んでよかったところ要点まとめ。 今回は「URL叩く → Loading → Scripting → Rendering → Painting（画面表示）」のレンダリング一連の流れの中でScripting工程の速度...

web関連

タスクランナー　ビルドツール　モジュールバンドラ　違い

って検索しても出てこなかったから自己解釈。 なんとな〜くgulpはタスクランナーでwebpackはモジュールバンドラだよねみたいなイメージあるけど何を以て使い分けているのかわからなかったので調べたまとめ 公式の見解 Grunt ＝タスクランナー GRUNT The...

Git

SourceTree、実際どんなコマンド叩いてるかわからなくて怖い問題

怖いので調べた。 差分確認とか変更ファイルの一部分だけaddしたい時とか便利だよね、SourceTree。便利ってことは、そのぶんSourceTreeさんが内部でいろんなことを良しなにやってくれてるわけで、その何やってるのかについて調べたのでまとめ。ちな調べた当時のSou...

web関連

Loading工程の速度改善方法いろいろ

前回に引き続き「Webフロントエンド ハイパフォーマンスチューニング」読んでよかったところ要点まとめ。 今回は「URL叩く → Loading → Scripting → Rendering → Painting（画面表示）」のレンダリング一連の流れの中でLoading工程...

web関連

ブラウザの仕組み＆レンダリングの流れについて備忘録

「Webフロントエンド ハイパフォーマンスチューニング」読んだ。仕組みも知らずに闇雲にチューニングしたって効果的な速度改善なんかできるわけないやろってことでブラウザの仕組みとレンダリングの流れについてから解説が始まって、これがなかなか面白かったので要点をまとめとく。 ...

Firebase Vue.js

Vue.js + Firebaseで懐かしい気持ちになるポートフォリオ作った

SPAの勉強にVue.js + FirebaseでWeb黎明期風ポートフォリオを作ったので、技術選定とかつまづきポイントを残しとく。 作ったポートフォリオはこちら： ARAI’S PORTFOLIO ソースは GitHub に公開してます 制作期間について 3...

GoogleForm JavaScript

Google Formへaxiosで非同期通信しようとした時に出るCROSエラーの回避

GoogleFormをカスタマイズして自サイト（Vue.js + Firebase）で利用しようとしてハマったこと。 フォーム内容送信時にGoogleForm専用の送信完了画面に飛ぶのが嫌 →とりあえず非同期通信(axios)で送信してみる →CROSのエラー↓が出る ...