つぶデコ

発音に自信がない時は
「よこはば」
と言おう

#IT用語の発音
#駆け出しエンジニアと繋がりたい
#駆け出しwebデザイナーと繋がりたい

文字、画像は自由に変更可能です。
https://generator.tubudeco.com/g6559/

マンガの台詞などに最適なフリーフォントです

#フリーフォント
#駆け出しwebデザイナーと繋がりたい
#ブログ

商用OK、無料の海外写真サイトです。
日本語検索が可能なのがうれしいですね。
https://www.pexels.com/ja-jp/

#素材
#ブログ
#駆け出しエンジニアと繋がりたい
#駆け出しwebデザイナーと繋がりたい

ブラウザによって挙動やレイアウトが異なることは頻繁に発生するので、実装する前にCan I useを活用してみてください。
https://caniuse.com/

#プログラミングツール
#駆け出しエンジニアと繋がりたい
#駆け出しwebデザイナーと繋がりたい

windowsだと「ctrl+/」。

「cmd+l」などで複数行選択した後に 「cmd+/」で複数行コメント/解除ができます。

#vscodeショートカットキー
#駆け出しエンジニアと繋がりたい
#駆け出しwebデザイナーと繋がりたい

クラス指定で取得する場合の書き方の比較です

#jqueryとjavascriptの比較

アイコンを1つメニューに配置するだけで、お気に入りのGoogleサービスを切り替えられます。

ページ移動せずにメールのチェックやGoogleドライブのフォルダの閲覧も可能で便利！
https://chrome.google.com/webstore/detail/black-menu-for-google/eignhdfgaldabilaaegmdfbajngjmoke?hl=ja

#GoogleChrome拡張機能
#駆け出しエンジニアと繋がりたい
#駆け出しwebデザイナーと繋がりたい

比較用のテンプレです
https://generator.tubudeco.com/g6555/

jQueryとJavaScriptの書き方の違いを比較してみました。
jQueryシンプル

#jqueryとjavascriptの比較

関数の引数にも「$」がつけるとコードが読みやすくなりますね。

#リーダブルコード
#駆け出しエンジニアと繋がりたい
#駆け出しwebデザイナーと繋がりたい

こないだまで「ゆむ」といっていた。。。

#コマンド
#駆け出しエンジニアと繋がりたい
#駆け出しwebデザイナーと繋がりたい

上の例で日本語訳すると
「20が年齢以下か」
となり直感的に理解しづらい。

下の例だと
「年齢が20以上か」
となり自然

#リーダブルコード
#駆け出しエンジニアと繋がりたい
#駆け出しwebデザイナーと繋がりたい

良し悪しを比較できるテンプレを作りました。
https://generator.tubudeco.com/g6552/

変数名に単位をつけるとコメントがなくても直感的に理解できますね。

#リーダブルコード
#駆け出しエンジニアと繋がりたい
#駆け出しwebデザイナーと繋がりたい