はてなブックマーク

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