Vue3を始めてみる

今更感はある。
出来ればあまり手を加えず公式のやり方に寄せておきたい。
以下の内容はVue2をある程度使用していたことを想定している。

JavaScriptでキーボードの値を取得するときのkeyCodeが非推奨になったらしい

代わりにkeyかcodeを使用する。

JavaScriptのPromiseとasync/await

一度理解してもしばらくすると忘れてしまう。

javascriptで画面ロード時に処理

冗長な記事が多すぎる。
onload時に処理を行うようにEventListenerへ登録する。

JavaScript画像処理周りスニペット(Canvas, Image)

ファイルから画像を読み込んで、Canvasへ描き込んで、Canvasの画像を加工して、Canvasから画像ファイルをダウンロードってことをやる。

VueCLIだけだと物足りないのでVueプロジェクトのテンプレート作った

VueCLIだけだと微妙に足りていなくて面倒くさい。
例のごとくGitHubに上げている。
Cloneしてきて即VisualStudioCode上で開発できるようにしている。

JavaScriptでfizzbuzzいろいろやってみた

新人研修用に作っていたやつ。

JavaScriptで変換確定のエンターとそれ以外を判断する

やたらとめんどくさいことをしているサンプルが多い。
ジェイクエリは使いません。

HTML * css * javascript 画面全体でファイルがドロップできるようにする

見えないdivで全体を覆ってそこにイベントを付与する

JavaScriptの日付(Date)で月の加算・減算が想定通りにならない

月だけ不自然な感じになってしまうというどちらかというと仕様の話

JavaScriptでカナ変換をおこなう

マルチバイト文字を変数に使えることを知っていると捗る。

JavaScriptで文字列処理まとめ(+動作確認付き)

javascriptを勉強するならMDNが最強っていうかMDN以外の情報の信頼性がなさすぎる。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String

VisualStudioCodeでtslintを使用してTypeScriptの静的解析を行う

前回eslintを導入したが直後にTypeScriptに変更したため意味がなくなってしまった。
ESLintについては以下を参照のこと
https://trueman-developer.blogspot.jp/2017/03/visualstudiocodeeslintnodejs.html#more

VisualStudioCodeにESLintを導入する【Node.js】

導入も導入してからも結構大変

TSLintは以下
http://trueman-developer.blogspot.com/2017/03/visualstudiocodetslinttypescript.html

javascriptのみで完結するダウンロード処理の実装方法

ちょっと調べてみたけどどれも面倒なことをやっているのでメモ
せめて関数呼んだらダウンロード処理が始まる程度のことはやりたいですね
最新版のIE、Edge、Chrome、FireFoxで実行確認
IEだと2回ダウンロードされていたので修正。
I可読性が高くなるようにリライト

javascriptのライブラリを一覧にしてまとめてみた

自分用にまとめていたけどせっかくなので公開。
なるべくフロントエンドで完結してライセンスも使いやすいものを選択したつもり。
全部で100個超。
１番目のURLが本家 or GitHubのページ、2番目のURLが比較的わかりやすいと思った日本語の解説ページになっています。

Node.jsのライブラリもまとめたので合わせて見るといい感じ

ブラウザ毎にキーコードが違っていたので対応方法を考えてみた(2015/11/23時点)

そんなバナナリパブリック(意味不明)

javascriptを使ってweb上の文字をクリップボードへコピーする

すぐ出来るだろうと思っていたら
結局イイカンジには出来ませんでした。
W3Cさん何とかしてくれぇ！