プログラム

JavaScript

Javascriptのfor文の使い方

Javascriptを始めた人が必ず勉強するであろうループについて今回は解説していきたいと思います。 最近勉強を始めた人に教えていたところ、どっちを使えばいいの?ループに中に処理を書けばいいのは分かるけど、どんな風に書けばいいのかわ...
Swift

Sign In With AppleをWebページに実装する方法

はじめに Sign In with AppleはiOSアプリへの導入が必須になりました。サービスによってはiOSアプリと同じログイン情報でWebサイトへのログインをさせたいということがあるかと思います。 Sign In wit...
css

簡単にできる!cssでWebフォントを読み込む方法

Webサイトを作っているときに、フォントによっては表示が崩れてしまったり、意図しない表示レイアウトになってしまったりすることがあります。 最近は使われているサイトも増えてきており、普及していきていますが、まだまだ知らない人や、これか...
css

cssで破線を引く方法

cssで破線を引く場合、デフォルトでない線を使いたくなる時があります。破線の間隔を自由に調整したいや、二色が交互の線にしたい!となった時には、デフォルトの機能だけでは再現することができません。 css3を使うことで、再現できるので、...
css

cssを使ってなんでも表現するのっていいの?

css3でできることって増えてきています。破線を引いたらグラデーションをかけたり・・・今までは破線の下線を引きたいとなった時は、画像を作ってそれを背景に敷いて表現すると言ったことで再現していました。 それが、css3を使えばcssだ...
npm

npm scriptでscssのビルドをリアルタイムで反映させる

scssを使って開発をしていると、毎回毎回ビルドするのが手間になってくることがありますよね。。。 npm-scriptを使って、scssを変更したら、cssにビルドし、ブラウザを自動で更新してくれる環境を作っていきたいと思います。 ...
プログラム

GAとsearch consoleの連携する方法

GAとsearch consoleを連携させることで、GA上で検索クエリなどを確認することができるようになります。 GAとsearch consoleを連携させる手順 GAとsearch consoleに登録します。今回はここ...
MySQL

MySQLでNULLを任意の値に置換して取得する方法

DBからデータを抽出する際にnullの値を別の値に置き換えてデータの一覧を生成したい時があるかと思います。エンジニア以外にデータを渡すときはnullだ処理しにくく、”データなし”とか”0”とかに置き換えたほうが良い時もあります。 今...
プログラム

画像遅延読み込みを使って直帰率が下がった

Webサービスの運営している中で、画像の遅延読み込みをしているサービスは多いのではないでしょうか。ファーストビューを速く見せるという意味では、とても大事な手法だと思っています。遅延読み込みと、一工夫加えたことで、直帰率を下げることができた...
css

読み込み中のアニメーションをCSSを使って実装する方法

Webサイト作成していると、ローディングの際の読み込みにアニメーションをつけたくなるときありますよね。コンテンツをAjaxなどで読み込む際には、ユーザーに対して読み込み中であることを明示しないと、ユーザーは不安になってしまいます。 ...
php

phpで変数の中身が空か判定をする3つの方法

phpを実装していると空判定、null判定を書くことがありと思います。そんな時にemptyだっけ、issetだっけと迷いますよね。これの違いをしっかりと説明できる人ってなかなかいないのではないでしょうか。 私自身、よくわからなくなっ...
スポンサーリンク