<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>Webアプリ on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/web%E3%82%A2%E3%83%97%E3%83%AA/</link>
		<description>Recent content in Webアプリ on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Fri, 26 Oct 2018 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/web%E3%82%A2%E3%83%97%E3%83%AA/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Toodles - ソースコード内コメント中の ToDo を集めてやるべきTodoリストを一覧、更新できるwebツール</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/10/toodles-updates-todo-list-from-source-code-comments/</link>
				<pubDate>Fri, 26 Oct 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/10/toodles-updates-todo-list-from-source-code-comments/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://github.com/aviaviavi/toodles&#34;&gt;Toodles&lt;/a&gt; は、ソースコード中に書かれたコメントの ToDo を収集し、次やるべきことを可視化してくれるというオープンソースのwebアプリです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/10/toodles-updates-todo-list-from-source-code-comments/toodle-screenshot.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/10/toodles-updates-todo-list-from-source-code-comments/toodle-screenshot_hu_5be627383c2f2fea.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/10/toodles-updates-todo-list-from-source-code-comments/toodle-screenshot_hu_1ec6c37a52c879f7.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/10/toodles-updates-todo-list-from-source-code-comments/toodle-screenshot_hu_c78634bfa9c5ae72.webp 926w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/10/toodles-updates-todo-list-from-source-code-comments/toodle-screenshot.png&#34; width=&#34;926&#34; height=&#34;388&#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;ツール自身への入力として、Toodles 自体のソースコードを使いましたが、それとは別に適当なソースコードに ToDo コメントを仕込んで、一緒に読ませてみました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;code&gt;var MAX_HEIGHT = 320; var SQUARE_SIZE = 150; var thumbnailBucket = process.env.DESTINATION_BUCKET_NAME;  // TODO (hoge|p=8|#js|#test|#newTag) - アレをナニしないといけない exports.handler = function(event, context, callback) { var originalBucket = event.Records[0].s3.bucket.name; var key = event.Records[0].s3.object.key;&lt;/code&gt;&lt;/p&gt;&#xA;&lt;p&gt;ソースコードとして指定したディレクトリ以下で、対応しているプログラミング言語(readme に一覧が載っていますが、主要なプログラミング言語やシェルスクリプト、yamlファイルなどをサポートしています)のファイルをすべて解析して、ToDo リストを更新してくれます。&lt;/p&gt;&#xA;&lt;p&gt;また、Webアプリ側からもToDo を消したり、優先度やタグなどを更新したりでき、その結果は元のソースコード側にもちゃんと反映されます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/10/toodles-updates-todo-list-from-source-code-comments/toodle-edit-todo.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/10/toodles-updates-todo-list-from-source-code-comments/toodle-edit-todo_hu_e78a959517e61562.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/10/toodles-updates-todo-list-from-source-code-comments/toodle-edit-todo_hu_d63435a1025ba08.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/10/toodles-updates-todo-list-from-source-code-comments/toodle-edit-todo_hu_106992f2e8443fba.webp 910w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/10/toodles-updates-todo-list-from-source-code-comments/toodle-edit-todo.png&#34; width=&#34;910&#34; height=&#34;462&#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;コメント内の ToDo の表記で、担当者、タグ、優先度などとコメントを書くことができ、webアプリ上ではそれらを使って ToDo を絞り込んだり、ソートしたりもできます。&lt;/p&gt;&#xA;&lt;p&gt;Toodles は Haskell で書かれていて、GitHub でソースコードが公開されています。&lt;/p&gt;</description>
			</item>
			<item>
				<title>Baby Buddy - オープンソースの赤ちゃん管理システム</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2017/10/baby-buddy-open-source-baby-caring-system/</link>
				<pubDate>Fri, 27 Oct 2017 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2017/10/baby-buddy-open-source-baby-caring-system/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://github.com/cdubz/babybuddy&#34;&gt;Baby Buddy&lt;/a&gt; は、Python で書かれた、乳児の世話に関する事柄を記録・管理できるwebベースのツールです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/baby-buddy-open-source-baby-caring-system/baby-buddy-screenshot.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/baby-buddy-open-source-baby-caring-system/baby-buddy-screenshot_hu_c62ad7ee79fb80ef.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/10/baby-buddy-open-source-baby-caring-system/baby-buddy-screenshot_hu_fec6a45933eb054c.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/10/baby-buddy-open-source-baby-caring-system/baby-buddy-screenshot_hu_7de15558bbe4c5f2.webp 1026w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/baby-buddy-open-source-baby-caring-system/baby-buddy-screenshot.png&#34; width=&#34;1026&#34; height=&#34;997&#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;&lt;a href=&#34;https://babybuddy.herokuapp.com/children/tim-powell/dashboard/&#34;&gt;デモサイト&lt;/a&gt;を見る感じでは、「授乳」「睡眠」「おむつ交換」「腹ばい練習(tummy time)」について、それぞれやった時に記録を取り、その結果を参照できるようです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/baby-buddy-open-source-baby-caring-system/baby-buddy-diaper-change-form.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/baby-buddy-open-source-baby-caring-system/baby-buddy-diaper-change-form_hu_72b1b7ccca60e28c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/10/baby-buddy-open-source-baby-caring-system/baby-buddy-diaper-change-form_hu_51d8f7dd0bed70cd.webp 510w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/10/baby-buddy-open-source-baby-caring-system/baby-buddy-diaper-change-form.png&#34; width=&#34;510&#34; height=&#34;556&#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;たとえば、おむつ交換の追加では、世話している子供の名前(複数の乳児を管理できます)や、交換した時におむつが濡れていたかどうか、そして便の色、などを入力させられます。&lt;/p&gt;&#xA;&lt;p&gt;授乳では、母乳かミルクか、母乳ならどちらのおっぱいか、飲んだ量、などが、時間とともに記録されます。&lt;/p&gt;&#xA;&lt;p&gt;# 自分の時は紙のノートに記録してたのを思い出しました。&lt;/p&gt;&#xA;&lt;p&gt;一人ですべての面倒を見ているような、いわゆるワンオペ育児ではそれほど記録の必要もないかもしれませんが、うちのように夫婦で時間をずらしてカバーするとか、ベビーシッター等を含めて複数人で面倒を見ているところだと、誰がみても直近の過去の状態がまとまって見られるというのはいいことだと思います。多数の子供を登録して、保育園のような事業者が使うというのも考えられるでしょうね。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://news.ycombinator.com/item?id=15558057&#34;&gt;Hacker News&lt;/a&gt;のコメントによれば、この手のアプリとしてはスマートフォンアプリの &lt;a href=&#34;https://itunes.apple.com/jp/app/%E8%B5%A4%E3%81%A1%E3%82%83%E3%82%93%E6%97%A5%E8%A8%98-baby-connect/id326574411?mt=8&#34;&gt;Baby Connect&lt;/a&gt; が有名なようです。こちらは日本円だと600円の有料アプリで、さすがに機能も多く、UIもこなれているようです。&lt;/p&gt;&#xA;&lt;p&gt;そういう市販のアプリを使うのでもいいのですが、オープンソースでコードがGithub に上がっていることから、自分と家族に特有の何かを追加で記録したいとか、欲しい機能を自分で追加提案できるという点で、この Baby Buddy も面白いかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;今は人力で毎回入力するしかないですが、センサーや音声入出力などを組み合わせることで、さらに育児の手間や負担を減らすようにしていくことも可能でしょうね。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=15558057&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
