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

ハクト@WEBエンジニア

hakuto00

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

例文
You should confirm there is no error in your query.
クエリーにエラーがないか確認するべきだ

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

ハクト@WEBエンジニア

hakuto00

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

例文
You should confirm there is no error in your query.
クエリーにエラーがないか確認するべきだ

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

ハクト@WEBエンジニア

hakuto00

document.querySelector('html body')
でも取得できます

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

$('body');jQuerybody要素を取得する方法document.body;
or
document.getElementsByTagName('body'

ハクト@WEBエンジニア

hakuto00

array_uniqueではキー飛び飛びになるので、新しく割り振るには以下で可能です
print_r(array_values($result));
//Array ( [0] => 1 [1] => 2 [2] => 3 [3] => 4 [4] => 5 )

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

array_unique()配列から重複した値を削除PHP$array=[1,1,2,3,3,4,5];
print_r($result=array_unique($array));　
//Arr

ハクト@WEBエンジニア

hakuto00

jQueryは
$iframe.contents().find('div')

javascriptは
iframe.contentDocument.querySelectorAll('div')

などで参照できます。

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

$iframe.contents();jQueryiframe内の要素を参照するiframe.contentDocument;

// IE7以下の場合
iframe.contentWindow

ハクト@WEBエンジニア

hakuto00

連想配列の要素も削除できます。
DBから取得した一部のカラム要素が不要な場合などに使ったりします。

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

unset変数・配列の削除PHP$hoge="test";
unset($hoge); 　　　//nullになる

$array=[1,2,3,4,5];
unset($array[2]);

ハクト@WEBエンジニア

hakuto00

カラム追加の手順は以下
1.マイグレーションファイルを作成(php artisan make:migration ...)
2.画像の様にファイルを編集
3.マイグレーション実行(php artisan migrate)

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

Laravel migrationでカラムを追加するpublic function up(){
Schema::table('users', function($table) {

ハクト@WEBエンジニア

hakuto00

ハーフ=half

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

IT用語の発音hrefエイチレフ、エッチレフハーフHTML aタグの属性
hrefには通常リンク先を指定する

ハクト@WEBエンジニア

hakuto00

clickイベントなどで、radioボタンの何番目が押されたか調べたい場合などに使えます。

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

$(e.currentTarget).index('.radio');
jQuery要素の順番を取得Array.prototype.indexOf.call(document.querySelect

ハクト@WEBエンジニア

hakuto00

「--bare」なし:ローカルポジトリ
「--bare」あり:リモートリポジトリ

■リモートリポジトリ
サーバに配置して複数人で共有するためのリポジトリ

■ローカルポジトリ
自分のローカルマシン上に配置し、個々で利用するリポジトリ

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

Git InitGitのリポジトリを作成する書式git init [オプション] [ディレクトリ名]例git init #現在のディレクトリにリポジトリを作成
git init

ハクト@WEBエンジニア

hakuto00

SQLのInsert文とLaravel Eloquentを比較してみました。

カラムが複数ある場合、Eloquentは
$user->fill($request->all());
と指定すれば保存できるので便利ですね。

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

$SQLinsert into users(name) values ('yamada')Laravel↓Eloquent$user = new App\User(); $user->fill(['n$

ハクト@WEBエンジニア

hakuto00

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

【例文】
after investigation I got a solution.
調査したら解決策を得た

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

ハクト@WEBエンジニア

hakuto00

「function a()」は「巻上げ」というJavaScriptの仕様により、関数の先頭で宣言されたのと同じように動作します。

「var a=function()」の場合、変数のみが巻き上げられるのでエラーとなります。

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

違いは何？JavaScript function a(){}a(); // helloが出力される
function a(){
　console.log('hello');
}

var a

ハクト@WEBエンジニア

hakuto00

Windowsは「Ctrl+B」で可能です

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

ハクト@WEBエンジニア

hakuto00

ちなみに自分は以下のようにフィルタとして「grep」をよく使ってます

history | grep httpd
上記で、過去に実行したコマンドから「httpd」を含むものだけが表示されます

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

Linuxコマンドgrep - ファイル内に指定した文字列が存在するか検索基本の書式$ grep [検索文字列] [ファイル名]file.txtファイル内に「test」文字列があるか調べる$ grep

ハクト@WEBエンジニア

hakuto00

ページから参照されている外部ファイルのキャッシュをクリアします。

クリアされない場合は以下
「開発モード」でリロードボタンを長押し
　　　　　　　　　↓
「キャッシュの消去とハード再読み込み」を選択

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

Google ChromeショートカットキーCmd + Shift + Rスーパーリロード（ハード再読み込み）

ハクト@WEBエンジニア

hakuto00

ワンクリックで一つのタブに整理され、個々の復元や全て復元も簡単にできます。
煩雑になったタブが整理されると脳がスッキリしますよ。

ただフォームで入力中の場合、データは消えてしまうので、注意が必要です。

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

Chrome拡張OneTab・ワンクリックでタブを一つに
　まとめてくれる

・メモリ使用量が95%も減少する

・タイトルが一覧で表示され
　見やすくなるので整理が容易

ハクト@WEBエンジニア

hakuto00

見つかった場合(0以上)、見つからなかった場合
PHP:false
JavaScript:-1

を返すので、文字列の存在を判定する場合は

PHP:if (strpos(string,'oo')!==false)
JavaScript:if(strpos(string,'oo')!==-1)

となります

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

string = 'foo';
echo strpos(string,'oo');//1PHP特定文字列の位置を取得するlet string='foo';
console.log(string.i

ハクト@WEBエンジニア

hakuto00

実行すると
'id','name','created_at','updated_at',
の用に出力され、Laravelのselectメソッドなどに指定できます。

最後に[,]が付くのがいまいちですが、変数代入などすれば簡単に消せますね。

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

Laravelでカラム名を取得する方法//tinkerを実行して
php artisan tinker

//カラム名を取得する生のSQLを実行
$columns = DB::select(

ハクト@WEBエンジニア

hakuto00

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

【例文】
I need to set some environment variables in the Python
パイソンの環境変数をいくつか設定する必要がある

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

ハクト@WEBエンジニア

hakuto00

要素にidが付いてたら
document.getElementById('id').value
でも取得できます

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

$('#id').val();jQueryinputなどフォーム要素のvalue値を取得する方法document.querySelector('#id').value;javaScript

ハクト@WEBエンジニア

hakuto00

クロージャーの特徴として
・グローバル変数の回避
・オブジェクトの変数(cnt)やメソッドが他のプログラムから変更されない
・クラスみたいな使い方ができる（継承やコンストラクタはなし）
といったことが挙げられます

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

違いは何？JavaScript 通常の関数var cnt = 0;
function countUp() {
cnt++;
console.log(cnt);
};

co

ハクト@WEBエンジニア

hakuto00

箇条書きツイートなどに使えるシンプルなテンプレです。
https://generator.tubudeco.com/g6582/

昔はステップ毎にコメントを書いていた時期もありました。
最近は方法を説明するのではなく、理由を書くよう心がけています。

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

コメントの書き方量より質。基本コメントではなくソースコードで伝える「何をしている」ではなく、「なぜ(意図)」を書くコードを翻訳しただけのコメントは不要読み手が困惑しそうなコードに説明を加える後で変更す

ハクト@WEBエンジニア

hakuto00

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

例文
This Is a flaw in Unicode.
これはユニコードの欠陥だ。

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

ハクト@WEBエンジニア

hakuto00

ブックマーク編集ダイアログが開きます

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

Google ChromeショートカットキーCmd+D現在のページをブックマークする

ハクト@WEBエンジニア

hakuto00

同じ階層の直後の要素を取得します

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

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

ハクト@WEBエンジニア

hakuto00

Eloquentが複雑でSQLを確認したい場合によく使います

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

Laravel SQLを取得する方法$query=User::where('status',1);

//SQL文とバインド変数の中身を確認する
dd($query->toSql(),$quer

ハクト@WEBエンジニア

hakuto00

Denny's（デニーズ）の影響だろうか。。。

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

ハクト@WEBエンジニア

hakuto00

location.replaceは履歴に残らないので、ブラウザの戻るボタンなどでページに戻ることができなくなります。

自動でリダイレクトする場合など戻る必要のないページに利用できますね。

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

履歴が残るwindow.location.href="http://aaa.com";JavaScriptリダイレクト方法履歴が残らないwindow.location.replace("http://

ハクト@WEBエンジニア

hakuto00

配列を利用する際はシンプルな記述ができる「for..of」がおすすめ。
普通のオブジェクトをループさせるには
「Object.keys」
などを利用する必要があるので注意が必要です

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

つぶデコ

投稿一覧