FuwaFuwaShoChan

WEBエンジニア歴15年の半シングルファーザー(娘2人)。30代未経験からWEBエンジニアに転職。ブログ歴4年目(月1.6万PV達成)。エンジニア職は柔軟性があり最強(ホワイト企業なら育児×副業可能)。WEB系のエンジニアを目指す人、育児やメンタルに関することも発信してく。

[JS]オブジェクトの複数プロパティのkeyとvalueを取得

2022/6/16    ,

JSを久しぶりに触ると、「あれ?オブジェクトのアクセスはどうするんだったっけ?」となりました。(すぐ忘れるタチ) というのもfor()などで回す回数をlength()で取ろうと思っても、取れない。JSでのオブジェクトは以下のようにObject.keys()の中にぶち込んで回すんですねえ。 var o ...

[Cakephp3/4]ViewCellで値参照したい場合は$thisをオプションで渡す

2022/12/19    

Cakephp2のrequestAction()、Cakephp3/4のCellについて。両方とも再利用可能な独立したパーツ作成を意図した機能 Cake2時代のrequestAction() の代替品としてCake3/4はCellという形になりました。 requestAction() は一般的にエレ ...

[Cakephp3]AJAXでCSRFトークンを埋める(CSRF token mismatch エラー回避)

2023/1/26    

WEBアプリケーションのセキュリティの一つとしてCSRF対策(CSRFの詳細についはIPAを参照)が挙げられます。CakephpではCSRFコンポーネントを利用するのが通常でしょう。 そこで必要になるのが CSRFトークン。単にajaxを利用しようとすると、「CSRF token mismatch」 ...

「ページのソース表示」でコメントアウトを非表示にしたい場合

2022/6/11    ,

HTMLのコメントアウト<!-- --> の形式では出力ソースにそのままコメントが表示されてしまいます。 場合によっては、ページの出力ソース内に内部向け(開発者向け)のコメントは読まれたくない場合も多いでしょう。   そんな時は簡単です。 PHPコメント形式ではブラウザの「ペー ...

[git]local-masterをorigin-masterと同期させる方法

2022/6/6    ,

Gitを利用しながら作業していると、ローカル開発環境でmasterにマージした時などマージコミットが発生して、リモートブランチと整合性がとれなくなってしまう場合があります。(まあ、masterは基本触らないけど、つい実験してみたくなったりね。。) Gitのステータスを見てみます。 Git $ git ...

[Cakephp3/4]マイグレーションsmallintとtinyint

2022/5/31    

DBの構造をバージョン管理的に扱うには、マイグレーションを利用するのが良いと思います。 Cakephpにはマイグレーション(Phinx)を利用できて、色んな独自の書き方ができます。別に素のSQLでも可能なんだけども、できるならフレームワークに寄せた方が何かと便利。 でもね、smallint型とかti ...

読書を仕事につなげる技術

2022/5/28    

相変わらず育児に忙しい毎日を過ごしています。でも、寝かしつけの合間とか、コツコツと読書をして知識・教養をつけようとしている日々。ところが、読書をしても余裕で忘れます(苦笑)。最近それがネガティブな思考とつながっていて、「どーせ忘れちゃうしな・・」と感じつつ、それとなく読書を習慣として続けていました。 ...

[Cakephp]バージョン2のセッションを3以降にも継続させる方法

2022/5/15    

問題: Cake2でのセッション情報がCake3以降でクリアされてしまう 余談として、Cakephp2からCakephp3以降のアップデートは破壊的な変更が多く行われているため、安易にアップデートすることができません。 小規模なWEBアプリケーションであれば、根っから作り直してしまうという方法が手っ ...

[yarn]installからバージョン管理外と利用まで

2022/5/14    ,

yarn install でyarn導入後、すぐ利用できるといっても、node_modulesディレクトリをバージョン管理外にしたり、本記事では明記しませんが(環境に大きく依存するため)デプロイヤーなどにデプロイ時にyarn installさせるようにしておいたり、なんだかんだやることありますよね。 ...

画像の読み込みが多い場合はloading=lazyがおすすめ

2022/5/10    

WEBページをリクエストする際、画像の数が多いとどうしても表示自体が遅くなってしまう場合があります。 そんな時、表示速度を上げる効率的な方法の一つとして「imgタグにloading=lazy」を付与するという対策があります。   実際に試してみたのですが、副作用もなく、お手軽に実装できます ...