つぶデコ

装飾してツイートしよう

投稿一覧

ショートカット用のテンプレを作りました。
https://generator.tubudeco.com/g6566/

ながーいコマンドを打った後に行頭の一部を変更したい時に便利!
行末の移動は「Ctrl+E」です

#ターミナルのショートカットキー
#駆け出しエンジニアと繋がりたい
#今日の積み上げ

Ctrl+A行頭にカーソルを移動するターミナルのショットカットキー

バックエンド開発で怖いのがメールの誤送信ですよね。
laravelであれば.envファイルにあらかじめ「mailtrap」情報を設定しましょう
https://mailtrap.io/

#プログラミングツール
#mailtrap
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

mailtrap仮想のsmtpテストサーバーテスト環境でのメール送信、内容確認に最適
無料プランは最大50メッセージまで保存
1通の送信メールの最大サイズは5MB

公開しているサイトが正しくインデックスされているか?
非公開のサイトがインデックスされていないか?
チェックできます

#検索技
#google
#駆け出しエンジニアと繋がりたい
#ブログ初心者

Googlesite:自分のサイトのURLGoogleのsite:オプションを利用して
自サイトのインデックス状況をチェック

Laravelでテーブル操作の際に使用するartisanコマンドです
--create、--tableオプションを付けなくてもファイル生成できますが、付けると雛形が作成されるので便利です

#laravel
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

マイグレーションファイル作成(テーブルを新規作成)php artisan make:migration [ファイル名] --create [テーブル名]マイグレーションファイル作成(テーブルを編集)p

英単語紹介用のテンプレを作りました。
英単語を想起できる画像も一緒に投稿しよう
https://generator.tubudeco.com/g6564/

「component」
エンジニアなら覚えておきたい英単語ですね

#英単語
#駆け出しエンジニアと繋がりたい
#今日の積み上げ

名詞componentコンポーネント、部品

要約変数を使うと可読性も上がり、処理内で使い回す際にも長々とコードを書かなくていいので便利ですね。

#リーダブルコード

要約変数を使用して条件文を短くするif ($user->age >=20 && $user->prefecture=='tokyo'){
   ...
}
Readable Code$is_ad

条件文や関数などで()を複数付ける場合、対応した括弧があるか不安になることがよくありますよね。そんな時にこの拡張機能は便利です。

#vscode拡張機能
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

Visual Studio Code ExtensionBracket Pair Colorizer 2対応するカッコが色分けされて
分かりやすくなる

gitのアイキャッチ画像用のテンプレを作りました
https://generator.tubudeco.com/g6563/

git stashはpullしてエラーになった時になどにも便利ですよね。
とりあえず uオプション付けとけば沢山退避してくれます

#git
#駆け出しエンジニアと繋がりたい
#今日の積み上げ

 git stash -uコマンド追跡してないファイルも含めて退避

mkdir ~/{a,b,c}:ホームディレクトリ配下にa、b、cディレクトリを作成
mkdir -p ~/{a/a_sub,b,c}:上記+aディレクトリ配下にa_subを作成
まとめて作成したい時に便利

#linuxコマンド
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

Linuxコマンドmkdir - ディレクトリの作成基本(ディレクトリが新規に作成される)$ mkdir dir複数階層のディレクトリを一括で作成$ mkdir -p dir/sub_dir1/sub

最初の要素を取得する場合
jQuery:「$('#id').find('p').eq(0)」
JavaScript:「id.querySelector('p')」
です

#jqueryとjavascriptの比較
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

$('#id').find('p');jQuery子要素を取得する方法let id=document.getElementById('id');
id.querySelectorAll('p');j

複数選択対応なのがうれしい。
ちなみに「Alt+Shift+↑or↓」だとコピーとなります。
こちらも複数行選択対応で便利。

#vscodeショートカットキー
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

VSCODEAlt+↑or↓カーソル行を上または下に移動SHORTCUT KEY

これは昔からエージャックスと呼んでいた気がする。
アジャックスと呼ばないよう注意しよう。

#IT用語の発音
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

IT用語の発音AjaxエージャックスアジャックスJavascriptで非同期に
サーバと通信を行う技術

便利な検索技を紹介できるテンプレ
https://generator.tubudeco.com/g6560/

完全一致検索はエンジニアなら知っておきたい検索オプションの一つですね。

#検索技
#駆け出しエンジニアと繋がりたい
#今日の積み上げ

Google"Uncaught ReferenceError:aaa is not defined"ダブルクォーテーションで囲う完全一致検索
エラーメッセージで検索する場合に便利

Gitlensは以下のような機能があります
・コード単位で誰が変更したか分かる
・マウスオーバー時に前回の差分を表示
・コミットメッセージで変更理由も把握できる
・履歴や変更内容も分かる
拡張機能からgitlensで検索!

#vscode拡張機能

Visual Studio Code ExtensionGitLens誰がいつ、何故コードを
変更したかが分かる

検索条件は他に
-size:ファイルサイズを指定し検索(+1k=1kバイト以上)
-type f、-type d:ファイルのみ検索
-perm:パーミッションで検索
などがあります

#linuxコマンド
#駆け出しエンジニアと繋がりたい
#プログラミング初心者
#find

Linuxコマンドfind - ファイル・ディレクトリを検索基本$ find [検索パス] [検索条件]現在のディレクトリ配下で拡張子が「.txt」のファイルを検索$ find ./ -name "*

最初の要素の値を確認する場合
・jQuery
=> $('input[type=checkbox]').eq(0).val();

・JavaScript
=>document.querySelectorAll('input[type=checkbox]')[0].value;

#jqueryとjavascriptの比較
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

  $('input[type=checkbox]');jQuery属性を指定して要素を取得する方法 document.querySelectorAll('input[type=checkbox]')

素材・拡張機能などの紹介用テンプレです。
https://generator.tubudeco.com/g6558/

アイコンが表示される拡張機能
何のファイルか分かりやすくなって便利

#vscode拡張機能
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

Visual Studio Code Extensionvscode-iconsエクスプローラーに
アイコンを表示する