DNSだと、使用後にレコードを消さないと後々レコードを見つけた時に混乱の原因になるので、削除するひと手間が多くかかる。検証が終われば、SSL証明書が使えるようになります。リージョンのACMで作った証明書の一覧が出てくる。先程作ったSSL証明書を選択。経由するようになります。HTML社内勉強会で行った内容の復習です。サンプルドキュメントの内容はダミーですはじめにTORICOでは、ウェブサービスのCSSフレームワークとしてBootstrap4を多く採用しています。ユーティリティクラス(margin,padding,文字サイズなど)、プリセットデザイン(card,buttonなど)、グリッドレイアウトが必要十分なだけ収まっており、容量と使う機能のバランスがちょうどよいためです。非デザイナーでも十分な自由度を保ったレイアウトを少ないコード量で書くことができます。今回は、非デザイナー向けに、簡単にBootstrapの使い方を教えます。エディタアプリの準備テキストエディタを使います。インストールしてください。あたりが無料で使えて使いやすいと思います。サンプルドキュメント今回は、サンプルとしてこのような文章を使います。参加し、参加の意思がある旨発言してください。キャンセル規定3日前以降のキャンセルは会費をもらいます。その子セクションの見出しとなっています。ドキュメントの構造をマークアップするこのドキュメントの構造を、コンピュータがわかる形で意味付けしていく作業を「マークアップ」と呼びます。マークアップのために「HTML」という言語が使われます。それでは、HTMLを使ってこのドキュメントをマークアップします。参加し、参加の意思がある旨発言してください。</p><h2>キャンセル規定</h2><p>3日前以降のキャンセルは会費をもらいます。</p></body></html>こうなります。本来は、h1,h2,pタグの他に、sectionタグなんかもほしい所ですが、今回は省略します。いうファイル名で保存してください。右下に表示されています。なってると思いますが、LFにしておいたほうが無難です。ダブルクリックするか、もしくはブラウザのアプリアイコンにドラッグアンドドロップして開くと、ページが表示されます。小さな文字でページに表示してくれます。見ると、CDN(ファイル配信サーバー)を使う方法が書いてありますので、その通りにします。crossorigin="anonymous">これをコピペします。タグは、スマートフォンでHTMLを見た時に文字サイズが小さくならないようにする指定です。ファイルを保存して、ブラウザをリロードすると、表示が少し変化します。フォントが変更され、大見出しの「新年会のお知らせ」が、ブラウザの左上に余白がほとんどなく配置されます。スペーシングユーティリティを使って余白を整えていきます。このスペーシングユーティリティは美しい見た目を作る上で一番重要といえます。ドキュメントはここです。属性を書くことで、余白量を調整することができます。サイズ2を指定という指定になります。詳しくは、ドキュメントを徹底的に読んでください。タグで囲って、スペーシングユーティリティで余白を作っておきます。ついでに、カラーユーティリティを使って簡単に色をつけます。全体的なコードはこうなります。参加し、参加の意思がある旨発言してください。<p>3日前以降のキャンセルは会費をもらいます。コードの自動整形ができます。何かを書いたらこのショートカットキーで整形すると見やすくなります。スマートフォンサイズで見るとこのような形になります。各要素の余白を調整したいので、スペーシングユーティリティで調整します。ついでに、小見出しが少し大きすぎるのと思ったので、タイポグラフィのクラスを使って調整します。