CSS

CSS フレックスボックス利用のメモ

display: flexの個人的整理 使うたびに色々なサイトを巡ってしまうのもアレなので、自分のページのサイト内検索で済むようにしたくてここに整理しておく。 詳細はMDNのフレックスボックスのガイドページを見るべき。 ここ:CSS ...
Javascript

Javascriptでブラウザにデータを格納

Javascriptでブラウザにデータ(文字列)を保存する。 最近使ったのでメモを残しておく。 データの格納手段 ブラウザへの保存といえば、Cookie(クッキー、cookie)も思いつくがそれよりもデータの格納に適したlocalSt...
Mac

VSCodeでフォーマットしないで保存するコマンドの確認

VSCodeでフォーマットしないで保存する。 記事にするまでもないがあとで調べることもあるかもしれないので、書いておく。 いちいちformat on saveみたいな設定を変更する必要はなく、保存時のコマンドを変えるだけ。変えるだけと言...
Javascript

Javascriptで非インタラクティブなアニメーションを作る

冬っぽい雪が降るだけのアニメーションをjavascriptで作った。 デモ ずっと動いたままになるので、バッテリー残量注意。 ソースもgithubに: ikapper/anim-fuyu-yuki 使ったもの canvasを直...
Web

jekyllなサイトでfaviconをルートに置かないようにして設置

jekyllな静的ウェブサイトにfaviconを設定する。 あまりルートディレクトリにファイルをたくさん置きたくないので、アイコン類はicons/にまとめておくための設定を記録しておく。 使用したジェネレータサイト 今回はfavico...
Web

Dropboxのlong-lived access tokensの廃止に対応する

DropboxのAPI Updatesに対応する。 Action Required: Token and Permission Updates こんな内容のメールが来てたので対処する。 long-lived access to...
Web

Markdown to htmlを改修した

以前作ったマークダウン形式の文字列をhtmlへ変換するmd to htmlを改修した。 自分で使っていてサニタイズ(Purify)に不満点があったため。 ページはここ→Markdown to raw html 最初の記事→Webブラウ...
React

Reactのサンプルとして連打回数測定器をつくった

Reactサンプル1 Reactの色々な機能などを使ってみようかと思い、サンプルを作ってみることにした。 基本的にできたものはCodePenに置いておこう。 今回は基本的事項の確認として、 stateやpropsでのコンポーネン...
Web

CodePenでhtmlのheadを編集する

CodePenでheadにタグを置く方法のメモ。 目的 フリーwebフォントを使おうと思ったが、どうやらhtmlの場所にそのまま書くのではないようだ。 となると、<head>に埋め込むのが妥当で、どうやらその方法があるよう...
Python3

Python pipでのSSLErrorの対処の1つ

以前にpip install --trusted-host <package>で半ば無理やり解決した問題のより良い対処法を記録しておく。 上コマンドによる解決策はあまりお上品ではないので直した。原因はpythonとは無関係な...
タイトルとURLをコピーしました