<?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%A6%E3%83%BC%E3%83%A2%E3%82%A2/</link>
		<description>Recent content in ユーモア on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Wed, 25 Jan 2023 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E3%83%A6%E3%83%BC%E3%83%A2%E3%82%A2/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>キャラクターがログインフォームをチラチラ見てる</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2023/01/character-looking-your-web-form/</link>
				<pubDate>Wed, 25 Jan 2023 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2023/01/character-looking-your-web-form/</guid>
				<description>&lt;p&gt;画面上の目がマウスカーソルを追いかけるというと、X Window System の &lt;a href=&#34;https://ja.wikipedia.org/wiki/Xeyes&#34;&gt;Xeyes&lt;/a&gt; の昔(Wikipedia によれば 1988 年!)からあるアイデアですが、ウェブサイトのログイン画面を見ているキャラクターというアイデアがこちら&lt;/p&gt;&#xA;&lt;blockquote class=&#34;twitter-tweet&#34;&gt;&lt;p lang=&#34;en&#34; dir=&#34;ltr&#34;&gt;What a cute login form 🥰 &lt;a href=&#34;https://t.co/Qc1csk0I52&#34;&gt;pic.twitter.com/Qc1csk0I52&lt;/a&gt;&lt;/p&gt;&amp;mdash; Victor (@vponamariov) &lt;a href=&#34;https://x.com/vponamariov/status/1617763405708025856?ref_src=twsrc%5Etfw&#34;&gt;January 24, 2023&lt;/a&gt;&lt;/blockquote&gt;&#xA;&lt;script async src=&#34;https://platform.x.com/widgets.js&#34; charset=&#34;utf-8&#34;&gt;&lt;/script&gt;&#xA;&#xA;&#xA;&lt;p&gt;メールアドレスを入力するタイプに応じて雪男風のキャラクターの視線が動きますが、面白いのはパスワードを入力する時のキャラクターの動作。&lt;/p&gt;&#xA;&lt;p&gt;パスワード入力時のマナーとして確立した挙動ですね。&lt;/p&gt;&#xA;&lt;p&gt;twitter のリプライからは、この手のキャラクターがいつ登場したかの情報が集まっています。&lt;/p&gt;&#xA;&lt;p&gt;小物に自分のデータを印刷して購入できるサービス&lt;a href=&#34;https://www.stickermule.com/jp/login&#34;&gt;Sticker Mule のログイン画面&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.stickermule.com/jp/login&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2023/01/character-looking-your-web-form/stickermule-login-form-character-and-password-form_hu_f3ba1b033154173c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2023/01/character-looking-your-web-form/stickermule-login-form-character-and-password-form_hu_a067c95091880cab.webp 683w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2023/01/character-looking-your-web-form/stickermule-login-form-character-and-password-form.png&#34; width=&#34;683&#34; height=&#34;687&#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;Sticker Mule のログイン画面&lt;/p&gt;&#xA;&lt;p&gt;VPNサービス &lt;a href=&#34;https://www.tunnelbear.com/account/login&#34;&gt;TunnelBear のログイン画面&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.tunnelbear.com/account/login&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2023/01/character-looking-your-web-form/tunnelbear-login-form-character-and-password-form_hu_dc64a9ecfc335652.webp 480w, https://labs.cybozu.co.jp/blog/akky/2023/01/character-looking-your-web-form/tunnelbear-login-form-character-and-password-form_hu_2c160e9ff0c8c244.webp 768w, https://labs.cybozu.co.jp/blog/akky/2023/01/character-looking-your-web-form/tunnelbear-login-form-character-and-password-form_hu_ebeffda672ed9335.webp 918w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2023/01/character-looking-your-web-form/tunnelbear-login-form-character-and-password-form.png&#34; width=&#34;918&#34; height=&#34;870&#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;昔 dribble でも見た、という反応は多かったのですが、&lt;a href=&#34;https://dribbble.com/&#34;&gt;Dribbble.com&lt;/a&gt; のことであれば、今のログインフォームにはキャラクターは居ないようです。&lt;/p&gt;&#xA;&lt;p&gt;2019年の Flutter と Flare のデモで、スマートフォン上で同様のフォームを作るコードもありました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://github.com/GJJ2019/Flutter-Teddy-SignIn&#34;&gt;GJJ2019/Flutter-Teddy-SignIn: A Flutter Project For Real Sign In Page Based on Flare Teddy animation&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>担当者を責める404ページ</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/</link>
				<pubDate>Mon, 18 Jun 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.emailcenteruk.com/&#34;&gt;emailcenter&lt;/a&gt; の &lt;a href=&#34;https://www.emailcenteruk.com/404&#34;&gt;404 Not Found ページ&lt;/a&gt;が英語圏の巨大掲示板 reddit で話題となっていました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/emailcenter-404-page.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/emailcenter-404-page_hu_d075c66b03feeb7b.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/emailcenter-404-page_hu_f994a871000bd4c4.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/emailcenter-404-page_hu_d95b1ed8adc28c01.webp 979w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/emailcenter-404-page.png&#34; width=&#34;979&#34; height=&#34;867&#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;blockquote&gt;&#xA;&lt;p&gt;「この受け入れがたい失敗に関して、我が開発チームの誰かに罰が与えられるべきです」&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;というメッセージと共に、Lukeさん、Jamesさん、Martinさん、Chrisさんの4人の誰を責めるべきか選んでくれ、というボタンが出てきます。&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/2018/06/404-page-blames-persons-in-charge/emailcenter-404-page-james-chosen.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/emailcenter-404-page-james-chosen_hu_fddf940719a79b66.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/emailcenter-404-page-james-chosen_hu_b146f5b41c3e515e.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/emailcenter-404-page-james-chosen_hu_13e4fd1c90230a8e.webp 970w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/emailcenter-404-page-james-chosen.png&#34; width=&#34;970&#34; height=&#34;688&#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;選んだ人に「おまえは解雇だ!」というメッセージと、うなだれた当人の写真に。選ばれなかった3人がいい顔してますね。&lt;/p&gt;&#xA;&lt;p&gt;「彼は暇な時間がいっぱいできたから、クリンゴン語検定の勉強がはかどるね」と。ここのメッセージも選んだ人によって変わります。&lt;/p&gt;&#xA;&lt;p&gt;# なお、このエラーページは responsive デザインで、ページ幅が少ないモバイル端末等では、このネタは表示されません。PC で見てください&lt;/p&gt;&#xA;&lt;p&gt;reddit のコメントで出てた、同じ種類の他の404ページも紹介します。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/whatuni-404-page.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/whatuni-404-page_hu_505773c8e0caea49.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/whatuni-404-page_hu_367288f9a15cefab.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/whatuni-404-page_hu_e398d6a3c843bb01.webp 999w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/whatuni-404-page.png&#34; width=&#34;999&#34; height=&#34;866&#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.whatuni.com/&#34;&gt;What Uni?&lt;/a&gt; の &lt;a href=&#34;https://www.whatuni.com/404&#34;&gt;404ページ&lt;/a&gt;。4人並んでるところといい、だいぶ上の例と似てますね。「誰を責めるか?」でボタンを押すと、その社員の失業に絡めたネタのメッセージが出るのも同じ。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.si.com/&#34;&gt;スポーツ・イラストレイテッド&lt;/a&gt;の&lt;a href=&#34;https://www.si.com/node/443706&#34;&gt;404ページ&lt;/a&gt;では、&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/sports-illustrated-404-page.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/sports-illustrated-404-page_hu_a5661e53cad6ee0b.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/sports-illustrated-404-page_hu_aeb694093e2b9ae0.webp 712w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/06/404-page-blames-persons-in-charge/sports-illustrated-404-page.png&#34; width=&#34;712&#34; height=&#34;776&#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つのサイトとも、ユーザーが満足できなければ「解雇」しちゃう、という作りになっているところ、もちろん本当に解雇するわけもないんですが、ジョークとしてはキツイですね。そういうジョークをやっても大丈夫な会社・社風なんだよ、というアピールもあるのかもしれませんが。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://www.reddit.com/r/ProgrammerHumor/comments/8rik7h/best_404_page/&#34;&gt;reddit&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>3Dプリンターの私的利用を禁ず</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2013/07/3d-printer/</link>
				<pubDate>Tue, 09 Jul 2013 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2013/07/3d-printer/</guid>
				<description>&lt;p&gt;紙のプリンターのように、3Dプリンターが普及して各オフィスに設置されたら、私用で使おうとする社員が続出するのでしょうかね。&lt;/p&gt;&#xA;&lt;p&gt;Funny or Dirの短編ドラマは、そんな3Dプリンターの私的利用で起こるトラブルを描いたユーモラスな動画。&lt;/p&gt;&#xA;&lt;!-- Legacy embedded HTML preserved:&#xA;&lt;iframe src=&#34;http://www.funnyordie.com/embed/5f178cb4d4&#34; width=&#34;640&#34; height=&#34;400&#34; frameborder=&#34;0&#34;&gt;&lt;/iframe&gt;&#xA;--&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://www.funnyordie.com/videos/5f178cb4d4/3d-printer&#34; title=&#34;&amp;#39;from Nick Wiger, Echo Kellum, Emily Maya Mills, Lauren Lapkus, Andy Maxwell, Funny Or Die, Chris Poole, Caleb Swyers, MattMazany, Joe Hartzler, Charles Ingram, and BoTown Sound&#34;&gt;3D Printer&lt;/a&gt; - watch more &lt;a href=&#34;http://www.funnyordie.com/&#34; title=&#34;on Funny or Die&#34;&gt;funny videos&lt;/a&gt;&lt;/p&gt;&#xA;&lt;!-- Legacy embedded HTML preserved:&#xA;&lt;iframe src=&#34;http://www.facebook.com/plugins/like.php?app_id=138711277798&amp;amp;href=http%3A%2F%2Fwww.funnyordie.com%2Fvideos%2F5f178cb4d4%2F3d-printer&amp;amp;send=false&amp;amp;layout=button_count&amp;amp;width=150&amp;amp;show_faces=false&amp;amp;action=like&amp;amp;height=21&#34; scrolling=&#34;no&#34; frameborder=&#34;0&#34; style=&#34;border:none; overflow:hidden; width:90px; height:21px; vertical-align:middle;&#34; allowtransparency=&#34;true&#34;&gt;&lt;/iframe&gt;&#xA;--&gt;&#xA;&lt;p&gt;ちょっと3Dプリンター何でも出来すぎですが。&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
