【Vue CLI 3】プロジェクトテンプレートを作りたくて

Vue CLI 3になってプラグイン&プリセットというコンセプトになった。 これに沿う形でプロジェクトテンプレートを作りたい。 リモートプリセットを作ってみた。 vue create --preset yoko0180/vue-cli-preset-basic-project hello-vue このコマンド1つでプ…

サブモニタでGoogle Chromeでフルスクリーンにするとスクリーンにフィットせず右下にずれる現象

現象 ・YouTubeなどで全画面表示をサブモニターで見ると、スクリーンにフィットせず右下にずれる ・Chrome以外のブラウザでは発生しない ・メインモニタでは発生しない 回避策1 Chromeのウィンドウを最大化していない状態からフルスクリーンにする 回避策2…

node.jsで環境変数Pathに設定済みか確認する

path_search.js var word = process.argv[2] if (!word) process.exit(0) var reg = new RegExp(word, 'i') console.log(process.env.Path.split(';').filter(p => p.match(reg))) 使用例 node path_search.js windows [ 'C:\\Windows\\system32', 'C:\\Wind…

bitbucketでプライベートリポジトリにnpmモジュール置いて使う

シチュエーションは限られるけどメモ。 1.Bitbuketで公開鍵登録しておく プライベートリポジトリの場合なので。 (参考) SSH認証鍵をBitbucketに設定 - Qiita 2.プロジェクトに追加する yarn add ssh://git@bitbucket.org/<アカウント名>/<リポジト…

CSS transitionに触れる

CSS

CSS transitionに触れてみた ※「触れる」と書いて、「ふれる」「さわれる」と読めるのって紛らわしい・・ See the Pen transition by yoko0180 (@yoko0180) on CodePen. アニメーション関連の技術は自分の中で優先度が低いのだが、 機会があったのでやってみ…

ローカルにプロジェクトフォルダが多くてどこに何があったかわからなくなるのでElectronでなんとかしようとしてみている

問題点 Vue.jsやらPythonやら.NETやら規模も大小様々なプロジェクトフォルダが多数あってどこにどのようなプロジェクトがあるのか把握が難しくなっていた VS CodeやらPycharmやらで開くのにも最近のアクセス一覧から外れてしまったり、プロジェクトフォルダ…

【翻訳】npm-scripts

npm-scriptsのドキュメント冒頭が読みにくかったので整形ついでに翻訳。 マークダウン変換サービスも便利なので一応手順もメモ。 (手順) 1.ドキュメントをテキストエディタにペースト 2.テキストエディタで適当に絡む区切りをタブに置換するなどしてざ…

カレンダーコンポーネントを習得しておきたい

jQuery依存にはなるがFullCalendarというライブラリが完成度が高いように見える。 Vueコンポーネントとして実装しているサンプルもある。 機を見て試す。 vuejsexamples.com fullcalendar.io

Vue.js周りの情報を整理していきたい

Vue.js はじめに — Vue.js これがないと始まらない チートシート GitHub - vuejs-tips/cheatsheet: Vue.js 2.2 complete API cheatsheet Vuex Vuex とは何か? · Vuex コンポーネント間を渡り歩くには必要(なんだと思う今のところ) チートシート GitHub - v…

JavaScriptでAndroidなのかを判別する必要があるかもメモ

qiita.com // JavaScriptでiOS・Androidのバージョン判断 ref: http://qiita.com/devdyaya/items/406072f6ecd69b0a785f · GitHub developer.mozilla.org 注記 ユーザエージェントを表す文字列を検出することに基づいたブラウザ識別は、信頼できないものであ…

npm パッケージ(Package)とモジュール(Module)

better-than-i-was-yesterday.com パッケージは package.json によって記述されるファイルもしくはディレクトリモジュールは Node.js の require() によってロードされるファイルもしくはディレクトリ

Firebaseノート Cloud Functionsによる動的コンテンツ配信とキャシュによるパフォーマンス改善

www.youtube.com 要約 rewriteによって指定リクエストパスパターンを関数に送信する Cache-Controlヘッダーよってキャッシュ設定してパフォーマンス改善する Cloud Functionsによる動的コンテンツ配信の基本 functions/index.js firebase.json キャッシュに…

Vue.js v-forにおけるFirebaseのデータオブジェクトの順序を制御する

問題 Vue.jsのv-forにおけるオブジェクト展開は順序が保証されない Firebaseのデータはオブジェクトである 対応 配列に変換してビューへ流す 例 var snapToArray = function(snap){ var results = [] snap.forEach(a => { var item = a.val() item.key = a.k…

JavaScript 配列要素の書き換えしくじり

しくじり items.forEach( item => { item = foo }) 修正 items.forEach( (item, index, arr) => { arr[index] = foo })