つぶデコ

装飾してツイートしよう

投稿一覧

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

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

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

名詞attribute属性

関数リファレンス用のテンプレです。
https://generator.tubudeco.com/g6576/

substrは一覧表示などでタイトルや概要の一部だけを表示したい場合によく使いますね。

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

substr文字列の切り出し書式substr(開始位置 [,切り出す長さ] )例let str='abcdefgh';
str.substr(3);     //defghを返す
str.subs

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

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

git merge --abortコマンドgit merge の取り消し

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

名言用テンプレです
https://generator.tubudeco.com/g6575/

パーソナルコンピュータの父とも呼ばれ、オブジェクト指向プログラミングのパイオニアの名言。
未来を予測するだけでなく、実際に手を動かして創りだす生き方。うーん。憧れる

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

The best way to predict the future
is to invent it.未来を予測する最善の方法は、それを発明することだアラン・ケイ

++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ジフギフ簡易的なアニメーションを表示することができる画像ファイルフォーマット

Q&Aのテンプレートを作りました
https://generator.tubudeco.com/g6574/

表示・非表示の確認は以下でも可能です。
$('#id').css('display')!='none'

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

jQueryで特定要素の表示・非表示を
確認する方法は?//表示
$(’#id’).is(’:visible’); 

//非表示
$('#id').is(":hidden");

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

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

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

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

スタンフォード大学の卒業式で語ったフレーズ。

線は意図的につなげるものではなくて、繋がっていたと気づくものなのかなと。

自分は今、興味があり没入できることをやるスタイルが性に合っています。
将来なにかに繋がるだろうか。。

#名言
#駆け出しエンジニアと繋がりたい

Connecting The Dots点と点をつなげるスティーブ・ジョブズ

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

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

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

スプレッドシートやExcelなどのショートカットキー紹介に使えます。
https://generator.tubudeco.com/g6572/

windows、macとも同じショートカットキーで「シートの挿入」ができます

#スプレッドシートのショートカットキー
#駆け出しエンジニアと繋がりたい
#今日の積み上げ

GoogleスプレッドシートCtrl+n新規作成ショートカットキー

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

例文: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追加の

比較できるテンプレを作りました。
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