HTML/CSSコーディングで使うツール、コーディングフロー

普段自分がHTML/CSSでコーディングしているフローをまとめておきます。 考え方としては、「ラクに早くリリースすることが正義、ピクセルパーフェクトは不必要」。 何故ピクセルパーフェクトが必要ないかというと、ユーザーにとって一番大事なのは【機能】なので。

Chrome拡張でアイコンを押した時にプログラムを実行する

下記のJavascriptをBackground Scriptsに書くだけ。 chrome.browserAction.onClicked.addListener(function(tab) { // ここにアクションを書く }); Chromeの開発について概要を知りたい方はこちらの記事を見るのがオススメ。

TablePlusを使うべき3つの理由

エンジニアが現場でよく使うSQLクライアントといえば、SequelPro、MySQL Workbenchなどがあると思います。ただ現状のクライアントに満足していない人もいるでしょう。そんな人のために今回は個人的に愛用しているクライアントのTablePlusを紹介しようと思います。 TablePlusとは？

ADHDの人がエンジニアに向いている3つの理由

ADHDの人、アスペルガーの人は向いている職業、向いていない職業がハッキリと分かれると思います。 自分もADHDという特性を持っていますが、WEBエンジニアとして10年近く働いてきました。そこで当事者の自分が考える、「ADHDの人がエンジニアに向いている理由」を述べてみようと思います。 論理的思考力を持っている ADHDの人は言語性IQが高く、動作性IQが低い傾向にあります。

知能検査WAIS-IIIを受けてみた

知能検査WAIS-IIIを受けてみたので、検査結果を公表してみます。1年以上前なので記憶は曖昧ですが、思い出して書いてみようと思います。 受験時期は2018年の7月頃。テスト場所は川崎市の発達相談支援センター。以前から自分自身をADHDじゃないか？と疑ってまして、若干モヤモヤしていたので相談に行ったのがキッカケでした。

Flexboxで画像を横並びにしたとき、Edge、IEで画像の幅や高さがチグハグになるバグを直す

普段違うブラウザで確認している場合、見落としがちなバグです。 発生条件 大きい画像を縮小して表示させる「横幅 or 高さ」のみを指定その画像要素がFlexboxの小要素である 他のブラウザだと横幅のみを指定した時も、縦横比が維持されて表示されます。

お金のないフリーランスに役立つサバイバル術3選

フリーランス生活、始めたばかりだと収入がなかなか安定しないですよね。中には貯蓄が底をついた、つきるのがすぐそこって方がいらっしゃるかもしれません。そんな方のためにフリーランス歴10年の自分が、お金のないフリーランスが生き延びるためのサバイバル術を3つ紹介しようと思います。 固定費を極限まで下げる

Facebookいいね！ボタンのレイアウト崩れ対策（暫定）

※こちらの記事に載っているバグは修正されたようです。自分のブログでもいいね！ボタンが崩れていましたが、直っています。ですが、こちらの記事内容で対策されてしまった場合は、バグが直った事による崩れが発生してしまってますので元のコードに直す作業が必要となります。手間が掛かりますが、対応お願いします。同様のバグが発生する確率は低いですが、またなんらかのバグで崩れた場合の対応方法としてこちらの記事は残してお