css簡単にできる！cssでWebフォントを読み込む方法
Webサイトを作っているときに、フォントによっては表示が崩れてしまったり、意図しない表示レイアウトになってしまったりすることがあります。 最近は使われているサイトも増えてきており、普及していきていますが、まだまだ知らない人や、これか...
2020-02
css
csscssで破線を引く方法
cssで破線を引く場合、デフォルトでない線を使いたくなる時があります。破線の間隔を自由に調整したいや、二色が交互の線にしたい！となった時には、デフォルトの機能だけでは再現することができません。 css3を使うことで、再現できるので、...
csscssを使ってなんでも表現するのっていいの？
css3でできることって増えてきています。破線を引いたらグラデーションをかけたり・・・今までは破線の下線を引きたいとなった時は、画像を作ってそれを背景に敷いて表現すると言ったことで再現していました。 それが、css3を使えばcssだ...
マネジメントHTMLのマークアップクイズをチームでやったら意外と盛り上がった
私の携わっているプロダクトの開発チームは、バックエンドもフロントエンドも分かれておらず、どちらもこなしていくという開発を行っています。 なので、バックエンドが得意な人でもフロントエンドのソースをいじりますし、逆も然りです。 そ...
linuxNginXで動いていたはずのサーバーがapacheで動いていた
このサイトは、立ち上げ当初Apacheで動かしていたのですが、NginXに変更させた経緯がありました。変更した経緯はなんとなくNginXを触ってみたいという程度のものでした。 急にApacheで動き始めた しばらくはNginX...
npmnpm scriptでscssのビルドをリアルタイムで反映させる
scssを使って開発をしていると、毎回毎回ビルドするのが手間になってくることがありますよね。。。 npm-scriptを使って、scssを変更したら、cssにビルドし、ブラウザを自動で更新してくれる環境を作っていきたいと思います。 ...
プログラムGAとsearch consoleの連携する方法
GAとsearch consoleを連携させることで、GA上で検索クエリなどを確認することができるようになります。 GAとsearch consoleを連携させる手順 GAとsearch consoleに登録します。今回はここ...
MySQLMySQLでNULLを任意の値に置換して取得する方法
DBからデータを抽出する際にnullの値を別の値に置き換えてデータの一覧を生成したい時があるかと思います。エンジニア以外にデータを渡すときはnullだ処理しにくく、”データなし”とか”0”とかに置き換えたほうが良い時もあります。 今...
WordpressWordPressでMySQLに接続できないときの解決方法
Wordpressを使ってブログを構築したさいに、発生したエラーとそれの解決方法です。 MySQLのユーザーの接続元をlocalhostにしてしまった Warning: mysqli_real_connect(): (HY00...
プログラム画像遅延読み込みを使って直帰率が下がった
Webサービスの運営している中で、画像の遅延読み込みをしているサービスは多いのではないでしょうか。ファーストビューを速く見せるという意味では、とても大事な手法だと思っています。遅延読み込みと、一工夫加えたことで、直帰率を下げることができた...