つぶデコ

装飾してツイートしよう

投稿一覧

ちょっとコードの挙動を確認したい場合に超便利!
選択したコードを実行するので、画像のように異なる言語を書いても確認できる
「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追加の

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

varとletの違いはスコープ(有効範囲)
「var」は広いスコープ:宣言した変数はブロック外でも有効
「let」は狭いスコープ:宣言した変数は{}で囲まれたブロック内のみ有効

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

違いは何?JavaScript var  var num = 1;
  console.log(num);
  if(true){
    var num = 2;
    console.l

上の例だと変数「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

名言などの紹介に使えるテンプレです
https://generator.tubudeco.com/g6569/

この言葉の通り完璧は目指さず、最低限の機能ができたらまずリリース。反応を見ながら改善繰り返してサービスの質を高めていくよう心がけたい

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

Done is better than perfect完璧を目指すよりまず終わらせろマーク・ザッカーバーグ

ステップ別に箇条書きできるテンプレを作成しました。
https://generator.tubudeco.com/g6568/

バグは原因が特定できればほとんど解決したようなもの。
何ができて何ができないのかを明確にしていこう

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

バグ解消までの流れ01バグを再現させる状況を詳しく確認しバグを自分で確認する。クライアントの報告を鵜呑みにしない02不具合箇所の特定ログを見る、どこまで正常に処理されるか確認する03原因の調査スペル、

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

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

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

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

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

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

源ノ明朝の文字ジェネレーターを作りました
https://generator.tubudeco.com/g6567/

源ノ明朝はGoogleとAdobeが共同で開発したオープンソースフォント。
小塚明朝をベースにアレンジし7種類もウェイトがあります!

#フリーフォント
#駆け出しエンジニアと繋がりたい
#今日の積み上げ

源ノ明朝AdobeSource Han Serif

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

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

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

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

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

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

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