ryjkmr

Mac シェルコマンド プログラミング

MacとGithubをSSHで連携させる

MacとGitHubをSSHで連携させる方法をメモりました。公式ドキュメントの要約です

AFFINGER WordPress

Affiger6の追加CSSでコードブロックの色を反転させる

WordPressテーマAffinger6の追加CSSを使ってコードブロックのデフォルトカラーを黒地に白文字に変えました

html Javascript プログラミング

canvasへの図形(丸、四角、三角(多角形))の描画方法メモ

canvas要素のセットアップ HTMLのcanvas要素にJavascriptで図形を書く方法をメモります。 ここに書かなかった属性とかのリファレンスは以下にあります。 https://develo ...

Javascript プログラミング

変数の値を一定範囲に収める関数を作った

変数の値を一定範囲に制限したいことがありまして、そのための関数を作りました。

Mac プログラミング

MacのFinder.appの場所

MacのFinder.appのパスをメモりました。

html プログラミング

GoogleのWebフォントの使い方メモ

WebサイトやWebアプリで色んなフォントが使える 通常、HTML書類の表示には端末にインストールされているWebフォントが使われます。このため端末によってフォントが変わります。 Webフォントを使う ...

html Javascript プログラミング

input type="file"で選択した画像をimgタグに表示する

よく使うのに毎回ググっていたりするので、残しておきます。 単純に選択した画像を表示するだけのコード "load"イベントの処理を変更すれば画像以外のものにも使えます。 テキストファイルの場合は、rea ...

html Javascript プログラミング

Javascriptの配列やオブジェクトからテーブルを生成する(Pug版あり)

配列からテーブルを生成する Javascriptの配列やオブジェクト(連想配列)からテーブルを作る機会がありました。あとあと使いそうなので、そのメモを残します。 たぶん、ライブラリもあると思うのですが ...

html Javascript Python シェルコマンド プログラミング

PythonからJavascriptにパイプでJSONを渡す

Pythonで処理した結果をブラウザで表示するためにJavascript+Pugに渡す方法を調べました

html Mac Python プログラミング

Pythonでseleniumを使ったスクレイピングの基本

PythonとSeleniumによるスクレイピングの基本をまとめました

html Javascript シェルコマンド プログラミング

テンプレートエンジンPugの書き方

HTMLテンプレートエンジンPugの使い方をまとめました

アプリ 楽器

ベースラインをコピーしやすいようにYoutubeやSpotifyの音をAudio Hijackで1オクターブ上げて再生する

ストリーミング系の音源を使ってベースラインのコピーをするためにAudioHijack3でオクターブ上げて再生するための設定です

html プログラミング

CodePenでPugを使って楽にHTMLを書く

CodePen上でPugを使った簡単にHTMLを書ける設定を最近知りました

工作 料理 裁縫

白シャツ買ったので汚さないようにエプロンを作った

前々からエプロンか割烹着が欲しいと思っていました。 最近、あんまり汚したくないなぁと思う、そこそこいい値段のTシャツ(白地)を買ったので、この機会に一着作ってみました。 作り方は以下の動画を参考にしま ...

3Dプリント iPhne/iPad カメラ 工作

iPhone13をソフトケースとストラップを着けたまま三脚にセットできるホルダーを3Dプリントで製作

クランプ式のフォルダーが苦手 スマホを三脚に取り付けるとき、普通はスマホを挟み込むタイプのホルダーを使います。 私も持っているのですが、どうも苦手です。 バネを拡げて挟み込むのに結構力ががいるのと、い ...