Skip to content

Instantly share code, notes, and snippets.

@LeeDDHH
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
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
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
LeeDDHH / terminal-control.md
Created December 28, 2023 07:19
ターミナル操作で困ったときに見る

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

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

カーソルの移動

  • カーソルを行の先頭に移動
@LeeDDHH
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
LeeDDHH / get-zenn-dev-link-by-new-line-bookmarklet.md
Created December 28, 2023 07:00
zenn.devのトップページから各コンテンツのリンク先のアドレスだけを持ってくるbookmarklet
@LeeDDHH
LeeDDHH / bulletproof-react-project-structure.md
Created December 28, 2023 04:33
bulletproof-reactのプロジェクト構造について

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

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

src
|
+-- assets # 画像、フォントなどの静的ファイルを全て含む
|
+-- components # アプリケーション全体で使用される共有コンポーネント
@LeeDDHH
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
LeeDDHH / youtube_meigen.md
Last active October 15, 2023 04:36
Youtube名言
苦難、困難、災難があるから不幸だと思ってしまう
こういうことが起きない人生を無難な人生と言う
無難な人は誰一人いない
誰かと比べたら無難な人生に見えることはあるが、不幸ではない
「有る難」と書いて「有難い(ありがたい)」と言う

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