つぶデコ

装飾してツイートしよう

投稿一覧

ハクト@WEBエンジニア

hakuto00

ループ内部もネストが深くなりそうならcontinueで返す

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

ループ内のネストを避けようfor(let i=0; i< user.length; i++){
if (user[i].age >= 20){
if (user[i].ge

ハクト@WEBエンジニア

hakuto00

windowsは「Ctrl+t」。
「Cmd+Shift+t」だと最後に閉じたタブに移動します。

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

Google ChromeショートカットキーCmd+tタブを開いてそのタブに移動

ハクト@WEBエンジニア

hakuto00

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

#vscode拡張機能

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

ハクト@WEBエンジニア

hakuto00

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

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

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

ハクト@WEBエンジニア

hakuto00

最初の要素の値を確認する場合
・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]')

ハクト@WEBエンジニア

hakuto00

特定のカラムのみ更新したい場合はupdateメソッドが便利ですね。

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

$Laravel 2種類のDB更新メソッドuse App\Models\User; //saveメソッドを使用 $user=User::find(1); $user->name = $requ$

ハクト@WEBエンジニア

hakuto00

どうすればネストが浅くなるかを常に意識したいですね。

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

$ネストの深いif文は避けるif (is_data1){ if (is_data2){ if(..) } }Readable Codeif (!is_data1) ret$

ハクト@WEBエンジニア

hakuto00

「Cmd+Shift+Enter」で上に空行を挿入できます。
Windowsは「Ctrl+Enter」「Ctrl+Shift+Enter」

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

VSCODECmd + Enterカーソルの下に空行を挿入SHORTCUT KEY

ハクト@WEBエンジニア

hakuto00

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

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

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

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

ハクト@WEBエンジニア

hakuto00

メール一斉送信のテストを開発環境でしていたつもりが本番環境だった。。。
考えただけでも恐ろしいですよね。
見た目を変えて、このような致命的なミスを起こさないようにしましょう。
https://chrome.google.com/webstore/detail/web-site-labeler/mjfpdplnncblmeagcgaahpbdmkpchhek?utm_source=qiita

#GoogleChrome拡張機能
 #プログラミング初心者
 #webエンジニア

Google Chrome ExtensionWeb Site Labelerラベルを表示して
本番環境と開発環境の
見た目を変えられる

ハクト@WEBエンジニア

hakuto00

アサスだと思っていたのに。。。

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

IT用語の発音ASUSエイスースアサス、エイサス台湾台北市に本社を置くPCおよび周辺機器製造メーカー

ハクト@WEBエンジニア

hakuto00

IDの取得はJavaScriptの記法でもよく使います。
最近はブログもJavaScriptのみサンプルも増えてきたのでどちらも覚えたほうがいいですね。

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

$('#id')jQueryIDを指定して要素を取得する方法document.getElementById('id');javaScript

ハクト@WEBエンジニア

hakuto00

以下のように関数化もできますね。
・引数でクエリ文字のパラメータを取得
・パラメータが連想配列のキーにマッチした要素を返す

#PHP
#プログラミング初心者

URLのクエリ文字列を連想配列化PHP$url='https://exsample.com?a=1&b=2&c=3';
$query=parse_url($url, PHP_URL_QUERY);

ハクト@WEBエンジニア

hakuto00

windowsは「ctrl+w」です

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

Google ChromeショートカットキーCmd+w現在のタブを閉じる

ハクト@WEBエンジニア

hakuto00

上記の例は一瞬手が止まる
読み手が混乱しないか常に意識したいですね。

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

$条件は否定形でなく肯定形から書くif (!is_not_null){ ... }else..Readable Codeif (is_null){ ... }else..$

ハクト@WEBエンジニア

hakuto00

IT用語の紹介用のテンプレ
https://generator.tubudeco.com/g6556/

CRON、正しくは「クロン、クローン」とのこと
ネイティブの発音は「クローン」と聞こえます

自分は「クーロン」とドヤってました
日本は「クーロン」でいいのでは...

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

IT用語の発音cronクローン、クロンクーロン指定の日時に特定のプログラムを実行する

ハクト@WEBエンジニア

hakuto00

直前に編集していたタブに戻りたいときよく使います。
Ctrlキー押しっぱなししで、tabキーを押すと切り替えるタブを選択可能。
操作しづらい場合は「cmd+shift+[」「cmd+shift+]」でも切り替えできますよ

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

VSCODECtrl+Tab同一グループのタブ切り替えSHORTCUT KEY

ハクト@WEBエンジニア

hakuto00

MySQLコマンド紹介用のテンプレを作りました
https://generator.tubudeco.com/g6551/

このコマンドはデータ移行時によく使います。
エクスポートで「--add-drop-table」オプションをつけるとdrop文が挿入されます

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

MySQLのインポート・エクスポートコマンド

ハクト@WEBエンジニア

hakuto00

HTTPステータスコード。
200はリクエストが成功した場合に返却されるコードです。
APIを使用すると意識するようになりますよね。

#HTTPステータスコード
 #プログラミング初心者
 #駆け出しエンジニアと繋がりたい

ハクト@WEBエンジニア

hakuto00

キャッシュをクリアした状態で動作確認したいとき必ず使いますよね。

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

Google ChromeショートカットキーCmd+shift+nシークレットモードで開く

ハクト@WEBエンジニア

hakuto00

in_arrayの評判はよろしくないけど、少しでも短くしたくなる。
ただ上の方が可読性は高い。

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

if ($val=='a' || $val=='b' || $val=='c'|| $val=='d')
と書かずにPHPin_arrayで判定if (in_array($val,['a','b'

ハクト@WEBエンジニア

hakuto00

ツール紹介用のテンプレを作りました〜。

Paizaは
・サクッとコードの挙動を確認したいとき
・コードを共有したいとき
などに本当に便利ですよね
URL=> https://paiza.io/ja/projects/new

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

Paiza.IOブラウザ上でコードをすぐに実行できる

ハクト@WEBエンジニア

hakuto00

「command+d」で選択しすぎた場合に選択前に戻せるので便利。

選択をスキップしたい場合は
「command+k」->「command+d」
で可能です！

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

VSCODECmd+UCmd+Dの選択を取り消すSHORTCUT KEY

ハクト@WEBエンジニア

hakuto00

array_mergeでも追加できますが、array_mergeより+演算子のほうが直感的でよく使います。

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

連想配列に要素を追加PHP$arr=['dog'=>'犬','cat'=>'猫'];
$arr+=['bird'=>'鳥'];
print_r($arr);
OUTPUTArray( [dog]

ハクト@WEBエンジニア

hakuto00

開発時には必須のデベロッパーツールのショートカットキー。
メニューバーで選択するのは結構面倒です。

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

Google ChromeショートカットキーCmd+Opt+iデベロッパーツールを開く

ハクト@WEBエンジニア

hakuto00

PHPとJavaScriptの文字列結合の違いです。
どちらのコードも書いているとたまに間違えます。。。

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

$str='文字列を' . '連結する';
echo $str;=>文字列を連結するPHP文字列を連結・結合する$str='文字列を' + '連結する';
console.log($str);=>

ハクト@WEBエンジニア

hakuto00

テンプレ作りました。
-pオプションはサーバーの設定ファイルなどの編集前、バックアップ取るときによく使います。

他にも-fオプションを付けて上書き確認をさせないなどもありますね。

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

Linuxコマンドcp - ファイルコピーのオプション

ハクト@WEBエンジニア

hakuto00

開いているファイルの関数や変数の一覧が表示されます。
ファイル内にメソッドが多い場合に一覧から探せて便利

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

VSCODECmd+Shift+Oファイル内のシンボルの一覧を表示するSHORTCUT KEY

ハクト@WEBエンジニア

hakuto00

バックエンドエンジニアならほぼ必ず打つコマンドですよね。
ls -alで隠しファイルも含めたファイル詳細を確認できます。

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

覚えておきたいコマンドlsファイルやディレクトリの情報を表示する

・ls -a：全てのファイル、ディレクトリを表示
・ls -l ：ファイル、ディレクトリの詳細を表示
・ls -al：上記オ

ハクト@WEBエンジニア

hakuto00

LaravelのEloquent ORMで直感的にデータベースのデータを操作できます

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

Laravelでデータを取得する方法//1件取得
DB::table('users')->first();

//全件取得
DB::table('users')->get();

//ID

1
2
3
4
5