Web開発 input要素でwidthに100%を設定すると親要素からはみ出てしまう
概要 input要素でwidthに100%を設定すると、親要素からはみ出てしまうことがあります。 次のcodepenで、上の方がwidthに100%を設定しただけの場合で、親要素（赤枠）からはみ出ていることがわかると思います。 See th...
Web開発 
WordPress WordPressでプラグインを使わずカバーブロックを使って簡単にパララックスを作る方法
パララックスとは パララックス（parallax）とは、「視差」という意味です。 では、「視差」とは、どう言う意味かと言うと、「ものを観察する場合に、見る場所や見る条件によって見え方に差ができること」を言います。 分かりづらいですが、「動く...
WordPress パララックスサンプルページ
最新の投稿一覧
トレンド 【初心者の方におすすめのレンタルサーバー】ロリポップ！レンタルサーバーの特徴やプラン、メリット・デメリットを解説
ロリポップ！レンタルサーバーとは ロリポップ!レンタルサーバーとは、GMOペパボ株式会社が運営しているレンタルサーバーです。 2001年よりサービスを開始されている老舗のレンタルサーバーで、これまでに200万サイト開設、170万人以上が利用...
Web開発 【Javascript】郵便番号から住所情報をフォームに自動入力をする
概要 住所を入力するフォームでよくある、郵便番号を入力して検索ボタンを押したら、住所が自動入力される機能の作り方のサンプルです。 郵便番号から住所情報をフォームに自動入力をするサンプルは以下になります。 See the Pen 住所自動入力...
Google Apps Script GAS(Google Apps Script)でテキストファイルやCSVファイルを出力する方法
概要 Google Apps Script（GAS）でスプレッドシートの情報を、テキストファイルやCSVファイルなどの出力をする方法です。 今回は、スプレッドシートに以下のような都道府県名のデータがあり、CSVファイル出力をしたいとします。...
Google Apps Script Google Apps Scriptでスプレッドシートの複数セルの値を表示形式の文字列で取得する方法
概要 スプレッドシートの値を取得しようとすると、日付や時間などは日付オブジェクトで取得されてしまいます。 Google Apps Scriptでスプレッドシートの値を取得する際に表示形式の文字列で取得する方法です。 以前は、「Google ...
Web開発 【CSS】スマホの時だけテキストの改行をする方法
概要 ホームページを作成する時、パソコン画面だけではなく、スマホ画面のことも考えてレスポンシブ対応が必須になってきています。 パソコン画面ではテキストを改行しなくて良くても、スマホ画面では改行したいという場合があると思います。 CSSだけで...