プログラミング一覧 - つぶデコジェネレーターメーカー

ハクト@WEBエンジニア

hakuto00

「git stash pop stash@{N}」でn番目のスタッシュを適用できます。

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

git stash popコマンド最新のスタッシュを適用し、適用したスタッシュを削除

ハクト@WEBエンジニア

hakuto00

インデントのレベルごとに色分けしてくれます。
またインデント幅が揃っていなかったり、タブとスペースが混在している場合に強調表示してくれ便利。

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

Visual Studio Code Extensionindent-rainbowインデントをカラーリング

ハクト@WEBエンジニア

hakuto00

ログアウトは
>exit
または
>quit
で可能です

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

MySQLのインポート・エクスポートコマンドログイン(host指定なし:localhostに接続)mysql -u[ユーザー名] -p$ mysql -uroot -pログイン(host指定あり)my

ハクト@WEBエンジニア

hakuto00

jQueryの場合、以下のような書き方もできます。
動作は全て同じです。

jQuery(document).ready(function() {
..
});

jQuery(function(){
..
});

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

$(function(){
...
});
jQueryDOMにアクセスできる準備が出来たら実行するdocument.addEventListener("DOMContentLoaded

ハクト@WEBエンジニア

hakuto00

検索ボックスにフォーカスがあたるので、すぐキーワード検索できます。

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

ハクト@WEBエンジニア

hakuto00

reactや vue.jsなど多くの機能をJavaScriptで実装する案件が増えてきています。
潜在的なバグ等を早期に発見するためにも「use strict」積極的に使用していきたいですね。

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

JavaScript内で使う"use strict"って何してるの？"use strict"を宣言するとより厳しくコードのエラーチェックが
行われるようになります。

・一般的にNGされているコ

ハクト@WEBエンジニア

hakuto00

いいね数で検索する場合は
「min_faves:1000」
で可能です。

ツイートのネタ探しにも使えますね。

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

Twitterプログラミング min_retweets:1000バズったツイートを探す方法
リツイート1,000以上で検索

ハクト@WEBエンジニア

hakuto00

エンジニアが覚えておきたい英単語

HTMLの属性といえば要素に情報を付加する役割がありますよね。
classやstyleなど
「＜開始タグ属性="属性値"＞」のように設定します。

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

ハクト@WEBエンジニア

hakuto00

マージ→コンフリクト→取り消したい。
上記の状況でこのコマンドを実行するとマージする前の状態に戻ります。
コンフリクトしたファイルを編集していない時に限ります。

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

ハクト@WEBエンジニア

hakuto00

構文: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]

ハクト@WEBエンジニア

hakuto00

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

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

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

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

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

//結

ハクト@WEBエンジニア

hakuto00

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

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

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

ハクト@WEBエンジニア

hakuto00

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

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

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

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

ハクト@WEBエンジニア

hakuto00

分かりやすい変数名を付けて代入することで、何を判定しているのか明快になります

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

変数を使って説明しようif (parseInt(info.substr(2))==22){
...Readable Codelet age = parseInt(info.substr(2));

ハクト@WEBエンジニア

hakuto00

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

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

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

ハクト@WEBエンジニア

hakuto00

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

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

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

ハクト@WEBエンジニア

hakuto00

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

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

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

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

ハクト@WEBエンジニア

hakuto00

同じ階層の直前の要素を取得できます

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

$('#id').prev();jQuery直前の兄弟要素を取得する方法document.getElementById("id").previousElementSiblingjavaScript

ハクト@WEBエンジニア

hakuto00

比較用テンプレを作成しました。
https://generator.tubudeco.com/g6571/

SQL構文とLaravel Eloquentの比較になります

#laravel
#駆け出しエンジニアと繋がりたい
 #プログラミング初心者
 #今日の積み上げ

$SQLselect * from user where id=1 order by idLaravelどう違う？EloquentApp\User::find(1)->orderBy(’id’); o$

ハクト@WEBエンジニア

hakuto00

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

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