はてなブックマーク

使われ方 例えばgitというコマンドを入力したとき、 /usr/local/bin/gitという実行ファイルがあるか確認し、あれば実行する なかった場合、/usr/local/sbin/gitという実行ファイルがあるか確認し、あれば実行する なかった場合、/usr/bin/gitという実行ファイルがあるか確認し、あれば実行する (環境変数PATHに書かれているディレクトリの数だけくり返す) という流れで、実行するプログラムが決定される。 実行するプログラムが見つからなかった場合command not found: gitというエラーが出力される。 「環境変数PATHに書かれている場所を探してみたけど、gitなんてプログラムはなかったよ！」 という意味。この状態を「(gitコマンドに)PATHが通っていない」と呼ぶ。 PATHを通す方法 実行ファイルは存在するのにcommand not fo

ReactやVueを使わずに、素のJavaScriptでDOM操作する時のやつです。 何度も同じようなことをググって時間を溶かしていたので、よく使うやつをまとめてみました。 要素の取得 // 最初に見つかった要素1つを取得 document.querySelector("#hoge-id"); //[object HTMLElement] document.getElementById("hoge-id"); //[object HTMLElement] //条件に合う要素を全て取得 document.querySelectorAll(".hoge-class"); // [object NodeList] document.getElementsByClassName("hoge-class"); // [object HTMLCollection] Array.from(documen

友人のmikkameと一緒に、HyperFormというヘッドレスフォームサービスを作りました。 formタグのaction属性に、サービスが発行するURLをセットするだけで、問い合わせをいい感じに管理できます。 サービス内容と使い方 サービスに登録すると、カスタムURL(https://hyperform.jp/api/xxxxx)が発行されます 自分のサイトでHTMLを自由にマークアップして、formタグのaction属性に、発行されたカスタムURLをセットします <form method='post' action='https://hyperform.jp/api/xxxxx'> <label>メールアドレス</label> <input type='email' name='email'> <label>お問い合わせ内容</label> <textarea name='messag

const spreadSheet = SpreadsheetApp.getActiveSpreadsheet(); //スクリプトに紐づいたSpreadsheetを取得(基本これを使う) const spreadSheet = SpreadsheetApp.openById(SHEET_ID); //IDから取得 const sheet = spreadSheet.getSheetByName('シート1'); //シート名をもとに取得(こっちの方が可読性高い) const sheet = spreadSheet.getSheets()[0]; //並び順をもとに取得

画像素材、アイコン素材系のサービスのブックマークが溜まってきたので共有します。 いらすとや、fontawesome以外の選択肢がほしい方のお役に立てれば。 イラスト Storyset SaaSっぽい画像をPNGかSVGでダウンロード。簡単に編集してからダウンロードできます。 unDraw SaaSっぽい画像をPNGかSVGでダウンロード。画面上で色を選択できます。 Blush 画像を自由にカスタマイズしてダウンロード。無料版だと185×400くらいの小さいPNG画像のみ。有料だと大きい画像やSVGでダウンロードできるっぽい。 AI素材.com 入力した言葉から、画像を生成してくれるサービス。 ダ鳥獣ギ画 鳥獣戯画のかわいいイラスト。かなり種類が多いので、いらすとやに近い感覚で使える。 Open Peeps 人物画像をPNGやSVGで出力 ソコスト PNG、SVG、EPSでダウンロード。画像

TailwindCSSと一緒に使える便利なサービスをブックマークしていたら、いつの間にか結構な数になっていたので共有します。 ツール系 Tailwind CSS Cheat Sheet チートシート。「このスタイルTailwindでどうやって書くんだっけ?」を解決します。 CSS TAILWIND CONVERTER 既存のCSSをTaliwindのclassに変換するツール。 Tailwind Ink | AI color palette generator for Tailwindcss Tailwindに用意されている色のカラーコード一覧です。 Tailwind CSS IntelliSense - Visual Studio Marketplace VSCodeの拡張機能。ブックマークじゃないけど便利なので共有。クラス名の補完がいい感じになります。 Playground Playg