2020年1月5日 / 最終更新日時 : 2020年1月5日 JavaScriptフォームで選択中の画像をプレビューできるようにする フォームから選択した画像ファイルを即座にブラウザ上にプレビューする方法をメモします。 JavaScriptの記述は基本的にjQueryを使用していきます。 環境: Mac OS 10.13.6、 ブラウザ : Googl […]
2019年4月19日 / 最終更新日時 : 2020年3月2日 サーバー・インフラ(Mac) ApacheでPHPを有効化する ApacheでPHPを有効化する Mac内蔵のWebサーバー、Apache HTTP ServerでPHPを実行するための手順をメモします。 ApacheでVirtual Hostを構築する手順の基本と詳細は以前の記事に […]
2019年1月2日 / 最終更新日時 : 2019年4月13日 Java【Java】動的Webプロジェクトでサーブレットクラス、JSPファイルを作成する手順 Eclipseで作成した動的Webプロジェクトから、 アプリケーションに必要なサーブレットクラス、JSPファイルの作成方法をメモします。 前回の動的Webプロジェクト作成の記事と同様、基本的にMacの環境で解説します。 […]
2018年11月21日 / 最終更新日時 : 2018年11月25日 HTML & CSS【CSS】box-sizingプロパティ ボックスモデルを使用したレイアウトが崩れてしまう場合など borderとpaddingで指定する幅の取り方を変えることができる box-sizingプロパティについてメモ。 CSSのボックスモデルを使ったレイアウトでは通 […]
2018年10月14日 / 最終更新日時 : 2018年10月14日 HTML & CSSmetaタグでリダイレクト先を指定する headタグ内でmetaタグを使用して別ページへのリダイレクト指定を行う方法をメモ。 http-equiv属性でrefleshを指定する。 リダイレクト（別ページへ遷移）するまでの秒数とリダイレクト先のURLを記述する。 […]
2018年10月10日 / 最終更新日時 : 2018年10月10日 OtherBase 64とは Base64とはデータのエンコード（変換）方式のひとつである。 64は64進数（64種類の英数字）を意味する。 ※バイナリデータをテキストデータにエンコードする。 エンコード後のファイルサイズは元のサイズの4/3倍と大き […]
2018年9月24日 / 最終更新日時 : 2019年12月29日 フロントエンドData URIスキームとは Data URIスキームとは HTMLやCSSにデータをリンクではなく直接埋め込むための方法である。 Data URIスキームはデータをBase64でエンコードする。 画像ファイルを例にする 画像リンクを指定する場合 […]
2018年9月2日 / 最終更新日時 : 2021年6月27日 HTML & CSSスマートフォン対応のためのviewport & メディアクエリ設定 スマートフォン用レイアウトを実現する Webサイトをスマホ対応させるための基本設定についてメモします。 CSSメディアクエリでスマートフォン用レイアウト、レスポンシブデザインを実現するためにはviewportの設定が必須 […]
2018年6月12日 / 最終更新日時 : 2021年6月27日 HTML & CSS【HTML&CSS】フッターの下に余白ができないようにする フッターを最下部に固定する 閲覧する画面の縦の大きさに対してページのコンテンツが少ない時、フッターを最下部に固定して余白が出来ないようにする方法をメモします。 SAMPLE HTML <!doctype html& […]
