投稿一覧 - つぶデコジェネレーターメーカー

ハクト@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ショートカットキー
 #ブログ初心者
 #プログラミング初心者
 #駆け出しエンジニアと繋がりたい

ハクト@WEBエンジニア

hakuto00

メリット・デメリットを箇条書できるテンプレート
https://generator.tubudeco.com/g6557/

まずは無料ブログで知識を蓄えてアクセスが集まるようになってからWordPressに移るのがオススメです。

#メリット・デメリット
 #ブログ
 #ブログ初心者
 #wordpress

ハクト@WEBエンジニア

hakuto00

商用OK、無料の海外写真サイトです。
日本語検索が可能なのがうれしいですね。
https://www.pexels.com/ja-jp/

#素材
 #ブログ
 #駆け出しエンジニアと繋がりたい
 #駆け出しwebデザイナーと繋がりたい

Pexelsfree stoke photo数十万枚の写真が無料商用利用・画像加工・日本語検索可能クレジット表記不要

ハクト@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

ブラウザによって挙動やレイアウトが異なることは頻繁に発生するので、実装する前にCan I useを活用してみてください。
https://caniuse.com/

#プログラミングツール
 #駆け出しエンジニアと繋がりたい
 #駆け出しwebデザイナーと繋がりたい

Can I useHtml、CSSの対応状況を調べられる調べたいCSSのプロパティやJavaScriptの
文法を入力ボックスに入れると
対応ブラウザが一覧に表示されます

ハクト@WEBエンジニア

hakuto00

配列化したinput要素をカンマ区切りでDBのカラムに格納する場合などによく使用してます。

#PHPとjavascriptの書き方
 #駆け出しエンジニアと繋がりたい
 #web制作

$animals=['dog','cat','pig'];
$str_animal=implode(',',$animals);
echo $str_animal; //dog,cat,pigP

ハクト@WEBエンジニア

hakuto00

windowsだと「ctrl+/」。

「cmd+l」などで複数行選択した後に「cmd+/」で複数行コメント/解除ができます。

#vscodeショートカットキー
 #駆け出しエンジニアと繋がりたい
 #駆け出しwebデザイナーと繋がりたい

ハクト@WEBエンジニア

hakuto00

クラス指定で取得する場合の書き方の比較です

#jqueryとjavascriptの比較

$(’.class-name’)jQueryクラスを指定して要素を取得する方法document.getElementsByClassName('class-name')javaScript

ハクト@WEBエンジニア

hakuto00

アイコンを1つメニューに配置するだけで、お気に入りのGoogleサービスを切り替えられます。

ページ移動せずにメールのチェックやGoogleドライブのフォルダの閲覧も可能で便利！
https://chrome.google.com/webstore/detail/black-menu-for-google/eignhdfgaldabilaaegmdfbajngjmoke?hl=ja

#GoogleChrome拡張機能
 #駆け出しエンジニアと繋がりたい
 #駆け出しwebデザイナーと繋がりたい

Google Chrome ExtensionBlack Menu for Google今いるページからGoogle検索ができる

様々なGoogleサービスをリストから
切り替えられて、小さな

ハクト@WEBエンジニア

hakuto00

比較用のテンプレです
https://generator.tubudeco.com/g6555/

jQueryとJavaScriptの書き方の違いを比較してみました。
jQueryシンプル

#jqueryとjavascriptの比較

$(’div’)jQueryCSSセレクターで取得する要素を指定document.querySelectorAll('div')javaScript

ハクト@WEBエンジニア

hakuto00

関数の引数にも「$」がつけるとコードが読みやすくなりますね。

#リーダブルコード
 #駆け出しエンジニアと繋がりたい
 #駆け出しwebデザイナーと繋がりたい

jQueryの変数には頭に「$」をつけよう//文字なのかオブジェクトなのか判断しづらい
let user_name = $('input[name=user_name]')Readable Code

ハクト@WEBエンジニア

hakuto00

こないだまで「ゆむ」といっていた。。。

#コマンド
 #駆け出しエンジニアと繋がりたい
 #駆け出しwebデザイナーと繋がりたい

YumやむLinuxのパッケージ管理システム

間違った発音:ゆむ
IT用語の発音

ハクト@WEBエンジニア

hakuto00

SEOなどのアイキャッチ画像に使えます
https://generator.tubudeco.com/g6554/

SEOはキーワードを意識することも大切ですが
検索エンジンの先にはユーザーがいることを忘れてはだめですよね

Googleガイドライン
https://developers.google.com/search/docs/advanced/guidelines/overview?hl=ja

#SEO
#ブログ初心者
 #駆け出しエンジニアと繋がりたい