LeeDDHH / github-pr-search-option.md

Last active April 10, 2024 10:01

github prの検索時に使えるオプション

文字列がどのフィールドに含まれているかを検索する

in:title,body,commet

issue、prの作成者を検索する

author:ユーザー名

assigneeを検索する

LeeDDHH / remove-url-params-from-url-bookmarklet.md

Last active March 25, 2024 00:55

URLからURLパラメータだけを削除する

現在開いているページからURLパラメータだけを削除する

javascript:(function() {
  const url = new URL(window.location.href);
  history.replaceState('', '', url.pathname);
}())

参考

LeeDDHH / css-emphasis-element-with-overlay.md

Created March 15, 2024 04:04

オーバーレイをかけて一部の要素だけを強調させるCSS

<div>
  <div>
    <div class="other_one"></div>
    <div class="other_one"></div>
    <div class="other_one"></div>
    <div class="important"></div>
    <div class="other_one"></div>
    <div class="other_one"></div>

LeeDDHH / 0_bookmarklet_link_index.md

Last active March 24, 2024 07:23

bookmarklet（ブックマークレット）に関するgistのまとめ(0_bookmarklet_link_index)

LeeDDHH / translate-to-japanese-with-google-translate-bookmarklet.md

Created December 28, 2023 07:54

google翻訳で日本語のページにするbookmarklet

すべてのページで対応できるとは限らない

javascript:location.href='https://translate.google.com/translate?sl=auto&tl=ja&u='+location.href

LeeDDHH / terminal-control.md

Created December 28, 2023 07:19

ターミナル操作で困ったときに見る

入力した値をすべて削除する

カーソル位置から行の先頭までの文字が削除する
- Ctrl + U
カーソル位置から行末までを削除
- Ctrl + K

カーソルの移動

カーソルを行の先頭に移動

LeeDDHH / javascript-control-html.md

Created December 28, 2023 07:14

javascriptでhtml操作するとき

HTMLコレクションをループする

const pList = document.getElementsByTagName('p');

// Arrayで回す

Array.from(pList).map
[...pList].map

LeeDDHH / get-zenn-dev-link-by-new-line-bookmarklet.md

Created December 28, 2023 07:00

zenn.devのトップページから各コンテンツのリンク先のアドレスだけを持ってくるbookmarklet

各ページのリンクを取得してリンクごとに改行した状態で文字列として取得

javascript:(function() {
  // 各ページのリンクを取得してリンクごとに改行した状態で文字列として取得
  var res = [...document.querySelectorAll('a.lillie')].map(elem => elem.href).join('\n');
  
  // コピーするためにtextareaを生成
  var textarea = document.createElement('textarea');

LeeDDHH / bulletproof-react-project-structure.md

Created December 28, 2023 04:33

bulletproof-reactのプロジェクト構造について

ルートディレクトリの全体像

ほとんどのコードは src ディレクトリにあり、以下のような構造になる

src
|
+-- assets # 画像、フォントなどの静的ファイルを全て含む
|
+-- components # アプリケーション全体で使用される共有コンポーネント

LeeDDHH / naming_method.md

Last active December 14, 2023 14:00

うまくメソッド名を付けるための参考情報

真偽値を返すメソッド

場所	単語	意味	例
Prefix	is	(オブジェクトが)期待する状態になっているかどうか	isChecked
Prefix	can	(オブジェクトが)期待する動作をできるかどうか	canRemove
Prefix	should	(呼び出し側が)ある命令を実行したほうがよいかどうか	shouldMigrate
Prefix	has	(オブジェクトが)期待するデータ・プロパティを持っているかどうか	hasObservers
Prefix	needs	(呼び出し側が)ある命令を実行する必要があるかどうか	needsMigrate

DongHeon Lee LeeDDHH