Vue.jsでは、配列やオブジェクトの代入を、うまく検知できないらしい。。 お作法があるので、調べてみたとこの備忘録。 配列 // 追加: pushを使う let addItem = ... this.items.push(addItem); // 変更: spliceを使う let modifyIndex = 1; let modifyItem …

リリースした新しいWebサービス「トランスノート]を公開するときに、 まじめにSEO関連を調べてみたので、その時の備忘録。 やらなきゃいけなことがたくさんあった。。 metaタグといっても、いろいろある。 検索関連の基本的な設定 ファビコンやiPhoneやAndro…

クリップボードにコピーするほう法を調べたので、その備忘録。 2020/03/20追記 2020/03/20現在、Can I useをみると、Safariが未対応。。 clipboard-polyfill.jsを利用するのが良さそう。 www.memory-lovers.blog こんな感じ // Copy navigator.clipboard.wri…

ひそひそと作り始め、ついにリリース。。！！ とはいえ、ベータ版ですが。。 trans-notes.net 開発動機は、「めんどくさい。」 アプリの多言語対応は重要。でも、めんどくさい。 多言語対応やローカライズは重要。 でも、個人開発だと、翻訳者もいないし、コ…

Webサイト内で、国旗を表示したいなと思ってたら、flag-icon-cssという、いい感じのCSSアイコンがあったので、その時の備忘録。 NPMでインストール $ npm install flag-icon-css 使い方。簡単。 <span class="flag-icon flag-icon-jp"></span> <span class="flag-icon flag-icon-kr"></span> ただ、国旗は標準サイズが決まってないらしく、アスペクト比…

Nuxt.jsでSPAからSSRに変更しようとしたら、そのままでうまくいかず。。 import時にエラーが出てしまうのに対処したときの備忘録。 状況 使っていたのは、ScrollRevealというアニメーションライブラリ。 その中で、document.documentElementを参照しているの…

ゴミが溜まるので、定期的に削除したいなと思ったので、いろいろ見てみたけどfind便利。 # 最終更新日が3日前のファイルを削除 $ find ./ -daystart -mtime -3 -exec rm -vr {} \; 参考にしたサイト様 findコマンドのmtimeオプションまとめ - Qiita "find" n…

Nuxt.jsでGoogle Analyticsしたかったので、いろいろ調べたときの備忘録。 公式プラグインがあるらしい(Google Analytics Module) 中では、vue-analyticsを使っているので、基本vue-analyticsのドキュメントを見るっぽい。 インストール $ npm install --sav…

ウェブサイトによくあるSNSのシェアボタン。使いたいなと思い、いろいろ調べたときの備忘録。 アイコンを探す アイコンは色を変えたりなどしたいので、CSS fontがいい。 - Font AwesomeとかLigature Symbolsを見てみる - なければ、Simple IconsでSVGを探し…

npm run buildしたときに、console.logとかをminify時に自動で削除してほしいと思ったときの備忘録。 Nuxt.jsのバージョンは、v2.2.0 nuxt.config.jsの設定 uglifyjs-webpack-pluginを使うようにした感じ。 const UglifyJsPlugin = require("uglifyjs-webpac…