tag:crieit.net,2005:https://crieit.net/tags/100DaysOfCode/feed 「100DaysOfCode」の記事 - Crieit Crieitでタグ「100DaysOfCode」に投稿された最近の記事 2019-01-30T09:58:18+09:00 https://crieit.net/tags/100DaysOfCode/feed tag:crieit.net,2005:PublicArticle/14756 2019-01-28T21:07:45+09:00 2019-01-30T09:58:18+09:00 https://crieit.net/posts/100DaysOfCode-Crieit 100DaysOfCodeをCrieitボードではじめよう <p>Twitterで流行っている100DaysOfCodeを、Crieitボードを使って進めると色々とメリットがあります。</p> <p><a href="https://crieit.now.sh/upload_images/0806a6cf470ac12641e741703216a2375c3c887b909eb.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/0806a6cf470ac12641e741703216a2375c3c887b909eb.png?mw=700" alt="" /></a></p> <p>そもそも100DaysOfCodeというのは何かというと、Twitter上で<code>#100DaysOfCode</code>というハッシュタグをつけ、毎日プログラミング学習を行ったことをツイートすることです。</p> <h2 id="100DaysOfCodeの詳しいやり方"><a href="#100DaysOfCode%E3%81%AE%E8%A9%B3%E3%81%97%E3%81%84%E3%82%84%E3%82%8A%E6%96%B9">100DaysOfCodeの詳しいやり方</a></h2> <p>基本的にはTwitter上で行います。どの工程もすべて<code>#100DaysOfCode</code>というハッシュタグを付けましょう。</p> <h3 id="開始を宣言する"><a href="#%E9%96%8B%E5%A7%8B%E3%82%92%E5%AE%A3%E8%A8%80%E3%81%99%E3%82%8B">開始を宣言する</a></h3> <p>まずやることに決めたら、これからはじめるよ! ということをツイートで宣言しましょう。ハッシュタグを忘れずに。</p> <h3 id="毎日ツイートする"><a href="#%E6%AF%8E%E6%97%A5%E3%83%84%E3%82%A4%E3%83%BC%E3%83%88%E3%81%99%E3%82%8B">毎日ツイートする</a></h3> <p>毎日、その日やったことをツイートします。<code>Day10</code>や<code>1/10</code>など、わかりやすい形でその日が何日目かということも本文に含めます。例えば下記のような感じです。</p> <pre><code>Day12 ・データの投稿機能を作成した ・ツイッターにシェアできる機能を作った #100DaysOfCode </code></pre> <h2 id="Crieitボードで行う"><a href="#Crieit%E3%83%9C%E3%83%BC%E3%83%89%E3%81%A7%E8%A1%8C%E3%81%86">Crieitボードで行う</a></h2> <p>これをCrieitのボード機能を使って行うと、下記のようなメリットがあります。</p> <h3 id="コードも書ける"><a href="#%E3%82%B3%E3%83%BC%E3%83%89%E3%82%82%E6%9B%B8%E3%81%91%E3%82%8B">コードも書ける</a></h3> <p>ボードの投稿はMarkdownで行うため、実際に書いたコードも一緒に投稿することができます。例えばJavaScriptであれば下記のような書き方です。</p> <pre><code> ```javascript function test(a) { return a } ``` </code></pre> <p>すると下記のような形で表示されます。</p> <pre><code class="javascript">function test(a) { return a } </code></pre> <p>ツイート上では表示できませんが、URLと一緒にシェアすればリンクをクリックされた場合にコードを見ることができるので他の人が参考にすることもできますし、自分の備忘録としても有用です。</p> <h3 id="ちゃんとログとして残せる"><a href="#%E3%81%A1%E3%82%83%E3%82%93%E3%81%A8%E3%83%AD%E3%82%B0%E3%81%A8%E3%81%97%E3%81%A6%E6%AE%8B%E3%81%9B%E3%82%8B">ちゃんとログとして残せる</a></h3> <p>ツイートだと他のツイートに混じってしまいますが、100DaysOfCode専用のボードを作ってそちらに投稿する形であれば、他のものと混じらずそれ専用のログとして残すことができ、あとで見返すことも簡単ですし、これが自分のログだよ、と他の人にシェアすることも容易です。</p> <h2 id="実際の進め方"><a href="#%E5%AE%9F%E9%9A%9B%E3%81%AE%E9%80%B2%E3%82%81%E6%96%B9">実際の進め方</a></h2> <p>実際の進め方は下記になります。</p> <ol> <li>自分の100DaysOfCode専用のボードを作成する</li> <li>そのボードに毎日投稿していく</li> </ol> <h3 id="ボードの作り方"><a href="#%E3%83%9C%E3%83%BC%E3%83%89%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9">ボードの作り方</a></h3> <p>まず、画面上部のボードを作成ボタンから作成ページに行きます。</p> <p><a href="https://crieit.now.sh/upload_images/13360b6f4e6776cac86b7209718f716f5c3c3c50acb32.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/13360b6f4e6776cac86b7209718f716f5c3c3c50acb32.png?mw=700" alt="" /></a></p> <p>ボード作成にはプリセット機能というものがあり、100DaysOfCodeのプリセットもあるため、このボタンを押すとボード作成に必要なほとんどの情報を入力してくれます。</p> <p><a href="https://crieit.now.sh/upload_images/6dff185c69868592861575e68eb0042a5c4dca95901f3.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/6dff185c69868592861575e68eb0042a5c4dca95901f3.png?mw=700" alt="" /></a></p> <p>必要に応じて調整しましょう。</p> <ul> <li>ボード名を自分の名前にする</li> <li>ボードIDの<code>yourID</code>を自分のIDにする</li> <li>その他意気込みなどがあれば概要に追記する</li> </ul> <p>等。</p> <h3 id="作ったボードをシェアする"><a href="#%E4%BD%9C%E3%81%A3%E3%81%9F%E3%83%9C%E3%83%BC%E3%83%89%E3%82%92%E3%82%B7%E3%82%A7%E3%82%A2%E3%81%99%E3%82%8B">作ったボードをシェアする</a></h3> <p>ボードを作成すると、概要の右下にシェアボタンが表示されます。これでツイッターに意気込みをシェアしましょう。</p> <p><a href="https://crieit.now.sh/upload_images/5a840e81e6a60ac913fb559990bf6ff05c4dcb82c3ce4.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/5a840e81e6a60ac913fb559990bf6ff05c4dcb82c3ce4.png?mw=700" alt="" /></a></p> <h3 id="毎日書く"><a href="#%E6%AF%8E%E6%97%A5%E6%9B%B8%E3%81%8F">毎日書く</a></h3> <p>あとは投稿ボタンから実際の投稿を毎日行っていきます。</p> <p><a href="https://crieit.now.sh/upload_images/0806a6cf470ac12641e741703216a2375c3c4bdf4498a.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/0806a6cf470ac12641e741703216a2375c3c4bdf4498a.png?mw=700" alt="" /></a></p> <p>投稿後、各投稿の右下にもシェアボタンがあるため、そちらからツイートを行うことでその日は完了となります。これを頑張って100日続けていきましょう。</p> <p>コードはツイートしてもあまり意味がないと思いますので、ツイートのシェア文からは削除しても問題ないと思います。コードは投稿しておけばツイートのリンクをクリックして訪れた人は見ることができます。ツイートの本文にはその日やったことのリストを主に書くようにしましょう。シェアする際にシェア文は調整可能です。</p> <p><a href="https://crieit.now.sh/upload_images/caef422b5f945dbe0c3652710a9ce9205c4dcce383899.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/caef422b5f945dbe0c3652710a9ce9205c4dcce383899.png?mw=700" alt="" /></a></p> <p>見やすく調整して投稿しましょう。</p> <p><a href="https://crieit.now.sh/upload_images/caef422b5f945dbe0c3652710a9ce9205c4dcd55d14bc.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/caef422b5f945dbe0c3652710a9ce9205c4dcd55d14bc.png?mw=700" alt="Twitter でリンクを共有する.png" /></a></p> <p>本文の最後を途切れさせておくと、まだ続くのかな? とアクセスしてもらえる可能性があがりそうです。</p> <h2 id="参考リンク"><a href="#%E5%8F%82%E8%80%83%E3%83%AA%E3%83%B3%E3%82%AF">参考リンク</a></h2> <ul> <li>開発者が行った実際の例 <a href="https://crieit.net/boards/dala00-100days-of-code">dala00の100DaysOfCode</a></li> <li><a href="https://crieit.net/posts/de9e7589d29c369e5f2e29a6b824ccf4">ボードとは?</a></li> </ul> Crieit=コミュニティlike(Qiita+dev.to)/3公式