つぶデコ

装飾してツイートしよう

投稿一覧

構文:array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

array.splice(2); //[1,2]
array.splice(2,2); //[1,2,5]
のように削除も可能

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

配列要素を削除するJavaScriptlet array=[1,2,3,4,5];
array.splice(2,1);
console.log(array);[1,2,4,5]

++i(前置インクリメント)
→変数iの値を1増やしたあとで、変数jに代入

i++(後置インクリメント)
→変数jに代入後(3:増やす前の値)、変数iの値を1増やす

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

違いは何?JavaScript  ++i(前置インクリメント)let i = 3;
let j;

j=++i;
console.log(i);
console.log(j);

//結

ジフVSギフ論争が80年代後半から続いていたが、GIF生みの親が読み方は「ジフ」だと名言し決着

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

IT用語の発音gifジフギフ簡易的なアニメーションを表示することができる画像ファイルフォーマット

Laravelマイグレーションのテーブル作成周りのコマンドです

全テーブルロールバックではなく、削除後にマイグレーションする場合は
・php artisan migrate:fresh
で実行できます

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

マイグレーション実行php artisan migrateマイグレーション実行時にシードも実行するphp artisan migrate --seed全てのテーブルをロールバック→マイグレーション実行

カラー取得だけでなく以下のような機能もあります
・Color Pickerで色調整と、取得した色の履歴を閲覧可能
・Webサイトの配色パターンを分析・取得
・CSSのグラデーションを簡単に作成
https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=ja

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

Google Chrome ExtensionColor Zillaブラウザ上に表示されている
要素のカラー情報を取得

エンジニアなら知っておきたい英単語

例文:What is the difference between an interface and 【abstract】 class?
インターフェースクラスと抽象クラスの違いは何?

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

形容詞abstract抽象的な

リモートブランチの削除例:
git push --delete origin remote-branch

または以下のコマンドでも削除できます。
git push origin :remote-branch

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

git push --delete [remote] [branch]コマンドリモートブランチを削除

ちょっとコードの挙動を確認したい場合に超便利!
選択したコードを実行するので、画像のように異なる言語を書いても確認できる
「ctrl」+「alt」+「j」で言語選択→実行できます
https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

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

Visual Studio Code ExtensionCode RunnerVSCode上で選択したコードを
実行できる

エンジニアが知っておきたい英単語
we will have to add an 「additional」 function
追加機能を加える必要がある

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

形容詞additional追加の

上の例だと変数「i」はグローバル変数扱いとなり、test関数外からでもアクセス可能になる。
for文では特に忘れがちなので注意。
変数は常に「var」「let」で定義する。

#リーダブルコード
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

JavaScriptのグローバルスコープに注意function test(){
      //var,letで変数宣言されていない
      for(i=0;i<10;i++){

windowsは「Ctrl + Shift + F」
含めるファイル欄にフォルダを指定しフォルダ内検索も可能。
除外するファイルも指定できます。

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

VSCODECmd+Shift+Fワークスペース内の全ファイルから検索SHORTCUT KEY

「ヘイト(hate)」とネイティブに勘違いされないよう「ハイト」と覚えなければ。。。

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

IT用語の発音heightハイトヘイト要素の高さを表す

複数スタッシュした場合によく使います。
以下のように表示されます(上から新しい順)
stash@{0}: WIP on ブランチ名: ハッシュ値 コミットメッセージ
stash@{1}: WIP on ブランチ名: ハッシュ値 コミットメッセージ

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

git stash listコマンドスタッシュした内容を一覧で表示する

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

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

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

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

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

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

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

#リーダブルコード

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

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

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

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

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で非同期に
サーバと通信を行う技術