<?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%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88/</link>
		<description>Recent content in ウェブサイト on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Fri, 19 Nov 2021 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Paper Website - 手書きメモから作れるウェブサイトサービス</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/</link>
				<pubDate>Fri, 19 Nov 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://paperwebsite.com/&#34;&gt;Paper Website&lt;/a&gt; は、ノートに手書きで書いた文章をカメラで読み取ることでウェブサイトを作れるというサービスです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://paperwebsite.com/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/paper-website-top_hu_e3aa7387a2d1ab8f.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/paper-website-top_hu_346677891573d6dc.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/paper-website-top_hu_565571532312a4ea.webp 856w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/paper-website-top.png&#34; width=&#34;856&#34; height=&#34;713&#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;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/paper-website-photoshoot.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/paper-website-photoshoot_hu_5ebf5bc605852732.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/paper-website-photoshoot_hu_40ebdf1bfeebc62f.webp 481w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/paper-website-photoshoot.png&#34; width=&#34;481&#34; height=&#34;327&#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;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/paper-website-editor.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/paper-website-editor_hu_c32be5e20d4feaa7.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/paper-website-editor_hu_3752f1d6803ebd1c.webp 623w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/11/paper-website/paper-website-editor.png&#34; width=&#34;623&#34; height=&#34;367&#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;&#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/643430868?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;ちょっと想像してたのとは違いますが。サービス名からは撮ったノートの画像を画像のままウェブサイトという形にするのかと思ってました。紙(paper)ですが、手書き文字の温かみ、とかそういう方向性のサービスではありませんでした。&lt;/p&gt;&#xA;&lt;p&gt;普通ならPCやスマートフォン上で入力するところを、手書き+撮影に置き換えたウェブサイト作成サービス、ということでしょうか。&lt;/p&gt;&#xA;&lt;p&gt;文章の読み取りは残念ながら英語のみ。また、高さを揃える、4,5行ごとにブロックを意識して書く、筆記体不可、など、ある程度サービスに合わせた手書き力は求められてしまうようです。&lt;/p&gt;&#xA;&lt;p&gt;手書きの方が慣れてるし早いし、手書きで更新出来るならやってもいいのに、というユーザーに対して訴求できるかもしれないですね。&lt;/p&gt;&#xA;&lt;p&gt;月額プランで$10/月。無料のドメイン名と手書き用のノート一冊がついてくるようです。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://www.producthunt.com/posts/paper-website&#34;&gt;Product Hunt&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>このウェブサイトは自動的に消滅する - 来訪者のメッセージをランダムに表示するサイト</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/</link>
				<pubDate>Wed, 22 Apr 2020 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.thiswebsitewillselfdestruct.com/&#34;&gt;This Website Will Self Destrut (このサイトは自動的に消滅する)&lt;/a&gt; は、ウェブ漫画家の&lt;a href=&#34;https://twitter.com/FemmeAndroid&#34;&gt;@FemmeAndroid さん&lt;/a&gt;の&lt;a href=&#34;https://twitter.com/FemmeAndroid/status/1251387222122790912&#34;&gt;手になる&lt;/a&gt;シンプルな新webサービスです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/self-destruct-website-screenshot-1.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/self-destruct-website-screenshot-1_hu_aebf65e2647c2f8a.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/self-destruct-website-screenshot-1_hu_f9372498e99713af.webp 727w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/self-destruct-website-screenshot-1.png&#34; width=&#34;727&#34; height=&#34;856&#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;blockquote&gt;&#xA;&lt;p&gt;私はすぐいなくなるウェブサイト。それでいいんです。&lt;/p&gt;&#xA;&lt;p&gt;下のフォームから私にメッセージを送れます。24時間メッセージが来なければ、私は永久に消滅し、データベース上のすべては削除されます。&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;/blockquote&gt;&#xA;&lt;p&gt;&amp;ldquo;Read a message&amp;quot;ボタンを押すと、ランダムに他の人が残したメッセージを読むことができます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/self-destruct-website-screenshot-2-read-others.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/self-destruct-website-screenshot-2-read-others_hu_5f6c04bdfcf48bd3.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/self-destruct-website-screenshot-2-read-others_hu_73b6ee65cf727bc9.webp 623w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/self-destruct-website-screenshot-2-read-others.png&#34; width=&#34;623&#34; height=&#34;301&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&#xA;&lt;p&gt;4月18日の公開から4日間で、50000通以上のメッセージが投稿され、全部で2百万回の閲覧があったそうです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/self-destruct-website-screenshot-3-read-others.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/self-destruct-website-screenshot-3-read-others_hu_55c0edd3c638ff86.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/self-destruct-website-screenshot-3-read-others_hu_2843ad33761c10ff.webp 589w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/this-website-will-self-destruct/self-destruct-website-screenshot-3-read-others.png&#34; width=&#34;589&#34; height=&#34;138&#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;関係ないけど、サイト全体が3度傾いてるの、たった3度なのにすごい傾いてる感じになりますね。どこかで使ってみたいけれどどういうサービスだと傾いてるのがいい感じになるのか難しそう。&lt;/p&gt;&#xA;&lt;p&gt;via HackerNews&lt;/p&gt;</description>
			</item>
			<item>
				<title>Webtest.app - ウェブサイトの表示が広告ブロックの有無でどう変わるか測定してくれるサービス</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/09/webtest-app-compares-adblock-with-and-without/</link>
				<pubDate>Fri, 27 Sep 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/09/webtest-app-compares-adblock-with-and-without/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://webtest.app/&#34;&gt;Webtest.app&lt;/a&gt; は、同じウェブサイトに対してアドブロックを使っていない場合と使った場合に、内部的にどれだけ読み込むファイルやドメインが違うかというのを測定してくれるサイトです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://webtest.app/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/09/webtest-app-compares-adblock-with-and-without/website-speed-test-top-form_hu_c3abcce0beed3b0.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/09/webtest-app-compares-adblock-with-and-without/website-speed-test-top-form_hu_d590ba271ccef698.webp 659w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/09/webtest-app-compares-adblock-with-and-without/website-speed-test-top-form.png&#34; width=&#34;659&#34; height=&#34;296&#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;a href=&#34;https://webtest.app/?url=https%3A%2F%2Fwww.asahi.com%2F&#34;&gt;Asahi.com&lt;/a&gt;で試してみました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2019/09/webtest-app-compares-adblock-with-and-without/webtest-app-on-asahi-com-1.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/09/webtest-app-compares-adblock-with-and-without/webtest-app-on-asahi-com-1_hu_ac4919bbbd87ba5c.webp 346w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/09/webtest-app-compares-adblock-with-and-without/webtest-app-on-asahi-com-1.png&#34; width=&#34;346&#34; height=&#34;905&#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://labs.cybozu.co.jp/blog/akky/2019/09/webtest-app-compares-adblock-with-and-without/webtest-app-on-asahi-com-2.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/09/webtest-app-compares-adblock-with-and-without/webtest-app-on-asahi-com-2_hu_932d70d62a88941b.webp 312w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/09/webtest-app-compares-adblock-with-and-without/webtest-app-on-asahi-com-2.png&#34; width=&#34;312&#34; height=&#34;888&#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;倍のリクエストを読み込み、これだけたくさんのクッキーを積んでも2秒ぐらいしか読み込みが違わないのは、さすがに毎日膨大なアクセスを捌いているだけのことはありますね。&lt;/p&gt;&#xA;&lt;p&gt;広告収入で運営しているサイトは特に、広告ブロック機能を使っているユーザーはお客さんではないと思うでしょうから、広告ブロックした場合の性能はそれほど気にしないかもしれません。しかしそれでも、各社の広告スクリプトを載せただけでユーザー体験やその背後で動くデータ量がどれだけ増えるかは、確認しておいてもいいかもしれないと思います。&lt;/p&gt;</description>
			</item>
			<item>
				<title>パスワードを決める画面でのアホなルールを集めたリポジトリ dumb-password-rules</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/09/dumb-password-rules/</link>
				<pubDate>Thu, 12 Sep 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/09/dumb-password-rules/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://github.com/dumb-password-rules/dumb-password-rules&#34;&gt;dumb-password-rules/dumb-password-rules&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;パスワードの登録や更新画面で出てきたおかしな制約やエラーを募集している GitHub リポジトリがあります。&lt;/p&gt;&#xA;&lt;h3 id=&#34;あほなパスワードの文字制限を分類&#34;&gt;あほなパスワードの文字制限を分類&lt;/h3&gt;&#xA;&lt;p&gt;多数の事例が載っていますが、代表的なものをグループ化してみます。&lt;/p&gt;&#xA;&lt;h4 id=&#34;文字種や記号を謎に制限&#34;&gt;文字種や記号を謎に制限&lt;/h4&gt;&#xA;&lt;p&gt;「% は使えません」「\ は使えません」 - 内部でエスケープしちゃうんですねわかります。ちゃんと作ってあればこんな特例要らないと思うんですが。&lt;/p&gt;&#xA;&lt;p&gt;「記号で使えるのは ? ! $ €% &amp;amp; * _ = - +. ,:; / () {} [] ~ @ # だけです」&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;「パスワードは5-15文字です(が、スペースは文字数としてカウントしません)」&lt;/p&gt;&#xA;&lt;p&gt;「パスワードに使えない記号は、あなたがそれを入れてみた時だけエラーで教えます」&lt;/p&gt;&#xA;&lt;p&gt;「パスワードは数字8桁で、0で始まってはいけません」 - 数値型か&lt;/p&gt;&#xA;&lt;p&gt;「#, %, &amp;amp;, =, /, &amp;lt; などのハッキング文字は使えません」 - ハッキング文字!&lt;/p&gt;&#xA;&lt;h4 id=&#34;長さ指定系&#34;&gt;長さ指定系&lt;/h4&gt;&#xA;&lt;p&gt;「パスワードは8,9,10文字でなければいけません」&lt;/p&gt;&#xA;&lt;p&gt;「パスワードは7文字か8文字でなければいけません」&lt;/p&gt;&#xA;&lt;p&gt;「パスワードは6文字です」 - ATMの暗証番号か&lt;/p&gt;&#xA;&lt;p&gt;「パスワードは6文字以上です (あとどこにも書いてませんしエラーの原因にも出ませんが最大20文字です)」&lt;/p&gt;&#xA;&lt;p&gt;「メールアドレスは8文字以上にしてください」 - ユーザーのメールアドレスで選別するの?&lt;/p&gt;&#xA;&lt;p&gt;「登録フォームのパスワードは最大24文字ですが、実際に使われているパスワードは最初の16文字です(更新フォームで判明)」&lt;/p&gt;&#xA;&lt;h4 id=&#34;技術で解決系&#34;&gt;技術で解決系&lt;/h4&gt;&#xA;&lt;p&gt;右クリックや Ctrl キーを効かなく(alertが出る)することで、パスワードマネージャーの利用を防ぐ&lt;/p&gt;&#xA;&lt;p&gt;パスワードを入れる箇所が2か所あるが、コピペやChrome拡張からの自動入力を不可能にすることで、パスワードマネージャーの利用を防ぐ&lt;/p&gt;&#xA;&lt;p&gt;「パスワードは120日ごとに変更しなければならず、一度使ったパスワードは二度と使えません」&lt;/p&gt;&#xA;&lt;h4 id=&#34;総合力タイプ&#34;&gt;総合力タイプ&lt;/h4&gt;&#xA;&lt;p&gt;「パスワードには記号を含めてください。パスワードには記号は使えません」 どうしろと&lt;/p&gt;</description>
			</item>
			<item>
				<title>あなたの「ランダム」は本当にランダムか? を試せるサイト</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/03/check-your-randomness/</link>
				<pubDate>Wed, 20 Mar 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/03/check-your-randomness/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.expunctis.com/2019/03/07/Not-so-random.html&#34;&gt;How random can you be?&lt;/a&gt; は、人間にとってランダムな情報を作ることがいかに難しいか、ということを体験させてくれるウェブページです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2019/03/check-your-randomness/being-random-game.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/03/check-your-randomness/being-random-game_hu_87e3b7bf8a986e34.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/03/check-your-randomness/being-random-game_hu_a79e22d1de33ffe9.webp 487w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/03/check-your-randomness/being-random-game.png&#34; width=&#34;487&#34; height=&#34;411&#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;ゲームの開始時、あなたは1000ドルを所有しています。キーボードの矢印の←と→を使って、ランダムな入力をしてください。&lt;/p&gt;&#xA;&lt;p&gt;サイトがあなたの次の手を当てていたら、あなたは1ドルを失います。あなたがサイトの裏をかいていたら、$1.05を得られます。&lt;/p&gt;&#xA;&lt;p&gt;あなたの入力が完全にランダムで予測不可能であれば、長期的にはあなたのお金は増えるはず。しかし… 滅茶苦茶に入力しているつもりでも、プログラムが記憶した過去の傾向と付き合わせられると、ジリジリと所持金は下がっていきます。&lt;/p&gt;&#xA;&lt;p&gt;もう一つある&amp;quot;randomize&amp;quot;ボタンは、疑似乱数から10回分の入力をあなたに代わって入れてくれるというもので、多くの場合このボタンを押すと少しだけ稼ぎを増やすことができます。&lt;/p&gt;&#xA;&lt;p&gt;勝つためにランダム性が必要なゲームをする時は、自分で考えるより乱数にまかせた方がいい場合もありそうということで。&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/C82JyCmtKWg?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;</description>
			</item>
			<item>
				<title>オープンソース化された結婚式のウェブサイト(GPLライセンス)</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/11/open-sourced-wedding-website/</link>
				<pubDate>Thu, 29 Nov 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/11/open-sourced-wedding-website/</guid>
				<description>&lt;p&gt;Oath社のソフトウェア・エンジニア、ラムさん(Ram)が結婚一周年を記念して &lt;a href=&#34;https://github.com/rampatra/wedding-website&#34;&gt;GitHub で公開した&lt;/a&gt;のは、彼が自身の結婚式のために製作したウェブサイト。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://wedding.rampatra.com/&#34;&gt;デモサイト&lt;/a&gt;も公開されていて、動く様子を見ることができます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://wedding.rampatra.com/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/11/open-sourced-wedding-website/rams-wedding-website-demo_hu_b18542058fa1a011.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/11/open-sourced-wedding-website/rams-wedding-website-demo_hu_35861ea7cbaad4c2.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/11/open-sourced-wedding-website/rams-wedding-website-demo_hu_ddb6cb91cacdf2bc.webp 831w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/11/open-sourced-wedding-website/rams-wedding-website-demo.png&#34; width=&#34;831&#34; height=&#34;807&#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://www.instagram.com/explore/tags/ramandantara/&#34;&gt;こちらで見られます&lt;/a&gt;)、婚約式の写真、結婚式場の地図、が、モダンなレスポンシブデザインで提供されています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://wedding.rampatra.com/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/11/open-sourced-wedding-website/rams-wedding-website-menu_hu_26561ffa4322dc40.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/11/open-sourced-wedding-website/rams-wedding-website-menu_hu_df32965b5a43e9ca.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/11/open-sourced-wedding-website/rams-wedding-website-menu_hu_e09ba6de14f820d2.webp 772w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/11/open-sourced-wedding-website/rams-wedding-website-menu.png&#34; width=&#34;772&#34; height=&#34;734&#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;http://mew11x.doorblog.jp/archives/52641971.html&#34;&gt;メヘンディ、ハルディなどインドの結婚式独特の行事の案内&lt;/a&gt;や、そのドレスコードの説明などは興味深いと思いました。新郎新婦にウコンを塗りたくる儀式っていったい…&lt;/p&gt;&#xA;&lt;p&gt;参加不参加の表明(RSVP)は Google Sheet とメールで、ホスティングは GitHub Pages で実現されていて、同じものを完全に無料で動かすことができます。&lt;/p&gt;&#xA;&lt;p&gt;ライセンスはGPLv3ということで、これから結婚式を挙げるエンジニアの人は、これをベースにして作るのもいいかもしれませんね。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=18556787&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>これが2018年のウェブサイト</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/11/website-in-2018/</link>
				<pubDate>Fri, 09 Nov 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/11/website-in-2018/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://2018.bloomca.me/en&#34;&gt;Websites in 2018&lt;/a&gt;は、最近のウェブサイトのトレンドを忠実に表したサイトです。ただしコンテンツはありません。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://2018.bloomca.me/en&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/11/website-in-2018/website-in-2018-screenshot_hu_4cc9b942ed4bad48.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/11/website-in-2018/website-in-2018-screenshot_hu_af655d80ee85b81f.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/11/website-in-2018/website-in-2018-screenshot_hu_511e658d0d6fa08.webp 863w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/11/website-in-2018/website-in-2018-screenshot.png&#34; width=&#34;863&#34; height=&#34;766&#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;a href=&#34;https://github.com/Bloomca/website-in-2018&#34;&gt;ソースコード&lt;/a&gt;に「ローカライズはご自由に」とあるので、日本語に翻訳しました。&lt;a href=&#34;http://akimoto.jp/website-in-2018/&#34;&gt;2018年のウェブサイト&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=18284910&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>テキストで百万ドルページ(ASCIIミリオンダラーページ)</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2009/08/ascii-b192/</link>
				<pubDate>Mon, 17 Aug 2009 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2009/08/ascii-b192/</guid>
				<description>&lt;p&gt;柳の下にはいくらでもドジョウがいるんですかね。ドジョウが居るかはともかく、ドジョウ取りは沢山いるようです。 一ページのウェブページをドット単位で売ることで1億円を稼いだ、伝説の個人ネット広告&lt;a href=&#34;http://www.milliondollarhomepage.com/&#34;&gt;ミリオンダラー・ホームページ&lt;/a&gt;、 &lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2009/08/ascii-b192/milliondollarhomepagescreenshot.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2009/08/ascii-b192/milliondollarhomepagescreenshot_hu_28878e38ae1af353.webp 400w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2009/08/ascii-b192/milliondollarhomepagescreenshot.png&#34; width=&#34;400&#34; height=&#34;274&#34; alt=&#34;Milliondollarhomepagescreenshot&#34; title=&#34;Milliondollarhomepagescreenshot&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt; &lt;a href=&#34;http://akimoto.jp/blog/2009/06/20/million-pixel-twitter-page/&#34;&gt;ツイッターのユーザーアイコン限定で上記の成功を再現しようとし&lt;/a&gt;、今のところ順調に失敗しているように見える&lt;a href=&#34;http://www.millionpixeltwitterpage.com/&#34;&gt;100万ピクセルツイッターページ&lt;/a&gt;、 &lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/old_akky_images/uncategorized/2009/08/17/millionpixeltwitterpagescreenshot.png&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/wp-content/uploads/2013/11/millionpixeltwitterpagescreenshot.png&#34; alt=&#34;Millionpixeltwitterpagescreenshot&#34; title=&#34;Millionpixeltwitterpagescreenshot&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt; に続き、「テキストを文字単位で広告として売る」&lt;a href=&#34;http://asciimilliondollarpage.com/&#34;&gt;The ASCII Million Dollar Page&lt;/a&gt;が登場しました。 &lt;a href=&#34;http://asciimilliondollarpage.com/&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/wp-content/uploads/2013/11/asciimilliondollarpagelogoscreensho.png&#34; alt=&#34;Asciimilliondollarpagelogoscreensho&#34; title=&#34;Asciimilliondollarpagelogoscreensho&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt; 80x25文字を一スクリーンとして、25面のテキストスペース、計50,000字を、一文字あたりたった20ドルで、10年間出稿することができるそうです。 一ページ目の左上と、最後のページの右下に、4人ほど購入者がいますね。たぶんこの手のマーケティングで一番訪問者が来るのは今だと思うので、この出だしに賭けたのかなあ、と。 今ある広告にサクラが無いとして、12コマ240ドル分は稼いだのだから、まあこれでもいいんでしょうか。&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
