LeeDDHH

• google翻訳で日本語のページにするbookmarklet
• zenn.devのトップページから各コンテンツのリンク先のアドレスだけを持ってくるbookmarklet
• URLからURLパラメータだけを削除する

LeeDDHH

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

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

LeeDDHH

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

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

カーソルの移動

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

LeeDDHH

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

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

// Arrayで回す

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

LeeDDHH

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

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

LeeDDHH

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

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

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

LeeDDHH

真偽値を返すメソッド

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

LeeDDHH

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

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

LeeDDHH

用語

要素	説明
モジュール	アプリケーションの構造を整理するためのメタデータ
コントローラ	HTTPリクエストを処理するコンポーネント
サービス	ビジネスロジックを提供するコンポーネント
インポート	外部のモジュールを読み込む
シングルトン	モジュール内のコンポーネントをアプリケーション全体で共有する

LeeDDHH

index

• prisma ドキュメントの逆引き
• prisma migrateに関連するコマンド