http://straysheep3.github.io/post/mokumoku/

1  <!DOCTYPE html>
2<html lang="ja">
3<head>
4  <title>mokumoku会のすゝめ &middot; var StraySheep</title>
5  <meta charset="UTF-8">
6
7  
8  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
9
10  
11  <meta name="author" content="Stray Sheep">
12
13  
14  
15    <meta name="description" content="mokumoku会に参加してきました。mokumoku会は、どういった会でどのようなメリットがあるのかをまとめています。">
16  
17
18  
19  
20
21  
22  <link rel="icon" href="http://straysheep3.github.io/favicon.ico">
23  <link rel="apple-touch-icon" href="http://straysheep3.github.io/apple-touch-icon.png" />
24
25  
26  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/styles/solarized_dark.min.css">
27
28  
29  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
30
31  
32  <link rel="stylesheet" href="http://straysheep3.github.io//css/style.css">
33
34  
35  <meta name="google-site-verification" content="1fvmqNbMMN_8ziThfvxpEeeWitl3YkZ_lJDAdQxyrs0" />
36  
37</head>
38<body>
39
40  <header class="header">
41  <nav class="navbar navbar-default container-fluid">
42    <div class="navbar-header">
43      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
44        <span class="sr-only">Toggle navigation</span>
45        <span class="icon-bar"></span>
46        <span class="icon-bar"></span>
47        <span class="icon-bar"></span>
48      </button>
49      <h1 class="navbar-brand"><a href="http://straysheep3.github.io/"><i class="fa fa-terminal"></i> <span>var</span> STRAYSHEEP</a></h1>
50    </div>
51
52    <div class="collapse navbar-collapse" id="navbar">
53      <ul class="nav navbar-nav navbar-right header-nav-link">
54        <li>
55          <a href="http://straysheep3.github.io//categories/web/"><i class="fa fa-desktop"> Web</i></a>
56        </li>
57        
58          
59        
60          
61          <li>
62            <a href="http://straysheep3.github.io/tags/">Tags</a>
63          </li>
64          
65        
66          
67        
68      </ul>
69
70    </div>
71  </nav>
72</header>
73
74  <main class="container-fluid">
75    <section class="row no-gutter">
76
77      
78      <div class="col-md-9">
79        <section>
80  <article itemscope="" itemprop="blogPost" id="single-article">
81    <div class="panel">
82      <div class="panel-heading">
83        <div class="row">
84          <div class="col-md-5 text-center">
85            
86              
87                <img src="http://straysheep3.github.io/images/mokumoku.png" class="img-responsive">
88              
89            
90          </div>
91          <div class="col-md-7">
92            <ul class="list-inline">
93              
94              <li>
95                <i class="fa fa-calendar"></i>
96                <time datetime="2016-06-13 23:38:57 &#43;0900 JST" itemprop="datePublished">2016-06-13</time>
97              </li>
98              
99
100              
101              
102                
103                
104                  <li>
105                    <i class="fa fa-folder"></i>
106                    
107                    <a class="label category-web" href="http://straysheep3.github.io/categories/web">web</a>
108                    
109                    
110                  </li>
111                
112              
113              
114
115              
116              
117                
118                
119                  <li>
120                    <i class="fa fa-tags"></i>
121                    
122                    <a class="label tag-mokumoku" href="http://straysheep3.github.io/tags/mokumoku">mokumoku</a>
123                    
124                    
125                  </li>
126                
127              
128              
129            </ul>
130
131            <h1>mokumoku会のすゝめ</h1>
132            <hr>
133            
134            840
135            文字
136            &middot;
137            2
138            分で読めます
139          </div>
140        </div>
141      </div>
142      <hr>
143      <div id="article-content" class="panel-body article-entry" itemprop="articleBody">
144        
145
146<h2 id="本日初めてmokumoku会に参加しました:f10875960ba81f0b165d513a60b94612">本日初めてmokumoku会に参加しました。</h2>
147
148<p>mokumoku会って何をするものなのか、どんな人が来るのか。
149まったく知らない状態で参加しましたが、結果として非常に良かったです。</p>
150
151<p><strong>mokumoku会には積極的に参加することをオススメします。</strong></p>
152
153<p>約2時間のmokumoku会でしたが、2時間といのは丁度良いです。
154人間がきっちり集中できる時間ですし、2時間で目標を持って作業するというのは効率的です。</p>
155
156<h2 id="mokumoku会は何をするところ:f10875960ba81f0b165d513a60b94612">mokumoku会は何をするところ？</h2>
157
158<p>mokumoku会は、会によってもまちまちかもしれませんが、基本的に目標を持ってモクモク作業するところです。</p>
159
160<p>僕が参加したところでは、</p>
161
162<ol>
163<li>自己紹介、する事を述べる</li>
164<li>モクモク作業する(2時間)</li>
165<li>できたものを簡単に説明する</li>
166</ol>
167
168<p>という形式でした。また、自己紹介の時に「mokumoku会の参加は初です。」と言うと、他の勉強会の紹介をしてくれたり
169非常にフレンドリーでした。</p>
170
171<h2 id="何をモクモク作ったか:f10875960ba81f0b165d513a60b94612">何をモクモク作ったか？</h2>
172
173<p>

173僕は、記事が投稿できるアプリを制作しました。
174人によっては、サーバー周りだったり、記事生成だったりと様々です。</p>
175
176<p>また、本当にRubyやRuby on Railsが初めての方には「これをやったらいいよー」などアドバイスをくれるそうなので臆せずに参加してみてはいかがですか。</p>
177
178<h2 id="僕がオススメするポイント:f10875960ba81f0b165d513a60b94612">僕がオススメするポイント</h2>
179
180<ul>
181<li>環境を変えて学習できる</li>
182<li>何をするか宣言してからモクモクするので、目標が明確で進めやすい</li>
183<li>友達が増える(と思うw)</li>
184<li>刺激をうける。=&gt; やる気がでる</li>
185<li>情報が増える</li>
186</ul>
187
188<p>などなどです。個人的には、新しく覚えたことを試したり(わからなければ、すごい人に聞いてみる)、覚えた技術の復習につかえる。と思います。
189僕が作成した、記事投稿アプリも覚えた技術の復習として作成しました。
1902時間では、完成しなかったのですが自分の実力を確認できるし、あたらしい目標も見えてきます。</p>
191
192<h2 id="最後に:f10875960ba81f0b165d513a60b94612">最後に</h2>
193
194<p>mokumoku会は、学びたい人にとってすごくオススメです。無料で参加できるなら尚です。
195普段の学習と、外部からの刺激を受けてよりよいエンジニアライフを送っていきたいのでした。では。:)</p>
196
197      </div>
198    </div>
199    <div>
200      
201<nav class="clearfix">
202  
203  <a href="http://straysheep3.github.io/post/how-to-study-programing/" >
204    <strong class="btn btn-readMore">
205      <i class="fa fa-chevron-circle-left"></i>
206      &ensp;
207      次の記事
208      &ensp;
209      <i class="fa fa-terminal"></i>
210      プログラミングの効果的な学習法？
211    </strong>
212  </a>
213  
214
215  
216    <a href="http://straysheep3.github.io/post/hugo-gh-pages-blog-create/" class="pull-right">
217      <strong class="btn btn-readMore">
218        前の記事
219        &ensp;
220        <i class="fa fa-terminal"></i>
221        Hugoでgh-pagesにブログを作ってみた
222        &ensp;
223        <i class="fa fa-chevron-circle-right"></i>
224      </strong>
225    </a>
226    
227
228</nav>
229
230
231    </div>
232  </article>
233
234  
235  
236  <section id="comments">
237    <div id="disqus_thread">
238      <div id="disqus_thread"></div>

239<script type="text/javascript">
240    var disqus_shortname = 'varstraysheep';
241    var disqus_identifier = 'http:\/\/straysheep3.github.io\/post\/mokumoku\/';
242    var disqus_title = 'mokumoku会のすゝめ';
243    var disqus_url = 'http:\/\/straysheep3.github.io\/post\/mokumoku\/';
244
245    (function() {
246        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
247        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
248        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
249    })();
250</script>

250
251<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
252<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
253    </div>
254  </section>
255  
256  
257
258</section>
259
260      </div>
261      
262
263      <div class="col-md-3 gutter">
264        
265        <div class="panel panel-primary">
266          <div class="panel-heading">
267            <h3 class="panel-title">ステンバーイ</h3>
268          </div>
269          <div class="panel-body">
270            <img class="img-responsive" src="http://straysheep3.github.io//images/baracktocat.jpg" alt="" />
271          </div>
272        </div>
273        
274
275        
276        
277  <div class="recent-box">
278    <h3 style="font-size: 1.5rem;">
279      <i class="fa fa-pencil"></i> 最近の記事
280    </h3>
281
282    <ul class="list-group">
283      
284      <li class="list-group-item recent-box">
285        <div class="media">
286          <div class="media-left">
287            <a href="http://straysheep3.github.io/post/how-to-study-programing/">
288              
289                
290                  <span class="recent-article-img" style="background-image:url(http://straysheep3.github.io/images/how_to_study.png)" title="mokumoku会のすゝめ"></span>
291                
292              
293            </a>
294          </div>
295          <div class="media-body">
296            <ul class="list-inline">
297              <li>
298                <i class="fa fa-calendar"></i>
299                <time datetime="2016-07-07 19:51:01 &#43;0900 JST" itemprop="datePublished">2016-07-07</time>
300              </li>
301              
302                
303                
304                  <li>
305                    <i class="fa fa-folder"></i>
306                    
307                    <a class="label category-web" href="http://straysheep3.github.io/categories/web">web</a>
308                    
309                  
310                  </li>
311                
312            
313            </ul>
314            <a href="http://straysheep3.github.io/post/how-to-study-programing/">プログラミングの効果的な学習法？</a>
315          </div>
316        </div>
317      </li>
318      
319      <li class="list-group-item recent-box">
320        <div class="media">
321          <div class="media-left">
322            <a href="http://straysheep3.github.io/post/mokumoku/">
323              
324                
325                  <span class="recent-article-img" style="background-image:url(http://straysheep3.github.io/images/mokumoku.png)" title="mokumoku会のすゝめ"></span>
326                
327              
328            </a>
329          </div>
330          <div class="media-body">
331            <ul class="list-inline">
332              <li>
333                <i class="fa fa-calendar"></i>
334                <time datetime="2016-06-13 23:38:57 &#43;0900 JST" itemprop="datePublished">2016-06-13</time>
335              </li>
336              
337                
338                
339                  <li>
340                    <i class="fa fa-folder"></i>
341                    
342                    <a class="label category-web" href="http://straysheep3.github.io/categories/web">web</a>
343                    
344                  
345                  </li>
346                
347            
348            </ul>
349            <a href="http://straysheep3.github.io/post/mokumoku/">mokumoku会のすゝめ</a>
350          </div>
351        </div>
352      </li>
353      
354      <li class="list-group-item recent-box">
355        <div class="media">
356          <div class="media-left">
357            <a href="http://straysheep3.github.io/post/hugo-gh-pages-blog-create/">
358              
359                
360                  <span class="recent-article-img" style="background-image:url(http://straysheep3.github.io/images/hugo-github.png)" title="mokumoku会のすゝめ"></span>
361                
362              
363            </a>
364          </div>
365          <div class="media-body">
366            <ul class="list-inline">
367              <li>
368                <i class="fa fa-calendar"></i>
369                <time datetime="2016-06-12 01:27:57 &#43;0900 JST" itemprop="datePublished">2016-06-12</time>
370              </li>
371              
372                
373                
374                  <li>
375                    <i class="fa fa-folder"></i>
376                    
377                    <a class="label category-web" href="http://straysheep3.github.io/categories/web">web</a>
378                    
379                  
380                  </li>
381                
382            
383            </ul>
384            <a href="http://straysheep3.github.io/post/hugo-gh-pages-blog-create/">Hugoでgh-pagesにブログを作ってみた</a>
385          </div>
386        </div>
387      </li>
388      
389    </ul>
390  </div>
391
392
393        
394
395        
396          
397  
398    
399      <div>
400        <h3 style="font-size: 1.5rem;">
401          <i class="fa fa-tags"></i>
402          Tags
403        </h3>
404        <div>
405          
406            <a class="label tag-gh-pages" href="http://straysheep3.github.io/tags/gh-pages" style="font-size: 12px;">gh-pages</a>
407          
408            <a class="label tag-hugo" href="http://straysheep3.github.io/tags/hugo" style="font-size: 12px;">hugo</a>
409          
410            <a class="label tag-mokumoku" href="http://straysheep3.github.io/tags/mokumoku" style="font-size: 12px;">mokumoku</a>
411          
412            <a class="label tag-study" href="http://straysheep3.github.io/tags/study" style="font-size: 12px;">study</a>
413          
414        </div>
415      </div>
416    
417  
418
419
420        
421        <hr>
422        
423        <aside class="panel panel-default">
424  <div class="profile"></div>
425  <div class="profile-body text-center">
426    <img src="http://straysheep3.github.io/images/me.jpg" class="profile-img" alt="straysheep" />
427    <h5>Stray Sheep</h5>
428    <p>(HUGO 見習い Lv.3) あわわわ! 英語のドキュメントが読めないです！</p>
429    <ul class="list-inline social">
430      
431<li><a href="//github.com/straysheep3" target="_blank" title="GitHub"><i class="fa fa-2x fa-github"></i></a></li>
432
433
434
435
436
437
438
439<li><a href="//codepen.io/straysheep-kage3" target="_blank" title="CodePen"><i class="fa fa-2x fa-codepen"></i></a></li>
440
441
442
443
444
445
446
447
448
449
450
451
452
453<li><a href="//instagram.com/sheep33930" target="_blank" title="Instagram"><i class="fa fa-2x fa-instagram"></i></a></li>
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479<li><a href="//pinterest.com/straysheep3" target="_blank" title="Pinterest"><i class="fa fa-2x fa-pinterest"></i></a></li>
480
481
482
483
484
485
486
487<li><a href="//twitter.com/var_straysheep" target="_blank" title="Twitter"><i class="fa fa-2x fa-twitter"></i></a></li>
488
489
490      <li>
491        <a href='http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fstraysheep3.github.io%2F'  target='blank'>
492          <i class="fa fa-rss fa-2x"></i>
493        </a>
494      </li>
495    </ul>
496  </div>
497</aside>
498
499<aside class="well well-sm">
500  <a href="https://stark-springs-80204.herokuapp.com/">niconico-API サンプル</a>
501</aside>
502
503<aside class="panel panel-default">
504  <div class="panel-body text-center">
505    <a class="twitter-timeline" href="https://twitter.com/var_straysheep">Tweets by var_straysheep</a>
506  </div>
507</aside>
508
509        
510
511      </div>
512      
513    </section>
514  </main>
515
516  <footer class="footer text-center">
517  <small>©straysheep</small>
518</footer>
519
520
521

522<script>

522
523(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
524(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
525m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
526})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
527
528ga('create', '

528UA-79201342-1

528', 'auto');
529ga('send', 'pageview');

530</script>

530
531
532
533

534<script>  window.amznpubstudioTag = "straysheep0e-22";</script>

534
535
536

537<script async="true" type="text/javascript" src="http://ps-jp.amazon-adsystem.com/domains/straysheep0e-22_7417265b-1842-416f-b9c8-90a7067f2c0a.js" charset="UTF-8"></script>

537
538
539
540

541<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

541
542
543

544<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/highlight.min.js"></script>

544

545<script>hljs.initHighlightingOnLoad();</script>

545
546
547

548<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

548
549
550

551<script src="https://use.fontawesome.com/f156e52422.js"></script>

551
552
553

554<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

554
555
556

557<script src="http://straysheep3.github.io//js/script.js"></script>

557
558
559
560</body>
561</html>