MySQLでカンマ区切りのデータの中から検索する関数(FIND_IN_SET, REPLACE)

MySQL
前提条件 以下のようなテーブルがある。 users id name tags 1 Sato 1,2,4,10,11 2 Suzuki 3,5 3 Takahas...

webデザインを制作する上で参考にしている資料まとめ

webデザイン Tools
最近エンジニアさんとお会いすることが多いんですけど、デザインの話をすることもちらほら増えてきたので、普段webデザインを作成する際によく利用しているサービスや本を紹介していきます。 基本は「webデザインを制作する上でよく利用す...

Google Chromeに導入してる拡張機能

Chrome拡張 ツール
現在自分のGoogle Chromeに導入している拡張機能メモ。 Webページ情報確認 OGP_Checker 以下の、SEOなどに必要なサイト情報やOG設定を確認することが出来ます。 title d...

Dockerでnginx+CakePHP2の環境構築

Docker CakePHP2
今までVagrantで環境構築していたんですけど、そろそろPCが重いのでDockerに手を出してみる。 【超簡単】Docker でモダンな PHP 開発環境を作る (PHP, MySQL, PHP-FPM, nginx, m...

HtmlHelperをいじる【CakePHP2 + Vue.js + Element】

CakePHP2 Vue.js Element
現在個人開発に取り組んでおりまして、フロントに関して今まで慣れ親しんでいた jQuery から Vue.js へ移行してみよう!の挑戦。 ただ、一気にすべてを変えるのはラーニングコストがかかるので、サーバーサイドは今まで通りにC...

GitHubとは(非エンジニア向け解説)

ツール Howto
就活生「GitHubって何ですか?」私「GitHubで何かやりたいの?」就活生「GitHubを使うと就活に有利って聞いたんですけど。エンジニアのポートフォリオって聞きました」 みたいな話があったのでざっくりとした概要をまとめます...

技術系イベントの探し方

イベント Howto
最近私自身、セミナーやイベントに参加をする機会が多くあり、その話をこうして記事に書いたり、人に話すことが多くなりました。すると周りからちらほらと、「イベントへの参加に興味があるけど、探し方がわからない」「どこに参加をすればいいのか分か...

プログラミング言語を学ぶツール3選

ツール
弊社に来た就活生の子が「プログラミングを勉強するにはどうしたらいいですか(恐らくweb系)」という質問を受けたので、その際に答えた回答。 プログラミング学習ツール Progate paizaラーニング ドット...

Chrome拡張で自作CSS/JSを適用

Chrome拡張 ツール
前提 社内で開発する際のデバッグメッセージ、自分だったら(文字色や文字サイズなどが)こういう風なデザインで見たい…なんてことがあり、そのサイトのみデザインを変えることができないかな〜と探した結果発見したのでそちらのメモ。 Go...

Trelloと一緒に導入しているChromeプラグイン4選

ツール
無料タスク管理ツール【Trello】   Trello、今でこそめちゃめちゃ使っているんですけど、最初に使い始めた時は「カレンダーで管理ができない」「タスクごとの管理でなんとなく見辛い」と感じて利用を諦めてしま...