tag:crieit.net,2005:https://crieit.net/tags/Markdown/feed Crieitでタグ「Markdown」に投稿された最近の記事 2021-05-31T15:49:48+09:00 https://crieit.net/tags/Markdown/feed tag:crieit.net,2005:PublicArticle/17334 2021-05-31T15:46:03+09:00 2021-05-31T15:49:48+09:00 https://crieit.net/posts/ab9fc0cee23fcd0888475194018df868 <h1 id="文字の色変える方法"><a href="#%E6%96%87%E5%AD%97%E3%81%AE%E8%89%B2%E5%A4%89%E3%81%88%E3%82%8B%E6%96%B9%E6%B3%95">文字の色変える方法</a></h1> <pre><code><span style="color: 文字に適用させたい色を英語で; ">色を変えて表示させたい文字列</span> 例 <span style="color: red; ">赤</span> <span style="color: blue; ">青</span> <span style="color: green; ">緑</span> <span style="color: orange; ">オレンジ</span> </code></pre> <p><span style="color: red; ">赤</span><br /> <span style="color: blue; ">青</span><br /> <span style="color: green; ">緑</span><br /> <span style="color: orange; ">オレンジ</span></p> tobara tag:crieit.net,2005:PublicArticle/16978 2021-04-22T11:48:02+09:00 2021-04-22T11:48:38+09:00 https://crieit.net/posts/Markdown-6080e3e2b3607 <h1 id="CentOS7にWebサーバーをインストールしよう"><a href="#CentOS7%E3%81%ABWeb%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%97%E3%82%88%E3%81%86">CentOS7にWebサーバーをインストールしよう</a></h1> <p>CentOS7に <strong>Webサーバ(Apache)</strong> をインストールし、テストWebページを公開してみよう</p> <hr /> <hr /> <h2 id="インストール手順"><a href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%89%8B%E9%A0%86">インストール手順</a></h2> <hr /> <ol> <li>Apache（Webサーバソフト）をインストールする</li> </ol> <pre><code>$ sudo yum -y install httpd </code></pre> <ol start="2"> <li>Apache（Webサーバソフト）を起動する</li> </ol> <pre><code>$ sudo systemctl start httpd </code></pre> <ol start="3"> <li>Apache（Webサーバソフト）の起動状態を確認する</li> </ol> <pre><code>$ sudo systemctl atatus httpd </code></pre> <p><em>出力結果に <strong>Active:active(running)</strong> が表示されていれば、正常に起動しています</em></p> Yso tag:crieit.net,2005:PublicArticle/16974 2021-04-22T11:00:07+09:00 2021-04-22T11:00:07+09:00 https://crieit.net/posts/Markdown-1-6080d8a79d9d7 <h1 id="アウトプットしよう"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%97%E3%82%88%E3%81%86">アウトプットしよう</a></h1> <h2 id="アウトプットには「早すぎる」はない"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%AB%E3%81%AF%E3%80%8C%E6%97%A9%E3%81%99%E3%81%8E%E3%82%8B%E3%80%8D%E3%81%AF%E3%81%AA%E3%81%84">アウトプットには「早すぎる」はない</a></h2> <hr /> <p>「勉強始めたばかりで、アウトプットなんてできない」、「他人に教えられる知識なんかない」と思っているそこのあなた、<strong>それは違います！</strong></p> <p>初心者でも、<strong>学習した内容や経験した事</strong>を情報発信することには、以下の大きな意義があります。</p> <hr /> <ul> <li><strong>記憶の定着</strong>を促し、知識の棚卸になる</li> <li>情報発信することで、<strong>同じ興味を持つ人と繋がる</strong>きっかけが生まれる</li> <li>目に見える形で<strong>反応が得られるので</strong>、モチベーションが高まる</li> </ul> <hr /> <h2 id="アウトプット方法は色々ある"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E6%96%B9%E6%B3%95%E3%81%AF%E8%89%B2%E3%80%85%E3%81%82%E3%82%8B">アウトプット方法は色々ある</a></h2> <ol> <li><strong>勉強会</strong>を開催する</li> <li><strong>技術同人誌</strong>を書く</li> <li>技術カンファレンスに参加して<strong>レポート記事</strong>を書く</li> <li><strong>技術ブログ</strong>を書く</li> </ol> Yso tag:crieit.net,2005:PublicArticle/16963 2021-04-21T17:29:09+09:00 2021-04-21T17:29:09+09:00 https://crieit.net/posts/Markdown-1-607fe255b1ea2 <h1 id="アウトプットしよう"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%97%E3%82%88%E3%81%86">アウトプットしよう</a></h1> <h3 id="アウトプットに「早すぎる」はない"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%AB%E3%80%8C%E6%97%A9%E3%81%99%E3%81%8E%E3%82%8B%E3%80%8D%E3%81%AF%E3%81%AA%E3%81%84">アウトプットに「早すぎる」はない</a></h3> <p>「始めたばかりで、アウトプットなんてできない」、「他人に教えられる<br /> 知識がない」と思っているそこのあなた、<strong><em>それは違います！</em></strong></p> <p>初心者でも、<strong><em>学習した内容</em></strong>や<strong><em>経験した事</em></strong>を発信することには、以下の大き<br /> な意義があります。</p> <hr /> <ul> <li><strong><em>記憶の定着</em></strong>を促し<strong><em>知識の棚卸</em></strong>になる</li> <li>情報を発信することで、<strong><em>同じ趣味を持つ人と繋がる</em></strong>きっかけが生まれる</li> <li>目に見えない形で<strong><em>反応が得られる</em></strong>ので、モチベーションが高まる</li> </ul> <h3 id="アウトプット方法は色々ある"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E6%96%B9%E6%B3%95%E3%81%AF%E8%89%B2%E3%80%85%E3%81%82%E3%82%8B">アウトプット方法は色々ある</a></h3> <ol> <li><strong><em>勉強会</em></strong>を開催する</li> <li><strong><em>技術同人誌</em></strong>を書く</li> <li>技術カンファレンスに参加して<strong><em>レポート記事</em></strong>を書く</li> <li><strong><em>技術ブログ</em></strong>を書く</li> </ol> wakui tag:crieit.net,2005:PublicArticle/16962 2021-04-21T17:28:40+09:00 2021-04-21T17:28:40+09:00 https://crieit.net/posts/Markdown-2-607fe2380c078 <h1 id="CentOS7にWebサーバーをインストールしよう"><a href="#CentOS7%E3%81%ABWeb%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%97%E3%82%88%E3%81%86">CentOS7にWebサーバーをインストールしよう</a></h1> <p>centOS7に <strong><em>WEBサーバー(Apache)</em></strong> をインストールし、テストWEBページを公<br /> 開してみよう</p> <h2 id="インストール手順"><a href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%89%8B%E9%A0%86">インストール手順</a></h2> <p>1.Apache(webサーバーソフト)をインストールする</p> <pre><code>$ sudo yum -y install httpd </code></pre> <p>2.Apache(web サーバーソフト)を起動する</p> <pre><code>$ sudo systemct1 start httpd </code></pre> <p>3.Apache(web サーバーソフト)の起動状態を確認する</p> <pre><code>$ sudo systemctl status httpd </code></pre> <p>出力結果に <strong><em>Active:active(running)</em></strong> が表示されていれば、正常に起動しています</p> wakui tag:crieit.net,2005:PublicArticle/16960 2021-04-21T16:59:46+09:00 2021-04-21T16:59:46+09:00 https://crieit.net/posts/Markdown-1-607fdb72cb768 <h1 id="アウトプットしよう"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%97%E3%82%88%E3%81%86">アウトプットしよう</a></h1> <h2 id="アウトプットには「早すぎる」はない"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%AB%E3%81%AF%E3%80%8C%E6%97%A9%E3%81%99%E3%81%8E%E3%82%8B%E3%80%8D%E3%81%AF%E3%81%AA%E3%81%84">アウトプットには「早すぎる」はない</a></h2> <p>「勉強始めたばっかりで、アウトプットなんてできない」、「他人に教えられる知識なんかない」と思っているそこのあなた、<strong>それは違います！</strong></p> <p>初心者でも、<strong>学習した内容</strong>や<strong>経験した事</strong>を情報発信することには、以下の大きな意義があります。</p> <hr /> <ul> <li><strong>記憶の定着</strong>を促し、<strong>知識の棚卸</strong>になる</li> <li>情報発信することで、<strong>同じ興味を持つ人と繋がる</strong>きっかけが生まれる</li> <li>目に見える形で<strong>反応が得られる</strong>ので、モチベーションが高まる</li> </ul> <h2 id="アウトプット方法は色々ある"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E6%96%B9%E6%B3%95%E3%81%AF%E8%89%B2%E3%80%85%E3%81%82%E3%82%8B">アウトプット方法は色々ある</a></h2> <ol> <li><strong>勉強会</strong>を開催する</li> <li><strong>技術同人誌</strong>を書く</li> <li>技術カンファレンスに参加して<strong>レポート記事</strong>を書く</li> <li><strong>技術ブログ</strong>を書く</li> </ol> mn tag:crieit.net,2005:PublicArticle/16953 2021-04-21T15:35:24+09:00 2021-04-21T15:35:24+09:00 https://crieit.net/posts/Markdown-2-607fc7acf211b <h1 id="CentOS7にWebサーバをインストールしよう"><a href="#CentOS7%E3%81%ABWeb%E3%82%B5%E3%83%BC%E3%83%90%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%97%E3%82%88%E3%81%86">CentOS7にWebサーバをインストールしよう</a></h1> <p>CentOS7に <strong>WEB サーバ (Apach)</strong> をインストールし、テストWEBページを公<br /> 開してみよう</p> <h2 id="インストール手順"><a href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%89%8B%E9%A0%86">インストール手順</a></h2> <ol> <li>Apach(webサーバソフト)をインストールする</li> </ol> <pre><code>$ sudo yum -y install httpd </code></pre> <ol start="2"> <li>Apach(webサーバソフト)を起動する</li> </ol> <pre><code>$ sudo systemctl start httpd </code></pre> <ol start="3"> <li>Apach(webサーバソフト)の起動状態を確認する</li> </ol> <pre><code>$ sudo systemctl status httpd </code></pre> <p><em>出力結果に<strong>Active: active (running)</strong> が表示されていれば、正常に起動してい<br /> ます</em></p> U_ki6802 tag:crieit.net,2005:PublicArticle/16921 2021-04-21T14:04:07+09:00 2021-04-21T14:04:07+09:00 https://crieit.net/posts/Markdown-2-607fb2472a516 <h1 id="CentOS7にWebサーバをインストールしよう"><a href="#CentOS7%E3%81%ABWeb%E3%82%B5%E3%83%BC%E3%83%90%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%97%E3%82%88%E3%81%86">CentOS7にWebサーバをインストールしよう</a></h1> <p>CentOS7に<strong>Webサーバ(Apache)</strong> をインストールし、テストWEBページを公開してみよう</p> <h2 id="インストール手順"><a href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%89%8B%E9%A0%86">インストール手順</a></h2> <ol> <li><p>Apache(webサーバソフト)をインストールする</p> <pre><code>$ sudo yum -y install httpd </code></pre></li> <li><p>Apache(webサーバソフト)を起動する</p> <pre><code>$ sudo systemctl start httpd </code></pre></li> <li><p>Apache(webサーバソフト)の起動状態を確認する</p> <pre><code>$ sudo systemctl status httpd </code></pre> <p><em>出力結果に<strong>Actibe:active(running)</strong> が表示されていれば、正確に作動しています</em></p></li> </ol> fight21055 tag:crieit.net,2005:PublicArticle/16920 2021-04-21T14:03:16+09:00 2021-04-21T14:03:16+09:00 https://crieit.net/posts/Markdown-1-607fb2140b7c3 <h1 id="アウトプットしよう"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%97%E3%82%88%E3%81%86">アウトプットしよう</a></h1> <h2 id="アウトプットには「早すぎる」はない"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%AB%E3%81%AF%E3%80%8C%E6%97%A9%E3%81%99%E3%81%8E%E3%82%8B%E3%80%8D%E3%81%AF%E3%81%AA%E3%81%84">アウトプットには「早すぎる」はない</a></h2> <p>「勉強始めたばかりで、アウトプットなんてできない」、「他人に教えられる知識なんかない」と思っているそこのあなた、<strong>それは違います！</strong></p> <p>初心者でも、<strong>学習した内容</strong>や<strong>経験した事</strong>を情報発信することには、以下の大きな意義があります。</p> <hr /> <ul> <li><strong>記憶の定着</strong>を促し、<strong>知識の棚卸</strong>になる</li> <li>情報発信することで、<strong>同じ趣味を持つ人と繋がる</strong>きっかけが生まれる</li> <li>目に見える形で<strong>反応が得られる</strong>ので、モチベーションが高まる</li> </ul> <h2 id="アウトプット方法はいろいろある"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E6%96%B9%E6%B3%95%E3%81%AF%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%E3%81%82%E3%82%8B">アウトプット方法はいろいろある</a></h2> <ol> <li><strong>勉強会</strong>を開催する</li> <li><strong>技術同人誌</strong>を書く</li> <li>技術カンファレンスに参加して<strong>レポート記録</strong>を書く</li> <li><strong>技術ブログ</strong>を書く</li> </ol> fight21055 tag:crieit.net,2005:PublicArticle/16917 2021-04-21T13:16:15+09:00 2021-04-21T13:22:15+09:00 https://crieit.net/posts/Markdown-607fa70fe96ac <p>ブログをやるので入力の仕方を忘れないように備忘録として残しておく<br /> またさわって一日もたっていないので間違ってるところがあると思うのでご了承ください</p> <p>記事を書くをクリックすると以下の写真のようなページ移動する<br /> <a href="https://crieit.now.sh/upload_images/4a0ff2247f17fb89da250317dabc930b607f9ed3941ed.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/4a0ff2247f17fb89da250317dabc930b607f9ed3941ed.png?mw=700" alt="image.png" /></a></p> <ol> <li>タイトル　　名前のまんまタイトルを入力するところ</li> <li><p>タグ　　　　ジャンルがわかりやすいようにタグ入力するところ<br /> 　　　　　　下の写真の通り予測変換してくれるので便利<br /> <a href="https://crieit.now.sh/upload_images/4a0ff2247f17fb89da250317dabc930b607fa1195dc54.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/4a0ff2247f17fb89da250317dabc930b607fa1195dc54.png?mw=700" alt="image.png" /></a></p></li> <li><p>本文　　　　文章を書くところ上のボタンは後で説明</p></li> <li><p>表示　　　　本文書いたところがどのように見えるかわかるところ</p></li> <li><p>オプション　主に下書きの公開や限定公開など設定できるところ</p></li> <li>登録　　　　投稿するところ</li> </ol> <hr /> <p>本文について文字を書くだけだったら同じだか文字の大きさなど細かく調整した場合は下の写真にあるボタンが必要<br /> <a href="https://crieit.now.sh/upload_images/4a0ff2247f17fb89da250317dabc930b607fa25650293.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/4a0ff2247f17fb89da250317dabc930b607fa25650293.png?mw=700" alt="image.png" /></a></p> <p>左から順番に</p> <h1 id="大"><a href="#%E5%A4%A7">大</a></h1> <h2 id="き"><a href="#%E3%81%8D">き</a></h2> <h3 id="さ"><a href="#%E3%81%95">さ</a></h3> <h4 id="?"><a href="#%3F">?</a></h4> <p><strong>強調</strong><br /> <em>斜体</em><br /> <del>取り消し</del></p> <hr /> <hr /> <p>線</p> <hr /> <hr /> <blockquote> <p>なんか横に棒が<br /> 出てくる？</p> </blockquote> <ul> <li>リ</li> <li>ス</li> <li>ト</li> </ul> <ol> <li>数字の</li> <li>リスト</li> </ol> <ul> <li>[ ] 白い四角</li> <li><p>[ ] が出てくる？</p> <pre><code> 右に文字をずらす 左にずらす あと背景が暗くなる </code></pre></li> </ul> <div class="table-responsive"><table> <thead> <tr> <th>ひ</th> <th>ょ</th> <th>う</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </tbody> </table></div> <p><a href="https://crieit.now.sh/upload_images/4a0ff2247f17fb89da250317dabc930b607fa6d04e921.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/4a0ff2247f17fb89da250317dabc930b607fa6d04e921.png?mw=700" alt="image.png" /></a></p> <p><a target="_blank" rel="nofollow noopener" href="https://www.google.com/?hl=ja">yahoo</a></p> <p><code>不明</code></p> <pre><code>黒い </code></pre> <p>以上</p> fizz198 tag:crieit.net,2005:PublicArticle/16904 2021-04-21T12:45:31+09:00 2021-04-21T12:45:31+09:00 https://crieit.net/posts/Markdown-607f9fdbef5bb <h1 id="CentOS7にWebサーバをインストールしよう"><a href="#CentOS7%E3%81%ABWeb%E3%82%B5%E3%83%BC%E3%83%90%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%97%E3%82%88%E3%81%86">CentOS7にWebサーバをインストールしよう</a></h1> <p>CentOS7にWEBサーバ(Apache)をインストールし、テストWEBページを公<br /> 開してみよう</p> <h2 id="インストール手順"><a href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%89%8B%E9%A0%86">インストール手順</a></h2> <p>1.Apache(web サーバソフト)をインストールする</p> <pre><code>$ sudo yum -y install httpd </code></pre> <p>2.Apache(webサーバソフト)を起動する</p> <pre><code>$ sudo systemctl start httpd </code></pre> <p>4.Apache(webサーバソフトの起動状態を確認する</p> <pre><code>$ sudo systemctl status httpd </code></pre> <p><em>出力結果に</em> <strong>Active:active（running）</strong> <em>が表示されていれば、正常に起動してい<br /> ます</em></p> tobara tag:crieit.net,2005:PublicArticle/16896 2021-04-21T12:23:30+09:00 2021-04-21T12:23:30+09:00 https://crieit.net/posts/Markdown-1-607f9ab2b453e <h1 id="アウトプットしよう"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%97%E3%82%88%E3%81%86">アウトプットしよう</a></h1> <h2 id="アウトプットには「早すぎる」はない"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%AB%E3%81%AF%E3%80%8C%E6%97%A9%E3%81%99%E3%81%8E%E3%82%8B%E3%80%8D%E3%81%AF%E3%81%AA%E3%81%84">アウトプットには「早すぎる」はない</a></h2> <hr /> <p>「勉強始めたばかりで、アウトプットなんてできない、「他人に教えられる<br /> 知識なんてない」と思っているそこのあなた、<strong>それは違います！</strong></p> <p>初心者でも、<strong>学習した内容</strong>や<strong>経験したこと</strong>を情報発信することには、以下の大き<br /> な意義があります。</p> <ul> <li><strong>記憶の定着</strong>を促し、<strong>知識の棚卸</strong>になる</li> <li>情報発信することで、<strong>同じ興味を持つ人と繋がる</strong>きっかけが生まれる</li> <li>目に見える形で<strong>反応が得られる</strong>ので、「のモチベーションが高まる</li> </ul> <h2 id="アウトプット方法はいろいろある"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E6%96%B9%E6%B3%95%E3%81%AF%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%E3%81%82%E3%82%8B">アウトプット方法はいろいろある</a></h2> <p>1.<strong>勉強会</strong>を開催する<br /> 2.<strong>技術同人誌</strong>を書く<br /> 3.技術カンファレンスに「参加して<strong>レポート記事</strong>を書く<br /> 4.<strong>技術ブログ</strong>を書く</p> tobara tag:crieit.net,2005:PublicArticle/16886 2021-04-21T12:07:17+09:00 2021-04-21T12:07:17+09:00 https://crieit.net/posts/65376978c26f7c64cb8c3830aca8c708 <p>どうやら段落内にあるConsole欄の文字をコピペしたら、<br /> 改行位置がおかしくなったり、 コードが正常に動かなるっぽいです。<br /> 後々原因を調べて楽にこ<br /> Markdownで楽にコードを載せれるようにしたいです。</p> 大石バリー tag:crieit.net,2005:PublicArticle/16882 2021-04-21T12:01:15+09:00 2021-04-21T12:03:18+09:00 https://crieit.net/posts/Markdown-607f957b3ec57 <h1 id="CentOS7にWebサーバをインストールしよう"><a href="#CentOS7%E3%81%ABWeb%E3%82%B5%E3%83%BC%E3%83%90%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%97%E3%82%88%E3%81%86">CentOS7にWebサーバをインストールしよう</a></h1> <p>CentOS7に<strong>WEB サーバ（Apache）</strong>をインストールし、テストWEB ページを公開してみよう</p> <h2 id="インストール手順"><a href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%89%8B%E9%A0%86">インストール手順</a></h2> <ol> <li><p>Apache(web サーバソフト) をインストールする</p> <pre><code>$ sudo yum -y install httpd </code></pre> <ol start="2"> <li>Apache(web サーバソフト) を起動する</li> </ol> <pre><code>$ sudo systemctl start httpd </code></pre> <ol start="3"> <li>Apache(web サーバソフト)の起動状態を確認する</li> </ol> <pre><code>$ sudo systemctl status httpd </code></pre> <p><em>出力結果に<strong>Active: active (running)</strong> が表示されていれば正常に起動しています</em></p></li> </ol> 大石バリー tag:crieit.net,2005:PublicArticle/16877 2021-04-21T11:41:55+09:00 2021-04-21T11:41:55+09:00 https://crieit.net/posts/Markdown-607f90f3cc3c1 <h1 id="アウトプットしよう"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%97%E3%82%88%E3%81%86">アウトプットしよう</a></h1> <h2 id="アウトプットに「早すぎる」はない"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%AB%E3%80%8C%E6%97%A9%E3%81%99%E3%81%8E%E3%82%8B%E3%80%8D%E3%81%AF%E3%81%AA%E3%81%84">アウトプットに「早すぎる」はない</a></h2> <p>「勉強始めたばかりで、アウトプットなんてできない」、「他人に教えられる知識なんかない」と思っているそのあなた、<strong>それは違います！</strong></p> <h2>初心者でも、<strong>学習した内容****経験したこと</strong>を情報発信することは、以下の大きな意見があります。</h2> <ul> <li><strong>記憶の定義</strong>を促し、<strong>知識の棚卸</strong>になる</li> <li>情報発信することで、<strong>同じ興味を持つ人と繋がる</strong>きっかけが生まれる</li> <li>目に見える形で<strong>反応が得られる</strong>ので、モチベーションが高まる</li> </ul> <h1 id="アウトプットの方法は色々ある"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%AE%E6%96%B9%E6%B3%95%E3%81%AF%E8%89%B2%E3%80%85%E3%81%82%E3%82%8B">アウトプットの方法は色々ある</a></h1> <ol> <li><strong>勉強会を開催する</strong></li> <li><strong>技術同人誌</strong>を書く</li> <li>技術カンファレンスに参加して<strong>レポート記事</strong>を書く</li> <li><strong>技術ブログ</strong>を書く</li> </ol> 大石バリー tag:crieit.net,2005:PublicArticle/16561 2021-01-07T22:16:40+09:00 2021-01-07T22:25:06+09:00 https://crieit.net/posts/markdown-pdf-not-decorated-code-20210107 <p>Markdown で書いたドキュメントを PDF に変換する際には <a target="_blank" rel="nofollow noopener" href="https://www.npmjs.com/package/markdown-pdf">markdown-pdf</a> を利用しています。</p> <p>通常プログラムのコード等ではシンタックスハイライトで見やすくなるはずの装飾が、ログではかえって逆効果の場合があります。そうした場合に装飾を削るための Tips をメモしておきます。</p> <h2 id="経緯"><a href="#%E7%B5%8C%E7%B7%AF">経緯</a></h2> <p><code>markdown-pdf</code> はコードの装飾に highlight.js を利用しているようですが、これがかえって逆効果のことも。</p> <p>例えば、以下のようなログがあったとします。</p> <pre><code>[DDD mmm dd hh:ii:ss.mmmmmm yyyy] [mpm_event:notice] [pid 27078:tid 000000000000000] AH00493: SIGUSR1 received. Doing graceful restart AH00558: httpd: Could not reliably determine the server's fully qualified domain name, using 192.0.2.1. Set the 'ServerName' directive globally to suppress this message [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [lbmethod_heartbeat:notice] [pid 27078:tid 000000000000000] AH02282: No slotmem from mod_heartmonitor [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [mpm_event:notice] [pid 27078:tid 000000000000000] AH00489: Apache/X.X.XX (centos) OpenSSL/Y.Y.YY configured -- resuming normal operations [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [core:notice] [pid 27078:tid 000000000000000] AH00094: Command line: '/usr/sbin/httpd -D FOREGROUND' </code></pre> <p>これを以下のような Markdown として記述して <code>markdown-pdf</code> にかけます。</p> <pre><code>``` [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [mpm_event:notice] [pid 27078:tid 000000000000000] AH00493: SIGUSR1 received. Doing graceful restart AH00558: httpd: Could not reliably determine the server's fully qualified domain name, using 192.0.2.1. Set the 'ServerName' directive globally to suppress this message [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [lbmethod_heartbeat:notice] [pid 27078:tid 000000000000000] AH02282: No slotmem from mod_heartmonitor [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [mpm_event:notice] [pid 27078:tid 000000000000000] AH00489: Apache/X.X.XX (centos) OpenSSL/Y.Y.YY configured -- resuming normal operations [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [core:notice] [pid 27078:tid 000000000000000] AH00094: Command line: '/usr/sbin/httpd -D FOREGROUND' ``` </code></pre> <p>すると……</p> <p><a href="https://crieit.now.sh/upload_images/58f73ce903f626c8a032a095694660775ff709799e832.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/58f73ce903f626c8a032a095694660775ff709799e832.jpg?mw=700" alt="言語指定しない場合の pre code の表示" /></a></p> <p>文字色が変わったり、数字は緑色になっていたりします。このくらいのログならば良いのですが、もっと長いものや、別のフォーマットのログだと次の <code>bash</code> 指定した際のログのように意図しない場所で文字サイズが変わってしまったりするので、非常に見づらくなってしまうケースもありました。</p> <pre><code>```bash [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [mpm_event:notice] [pid 27078:tid 000000000000000] AH00493: SIGUSR1 received. Doing graceful restart AH00558: httpd: Could not reliably determine the server's fully qualified domain name, using 192.0.2.1. Set the 'ServerName' directive globally to suppress this message [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [lbmethod_heartbeat:notice] [pid 27078:tid 000000000000000] AH02282: No slotmem from mod_heartmonitor [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [mpm_event:notice] [pid 27078:tid 000000000000000] AH00489: Apache/X.X.XX (centos) OpenSSL/Y.Y.YY configured -- resuming normal operations [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [core:notice] [pid 27078:tid 000000000000000] AH00094: Command line: '/usr/sbin/httpd -D FOREGROUND' ``` </code></pre> <p><a href="https://crieit.now.sh/upload_images/43998a2ff90278af2617710c9fdb79fc5ff709852e39c.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/43998a2ff90278af2617710c9fdb79fc5ff709852e39c.jpg?mw=700" alt="言語を bash に指定した場合の pre code の表示" /></a></p> <h2 id="対処"><a href="#%E5%AF%BE%E5%87%A6">対処</a></h2> <p>今回は自前 css と独自言語設定でこれらの装飾を外しました。</p> <pre><code>```plain [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [mpm_event:notice] [pid 27078:tid 000000000000000] AH00493: SIGUSR1 received. Doing graceful restart AH00558: httpd: Could not reliably determine the server's fully qualified domain name, using 192.0.2.1. Set the 'ServerName' directive globally to suppress this message [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [lbmethod_heartbeat:notice] [pid 27078:tid 000000000000000] AH02282: No slotmem from mod_heartmonitor [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [mpm_event:notice] [pid 27078:tid 000000000000000] AH00489: Apache/X.X.XX (centos) OpenSSL/Y.Y.YY configured -- resuming normal operations [DDD mmm dd hh:ii:ss.mmmmmm yyyy] [core:notice] [pid 27078:tid 000000000000000] AH00094: Command line: '/usr/sbin/httpd -D FOREGROUND' ``` </code></pre> <p>言語指定に独自の <code>plain</code> を指定。</p> <pre><code class="css">pre { padding: .5rem; } pre code { margin: 0; padding: 0; white-space: pre; border: none; background: transparent; } pre[class*="language-plain"], code[class*="language-plain"], pre[class*="language-plain"] > *, code[class*="language-plain"] > * { color: #000 !important; font-size: 0.8rem !important; font-weight: normal !important; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; } </code></pre> <p>ついでに Scss 版も。</p> <pre><code class="scss">pre { padding: .5rem; code { margin: 0; padding: 0; white-space: pre; border: none; background: transparent; } } pre[class*="language-plain"], code[class*="language-plain"] { &, & > * { color: #000 !important; font: { size: 0.8rem !important; weight: normal !important; family: Consolas, "Liberation Mono", Menlo, Courier, monospace; } } } </code></pre> <p>この css (仮に <code>./src/md/css/style.css</code> とします)を以下のように <code>markdown-pdf</code> に処理させます。</p> <pre><code class="javascript">const markdownpdf = require('markdown-pdf'); markdownpdf( { cssPath: './src/md/css/style.css', remarkable: { html: true, breaks: true } } ) .from('./src/md/hoge.md') .to('./dist/hoge.pdf'); </code></pre> <p>これで以下のような表示が得られました。</p> <p><a href="https://crieit.now.sh/upload_images/cf02155a443f9029f160cdce63bdb4cd5ff70992b3397.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/cf02155a443f9029f160cdce63bdb4cd5ff70992b3397.jpg?mw=700" alt="言語を plain (独自指定) に指定した場合の pre code の表示" /></a></p> <p>とりあえず読めるようにはなったかな、と。</p> <h2 id="参考"><a href="#%E5%8F%82%E8%80%83">参考</a></h2> <ul> <li><a target="_blank" rel="nofollow noopener" href="https://ja.stackoverflow.com/questions/55482/markdown-pdf%E3%82%92%E3%81%A4%E3%81%8B%E3%81%A3%E3%81%A6markdown%E3%82%92html%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AB%E5%A4%89%E6%8F%9B%E3%81%97%E3%81%9F%E9%9A%9B%E3%81%AE%E5%86%85%E5%AE%B9%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">vscode - markdown-pdfをつかってmarkdownをhtmlファイルに変換した際の内容について - スタック・オーバーフロー</a></li> <li><a target="_blank" rel="nofollow noopener" href="https://logicalbeat.jp/blog/3769/">【ドキュメント】Markdownドキュメントのデザインをロジカルビート風にしてみた – 株式会社ロジカルビート</a></li> <li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/reona396/items/8ad9a4ca59f10257e073">VS CodeとMarkdownで書いた技術同人誌に導入したCSS組版 - Qiita</a></li> <li><a target="_blank" rel="nofollow noopener" href="https://h-s-hige.hateblo.jp/entry/20190405/1554467885">【Visual Studio Code】Markdown PDF のスタイル(CSS)を変える方法 - Nekonote</a></li> </ul> <h2 id="余談"><a href="#%E4%BD%99%E8%AB%87">余談</a></h2> <p>今回の対処をする際に久々に npm で <code>markdown-pdf</code> を確認したのですが、いくつかの依存パッケージが out of date になってしまっていますね……これはそもそも他の方法を考えなければならない気がします。というか未だに PhantomJS を使っているっぽい……？</p> <ul> <li><a target="_blank" rel="nofollow noopener" href="https://dev.classmethod.jp/articles/md-to-pdf/">MarkdownをPDFに変換する「md-to-pdf」は痒いところに手が届く素敵ツール | Developers.IO</a></li> </ul> <p>検索したところ、 <code>md-to-pdf</code> が引っかかりました。アクティブそうなのでこちらに乗り換えるのも検討ですかね。</p> arm-band tag:crieit.net,2005:PublicArticle/16281 2020-12-07T16:37:18+09:00 2020-12-07T16:37:18+09:00 https://crieit.net/posts/Markdown-2-5fcddbaed5e17 <h1 id="CentOS7にWebサーバをインストールしよう"><a href="#CentOS7%E3%81%ABWeb%E3%82%B5%E3%83%BC%E3%83%90%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%97%E3%82%88%E3%81%86">CentOS7にWebサーバをインストールしよう</a></h1> <p>CentOS7に<strong>WEBサーバ(Apache)</strong>をインストールし、テストWEBページを公開してみよう</p> <h2 id="インストール手順"><a href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%89%8B%E9%A0%86">インストール手順</a></h2> <ol> <li>Apache(web サーバソフト)をインストールする</li> </ol> <pre><code>$ sudo yum -y install httpd </code></pre> <ol start="2"> <li>Apache(web サーバソフト)を起動する</li> </ol> <pre><code>$ sudo systemctl start httpd </code></pre> <ol start="3"> <li>Apache(web サーバソフト)を起動状態を確認する</li> </ol> <pre><code>$ sudo systemctl status httpd </code></pre> <p>　<em>出力結果にActive:active(running)が表示されていれば、正常に起動しています</em></p> itkawashima tag:crieit.net,2005:PublicArticle/16275 2020-12-07T15:42:33+09:00 2020-12-07T16:53:53+09:00 https://crieit.net/posts/Markdown-5fcdced9ec15f <h3 id="1.見出し"><a href="#1.%E8%A6%8B%E5%87%BA%E3%81%97">1.見出し</a></h3> <p>＃（シャープ＋半角スペース）<br /> <strong>シャープの個数が多いほど、⾒出しは⼩さく</strong>なります。 <strong>6段階</strong>まで扱えます。</p> <h3 id="2.太文字（強調）"><a href="#2.%E5%A4%AA%E6%96%87%E5%AD%97%EF%BC%88%E5%BC%B7%E8%AA%BF%EF%BC%89">2.太文字（強調）</a></h3> <p>通常の⽂字を強調して<strong>太字にしたい</strong>場合は、<strong>⽂字</strong>と<strong>アスタリスク2つでテキストを挟み</strong>ます。</p> <h3 id="3.箇条書き（リスト）"><a href="#3.%E7%AE%87%E6%9D%A1%E6%9B%B8%E3%81%8D%EF%BC%88%E3%83%AA%E3%82%B9%E3%83%88%EF%BC%89">3.箇条書き（リスト）</a></h3> <p>箇条書きは - (ハイフン + 半⾓スペース) を先頭に⼊れます。</p> <ul> <li>list1</li> <li>list2</li> <li>list3</li> </ul> <h3 id="3.5箇条書き応用（入れ子）"><a href="#3.5%E7%AE%87%E6%9D%A1%E6%9B%B8%E3%81%8D%E5%BF%9C%E7%94%A8%EF%BC%88%E5%85%A5%E3%82%8C%E5%AD%90%EF%BC%89">3.5箇条書き応用（入れ子）</a></h3> <p>⼊れ⼦の箇条書きは、ハイフンの前にタブを⼊れてインデント(右寄せ)すると⼊れ⼦になります。⼊れ⼦の⼊れ⼦もできます。</p> <ul> <li>list1 <ul> <li>list1-1</li> <li>list1-2</li> </ul></li> <li>list 2 <ul> <li>list2-1 <ul> <li>list2-1-1</li> <li>list2-1-2</li> </ul></li> <li>list2-2</li> </ul></li> <li>list3</li> </ul> <h3 id="4.順番付き(段落番号)箇条書き"><a href="#4.%E9%A0%86%E7%95%AA%E4%BB%98%E3%81%8D%28%E6%AE%B5%E8%90%BD%E7%95%AA%E5%8F%B7%29%E7%AE%87%E6%9D%A1%E6%9B%B8%E3%81%8D">4.順番付き(段落番号)箇条書き</a></h3> <p>順番を付けた箇条書きは、1.(数字 + ドット + 半⾓スペース)です。</p> <ol> <li>順番付き箇条書き1</li> <li>順番付き箇条書き2</li> <li>順番付き箇条書き3</li> </ol> <h3 id="5.画像の挿⼊"><a href="#5.%E7%94%BB%E5%83%8F%E3%81%AE%E6%8C%BF%E2%BC%8A">5.画像の挿⼊</a></h3> <p>画像の挿⼊は、以下のように<strong>画像挿⼊アイコンをクリックし、挿⼊したい画像ファイルを選択するか、直接ファイルを<br /> ドラックします</strong>。<br /> ※jpg, png, gifが挿⼊可能、ファイルサイズは2MBまで(2020/09時点)</p> <p>➡画像の挿⼊(補⾜)<br /> 画像を挿⼊すると、ファイルがクラウドへアップロードされ、<br /> ⾃動でURLが⽣成されます。</p> <h3 id="6.コードの挿⼊"><a href="#6.%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E6%8C%BF%E2%BC%8A">6.コードの挿⼊</a></h3> <p>コードの挿⼊は、以下のように 「```」 バッククオート3つで<br /> テキストを囲みます ※バッククオートはshift + @ キー<br /> コードだけではなく、コマンド操作の表現にも使えます。</p> <ol> <li>bash<br /> バッククオート(x3)<br /> echo Hello World!<br /> バッククオート(x3)</li> </ol> <pre><code>echo Hello World! </code></pre> <ol> <li>python3<br /> バッククオート(x3)python ← ここに言語名入れるとシンタックスハイライトも使えます。<br /> print("Hello World!")<br /> バッククオート(x3)</li> </ol> <pre><code class="python">print("Hello World!") </code></pre> <h3 id="7.斜体"><a href="#7.%E6%96%9C%E4%BD%93">7.斜体</a></h3> <p>通常の⽂字を斜めにして<em>斜体にしたい</em>場合は、<strong>⽂字</strong>と<strong>アスタリスク1つでテキストを挟み</strong>ます。</p> nishiuri tag:crieit.net,2005:PublicArticle/16274 2020-12-07T15:32:40+09:00 2020-12-19T02:30:06+09:00 https://crieit.net/posts/Markdown-2-5fcdcc8866d16 <p>CentOS7に <strong>WEB サーバ (apache)</strong> をインストールし、テストWEBページを公開してみよう</p> <h2 id="インストール手順"><a href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%89%8B%E9%A0%86">インストール手順</a></h2> <ol> <li>Apache（web サーバソフト）をインストールする</li> </ol> <pre><code>$ sudo yum -y install httpd </code></pre> <ol start="2"> <li>Apache(web サーバソフト)を起動する</li> </ol> <pre><code>$ sudo systemctl start httpd </code></pre> <ol start="3"> <li>Apache(web サーバソフト)の起動状態を確認する</li> </ol> <pre><code class="vim">$ sudo systemctl status httpd </code></pre> <p><em>出力結果に<strong>Active: active (running)</strong> が表示されていれば、正常に起動しています</em></p> masaochann tag:crieit.net,2005:PublicArticle/16271 2020-12-07T15:07:52+09:00 2020-12-19T02:28:54+09:00 https://crieit.net/posts/markdown-1-5fcdc6b821742 <h2 id="アウトプットには「早すぎる」はない"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E3%81%AB%E3%81%AF%E3%80%8C%E6%97%A9%E3%81%99%E3%81%8E%E3%82%8B%E3%80%8D%E3%81%AF%E3%81%AA%E3%81%84">アウトプットには「早すぎる」はない</a></h2> <p>「勉強始めたばかりで、アウトプットなんてできない」、「他人に教えられる知識なんかない」と思っているそこのあなた、<strong>それは違います！</strong></p> <p>初心者でも、<strong>学習した内容</strong>や<strong>経験した事</strong>を情報発信することには、以下の大きな意義があります。</p> <ul> <li><strong>記憶の定着</strong>を促し、<strong>知識の棚卸</strong>になる</li> <li>情報発信することで、<strong>同じ興味を持つ人と繋がる</strong>きっかけが生まれる</li> <li>目に見える形で<strong>反応が得られる</strong>ので、モチベーションが高まる</li> </ul> <h2 id="アウトプット方法は色々ある"><a href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88%E6%96%B9%E6%B3%95%E3%81%AF%E8%89%B2%E3%80%85%E3%81%82%E3%82%8B">アウトプット方法は色々ある</a></h2> <ol> <li><strong>勉強会</strong>を開催する</li> <li><strong>技術同人誌</strong>を書く</li> <li>技術カンファレンスに参加して<strong>レポート記事</strong>を書く</li> <li><strong>技術ブログ</strong>を書く</li> </ol> masaochann