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

LeeDDHH / youtube_meigen.md

Last active October 15, 2023 04:36

Youtube名言

苦難、困難、災難があるから不幸だと思ってしまう
こういうことが起きない人生を無難な人生と言う
無難な人は誰一人いない
誰かと比べたら無難な人生に見えることはあるが、不幸ではない
「有る難」と書いて「有難い（ありがたい）」と言う

https://www.youtube.com/shorts/Aj499FDsYSE

DongHeon Lee LeeDDHH

参考

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

カーソルの移動

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

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

真偽値を返すメソッド