<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>チュートリアル on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/</link>
		<description>Recent content in チュートリアル on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Fri, 04 Oct 2019 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>[動画] よくあるプログラミング・チュートリアル動画</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/10/typical-programming-tutorial-video/</link>
				<pubDate>Fri, 04 Oct 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/10/typical-programming-tutorial-video/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.youtube.com/watch?v=MAlSjtxy5ak&#34;&gt;Every programming tutorial&lt;/a&gt; は、YouTube上にあまたある、残念なプログラミングチュートリアルを再現したパロディ動画です。&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/MAlSjtxy5ak?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;たった28秒の動画で、17秒あたりにすごい進捗がありますが…&lt;/p&gt;&#xA;&lt;p&gt;喋り方とか構成とか、ちゃんとしたチュートリアル動画を作るのって結構たいへんですよね。&lt;/p&gt;</description>
			</item>
			<item>
				<title>OpenVim - ブラウザで動く Vim 入門</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/06/openvim-teaches-you-vim-on-browser/</link>
				<pubDate>Fri, 21 Jun 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/06/openvim-teaches-you-vim-on-browser/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.openvim.com/&#34;&gt;OpenVim&lt;/a&gt; は、ブラウザ上で動く Vim のインタラクティブなチュートリアルです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.openvim.com/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/06/openvim-teaches-you-vim-on-browser/openvim_hu_d6d30218e49e7513.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/06/openvim-teaches-you-vim-on-browser/openvim_hu_3609308acc65a6b5.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/06/openvim-teaches-you-vim-on-browser/openvim_hu_63bfea3820fcc456.webp 1378w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/06/openvim-teaches-you-vim-on-browser/openvim.png&#34; width=&#34;1378&#34; height=&#34;773&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;20章にわかれたチュートリアルをこなしていくことで、Vim の基本的なコマンドを一通り知ることができます。&lt;/p&gt;&#xA;&lt;p&gt;Unix サーバの管理を初めてまかされた、どうしよう、みたいな人には、コマンド表を見て覚えるよりちょっといいかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://github.com/egaga/openvim&#34;&gt;ソースコードも公開されていて&lt;/a&gt;、たくさんのバグ報告や改善案が寄せられているようです。&lt;/p&gt;</description>
			</item>
			<item>
				<title>RegexOne - 正規表現を段階的に学べるインタラクティブ・チュートリアル</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/</link>
				<pubDate>Fri, 04 Nov 2016 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://regexone.com/&#34;&gt;RegexOne&lt;/a&gt;は、クイズ形式で合致する正規表現を見つけると次に進める、という形のオンラインのチュートリアルサイトです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/regexone-problem.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/regexone-problem_hu_5f312bb0eac444bb.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/regexone-problem_hu_2e1e66f00a1c7741.webp 714w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/regexone-problem.png&#34; width=&#34;714&#34; height=&#34;350&#34; alt=&#34;regexone-problem&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;いくつかのマッチさせるべき(MATCH)、あるいはマッチさせるべきでない(SKIP)テキストと、抜き出さないといけないテキストが提示され、それを満たすような正規表現をフィールドに書いていくと、その場でマッチした箇所が変化していきます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/regexone-finish.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/regexone-finish_hu_612354b193c9133.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/regexone-finish_hu_c43d52acc2fcd37c.webp 768w, https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/regexone-finish_hu_7569957106a7aa43.webp 1023w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/regexone-finish.png&#34; width=&#34;1023&#34; height=&#34;734&#34; alt=&#34;regexone-finish&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;少しずつ違う正規表現を覚えられるように出題されていくレッスンと、それを終えた人のためのさらなる練習問題があります。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/regexone-problem-1.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/regexone-problem-1_hu_60b19a18a8122620.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/regexone-problem-1_hu_69c6293ba8cac2b1.webp 700w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/11/regexone-interactive-regular-expression-tutorial/regexone-problem-1.png&#34; width=&#34;700&#34; height=&#34;369&#34; alt=&#34;regexone-problem-1&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;その場の問題をしのぐために検索した正規表現を使ってそのまま、という仕事のやり方だといつか痛い目に遭うので、段階的に正規表現の基礎を身に着けたい人にはいいかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;via Hacker News&lt;/p&gt;</description>
			</item>
			<item>
				<title>3DCGアニメーション制作の秘密を教えるビデオ</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2013/06/the-secret-of-animation/</link>
				<pubDate>Thu, 06 Jun 2013 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2013/06/the-secret-of-animation/</guid>
				<description>&lt;p&gt;3Dモデルを使ったCGアニメーション制作のツール活用を解説するチュートリアル動画のように見えて、ネタ動画です。&lt;/p&gt;&#xA;&#xA;&#x9;&#x9;&#x9;&lt;div&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&lt;iframe&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;src=&#34;https://player.vimeo.com/video/67501143?dnt=0&#34;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; allow=&#34;fullscreen&#34;&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&lt;/iframe&gt;&#xA;&#x9;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;こんな風に指示して3Dアニメーションが作れるなら、誰もがやってみたいと思うでしょうけどね。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://ghostbag.tumblr.com/post/52202859228/karrey-animation-tutorial-part-1-aka-the&#34;&gt;Tumblr&lt;/a&gt;&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
