装飾してツイートしよう
ブラウザによって挙動やレイアウトが異なることは頻繁に発生するので、実装する前にCan I useを活用してみてください。
https://caniuse.com/
配列化したinput要素をカンマ区切りでDBのカラムに格納する場合などによく使用してます。
windowsだと「ctrl+/」。
「cmd+l」などで複数行選択した後に 「cmd+/」で複数行コメント/解除ができます。
アイコンを1つメニューに配置するだけで、お気に入りのGoogleサービスを切り替えられます。
ページ移動せずにメールのチェックやGoogleドライブのフォルダの閲覧も可能で便利!
https://chrome.google.com/webstore/detail/black-menu-for-google/eignhdfgaldabilaaegmdfbajngjmoke?hl=ja
比較用のテンプレです
https://generator.tubudeco.com/g6555/
jQueryとJavaScriptの書き方の違いを比較してみました。
jQueryシンプル
SEOなどのアイキャッチ画像に使えます
https://generator.tubudeco.com/g6554/
SEOはキーワードを意識することも大切ですが
検索エンジンの先にはユーザーがいることを忘れてはだめですよね
Googleガイドライン
https://developers.google.com/search/docs/advanced/guidelines/overview?hl=ja
上の例で日本語訳すると
「20が年齢以下か」
となり直感的に理解しづらい。
下の例だと
「年齢が20以上か」
となり自然
シンプルでいいですね。
ちなみに「@guest」ディレクティブを使用した場合は「@auth」と逆。
ログインしていな場合に「true」を返します。
素材サイトの紹介、アイキャッチ画像などに使えるテンプレです。
https://generator.tubudeco.com/g6553/
Unsplashはクオリティが高い画像が豊富なので
素材探しを忘れてつい見入ってしまう。。。
https://unsplash.com/
Windowsだと「ctrl+shift+j」。
jsで動作確認やエラー確認をしたいときに便利です。
「return true」だとfor文の「continue」と同じ動作をします。
良し悪しを比較できるテンプレを作りました。
https://generator.tubudeco.com/g6552/
変数名に単位をつけるとコメントがなくても直感的に理解できますね。
直前に編集していたタブに戻りたいときよく使います。
Ctrlキー押しっぱなししで、tabキーを押すと切り替えるタブを選択可能。
操作しづらい場合は「cmd+shift+[」「cmd+shift+]」でも切り替えできますよ
MySQLコマンド紹介用のテンプレを作りました
https://generator.tubudeco.com/g6551/
このコマンドはデータ移行時によく使います。
エクスポートで「--add-drop-table」オプションをつけるとdrop文が挿入されます
HTTPステータスコード。
200はリクエストが成功した場合に返却されるコードです。
APIを使用すると意識するようになりますよね。
#ルパン三世
#gif
#タイトルコール