2018.08.18このドキュメントは、社内ブログを書くにあたって、ブログ内でのUIパーツの再利用性を高めるために、各パーツの用例と実表示例をまとめたスタイルガイドです。このように記事のはじめには必ず要約テキストが入ります。要約テキストのあとにはスポンサード広告が自動挿入されます。Level.1各セクションの中見出しはh3要素でマークアップします。section要素はh3要素を基準に決定します。Level.2小見出しはh4要素でマークアップします。このブログで使える最小の見出しです。これよりも細かい見出しが必要になる場合は、別の記事にするなど記事を再構成します。画像ページ全体の背景には、アイキャッチ画像が入ります。契約しているストックフォトから記事にふさわしいアイキャッチを選別し、必要に応じて加工のうえ、設定します。画像キャプション本文内にはキャプション付きの画像を設定することもできます。リンク通常のテキストです。ここはテキストリンクです。リスト序列を表すのが望ましい場合は、ol要素でマークアップします。序列に関係のない箇条書きリストで表せる場合は、ul要素でマークアップします。各リストはli要素を使います。本体右横の電源ボタンを2秒長押しして、電源を入れます。電源を入れて、しばらくするとロック画面が表示されます。画面をスワイプしてロックを解除します。注釈は、ul要素にnoteのclass名をつけて、各注釈ごとにリストにします。文頭には、※をspan要素でマークアップし、テキストはsmall要素でマークアップします。class="note"><li><span>※</span><small>ここに注釈テキストが入ります</small></li></ul>※税込価格です。※取り付けはオプションで別料金となります。取り付け料金は、1箇所につき1,080円(税込)です。引用文quoteのclass名をつけた引用ブロックの中に、引用文をblockquote要素内で、引用元をcite要素でマークアップします。友だち追加時に課金ソースコード次のソースコードでマークアップした内容は、自動的にシンタックスハイライトします。class="highlight">ここにコードを入れる</code></pre>ソースコードの内容から適切な言語へのハイライトを判別します。判別が正しくない場合は、必要に応じて、ソースコードの言語を明示して、シンタックスハイライトの動作を補助することができます。xxに言語名のついたclassをhighlightに続いて追加します。Twitterなどの各種ソーシャルの共有ボタンを押して表示される埋め込みソースコードを貼り付けます。Vimeoは自動的に16:9の比率でレスポンシブ表示にします。課題の解決法を生み出したり、新たな仕組みや価値を創造するのにも有効な手法です。ContactEmail0745-60-7655。