[CSS] flexbox で 2カラム（固定＋可変）
固定幅と可変幅の2カラムを実現するためのCSSです。IEを除く最新ブラウザで対応しています。
<div id="contents"> <div id="side"> ...[JS] ウィンドウのサイズを取得する
JavaScriptでウィンドウの大きさを変えたことを検知し、幅や高さを取得する方法です。こちらのサンプルでは、ブラウザの大きさを変えるたびにサイズを表示・更新することができます。
<!DOCTYPE html>&l ...[JS] ページ読み込みが終わったら実行する
JavaScript が先に実行されてしまうことで、エラーなることがあります。headタグにスクリプトを書いた場合などは、HTMLが読み込み終わる前に実行されてしまうことになります。スクリプトで必要なコンテンツがない場合はエラーとなっ ...
Amazon Linux 2 の hostname を変更する
hostname を変更するには hostnamectl というコマンドを利用します。このコマンドは他の Linux OS（RHEL、CentOS、Ubuntu など）でも使える可能性が高いコマンドになります。hostnamectl ...
Copyright (コピーライト) をウェブサイトに載せる
フッタなどにコピーライト表記しているウェブサイトを見かけることがあります。コピーライト表記がなくても著作権は発生しますが、明確に示したいときには載せておくと良いでしょう。それにより、他のサイトへの転載などに対する抑止力は多少なりともあ ...
S3にアップロードしたファイルを自動的に削除する
S3のライフサイクルルールを利用して、古いファイルを自動的に削除することができます。UTCの0時に反映され、日本時間では9時となります。コンソール上からは9時ちょうどに削除されることはないですが、実際にはアクセスできなくなり、料金もか ...
S3で静的ウェブサイトホスティングする
S3のファイルをそのままウェブサイトとして公開することができます。この手順では、独自ドメイン化・SSL化は行われませんので、CloudFrontと組み合わせていく必要があります。その手前のhttpサイトとして公開するところまでになりま ...
Google Fonts をWebフォントとして利用する
フォントを探して選択します。フォントの簡単な探し方はこちら。
ページを下へスクロールしていくと Styles が現れます。その中から利用したいスタイルをクリックします。フォントによってはスタイルが１つしかないものもあります ...
Google Fonts から簡単にフォントを探す
日本語
日本語で明朝体のようなもの
日本語でゴシックのようなもの
日本語でそれ以外の変わった感じのもの
日本語フォントを探したい場合は
Amazon Linux 2 へ Docker をインストールする
Amazon Linux 2 への docker のインストールは yum から行うことができます。
コンテナの動作確認から、プロセス停止、イメージ削除まで行って、docker インストール時の状態に戻すところまでやって ...