https://labs.cybozu.co.jp/blog/akky/tags/%E3%82%A6%E3%82%A7%E3%83%96/ Recent content in ウェブ on akky@サイボウズラボ・ブログ Hugo ja Mon, 03 Aug 2015 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2015/08/overtype-for-real-typewriter-experience/ Mon, 03 Aug 2015 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2015/08/overtype-for-real-typewriter-experience/ <p><a href="http://uniqcode.com/typewriter/">OverType</a> は「生まれてこのかたタイプライターなんて見たこともない子供」にもタイプライターがどんなものか教えるという目的で作られた、ブラウザで動くタイプライター風エディタです。</p> <p><a href="http://uniqcode.com/typewriter/"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2015/08/overtype-for-real-typewriter-experience/overtype_hu_6e9ba3c0a5308c9c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/08/overtype-for-real-typewriter-experience/overtype_hu_1e330d43f3f00423.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/08/overtype-for-real-typewriter-experience/overtype_hu_dd3ba6ec9507cdb2.webp 1131w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2015/08/overtype-for-real-typewriter-experience/overtype.png" width="1131" height="497" alt="overtype" loading="lazy" decoding="async"> </picture></a></p> <p>OverType は、既存のタイプライターシミュレーターの全てが再現に失敗しているタイプライターの基本的な機能 <strong>「戻るキーを押しても文字が消えない」 をきちんと再現</strong>しています。</p> <ul> <li>要物理キーボード</li> <li>没入感を得るには PC の音を鳴らすこと</li> <li>フリーズしたらページを再読み込み</li> </ul> <p>説明ページの「START!」を押すと、アプリが始まります。</p> <p>いつもの感覚で打ち始めると、すぐにハンマーが絡んだりして、打ったはずの文字が飛ばされてしまいます。タイプライターで打てる程度の速度で打つように抑えないといけません。</p> <p>以下のような操作をすると、よりタイプライターらしさが味わえるそうです。</p> <ul> <li>カーソルキーで用紙を1/4行上下させる</li> <li>タブとシフト+タブで最寄のタブ桁へ移動</li> <li>ESCキーで赤文字になったり、ならなかったり (<a href="https://en.wikipedia.org/wiki/Typewriter">黒と赤のインクが交互に乗ってるリボンが使える機種があったとか</a>)</li> <li>シフト/ESC は [CAPS LOCK]キーと押すことでロックできる。[CAPS LOCK]キーで解除</li> <li>ドル記号$を打ちたいときは、大文字のSを打ってからカーソルを戻して縦棒|を打つ</li> </ul> <p>画面上のスライダー Brokenness(壊れっぷり) を上げると、文字の縦方向の揃い方が崩れたり、インクの濃度や赤黒の切り替えがよりバラバラにおかしくなったり、さらに上げるといくつかのキーがまったく効かなくなったりします。</p> <p>すごい! なんて使いにくいんだ。</p> <p><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2015/08/overtype-for-real-typewriter-experience/Erika_9_typewriter_hu_8d40d6b359ff04f9.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/08/overtype-for-real-typewriter-experience/Erika_9_typewriter_hu_48a1aa47a7279994.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/08/overtype-for-real-typewriter-experience/Erika_9_typewriter_hu_1c7bf6c9a3bae05a.webp 1024w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2015/08/overtype-for-real-typewriter-experience/Erika_9_typewriter.jpg" width="1024" height="794" alt="By Sommeregger (Own work) [CC BY-SA 3.0 or GFDL], via Wikimedia Commons" loading="lazy" decoding="async"> </picture></p> <p>By Sommeregger (Own work) [<a href="http://creativecommons.org/licenses/by-sa/3.0">CC BY-SA 3.0</a> or <a href="http://www.gnu.org/copyleft/fdl.html">GFDL</a>], <a href="https://commons.wikimedia.org/wiki/File%3AErika_9_typewriter.jpg">via Wikimedia Commons</a></p> <p>via Hacker News</p> https://labs.cybozu.co.jp/blog/akky/2014/06/dronie-comes-after-selfie/ Wed, 11 Jun 2014 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2014/06/dronie-comes-after-selfie/ <p><a href="http://blog.oxforddictionaries.com/press-releases/oxford-dictionaries-word-of-the-year-2013/">英語圏での2013年の流行語</a> selfie (セルフィー、自分撮り)は、スマートフォンで撮影した自分の写真をソーシャルメディアなどにアップロードする行為を指すものです。</p> <p>カメラ付きスマートフォンが自分撮り写真をネットに溢れさせたように、次はラジコン操作や自動操縦できる空飛ぶドローン(drone)の今後の普及が、ドローンでなければ撮れないような写真の流行を生み出すのではないか、というのが<a href="http://venturebeat.com/2014/06/09/one-step-beyond-selfies-here-come-the-dronies/">VentureBeatの予想</a>。</p> <p>有名ブログKottke.org のJason Kottkeさんが、サンフランシスコの丘の上で<a href="http://vimeo.com/91898486">ドローンを使って取ったグループ写真</a>を<a href="http://kottke.org/14/04/dronies">4月に公開し</a>、drone からもじって dronie (ドロニー)と呼んでいます。</p> <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> <iframe src="https://player.vimeo.com/video/91898486?dnt=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allow="fullscreen"> </iframe> </div> <p>他にも、いくつかの写真や動画のドロニーが公開されつつあるようです。</p> <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> <iframe src="https://player.vimeo.com/video/92184492?dnt=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allow="fullscreen"> </iframe> </div> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">World&#39;s first Vine from a drone <a href="https://t.co/ucpXIO8J4t">https://t.co/ucpXIO8J4t</a> <a href="https://x.com/vineapp?ref_src=twsrc%5Etfw">@vineapp</a> <a href="https://x.com/HayekD?ref_src=twsrc%5Etfw">@hayekd</a> <a href="https://x.com/hashtag/dronie?src=hash&amp;ref_src=twsrc%5Etfw">#dronie</a></p>&mdash; Keith Hopkin (@KeithHopkin) <a href="https://x.com/KeithHopkin/status/465933203623391232?ref_src=twsrc%5Etfw">May 12, 2014</a></blockquote> <script async src="https://platform.x.com/widgets.js" charset="utf-8"></script> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Let&#39;s go fly a drone: the best vacation pics come from above. by <a href="https://x.com/geoffreyfowler?ref_src=twsrc%5Etfw">@geoffreyfowler</a> <a href="http://t.co/xaFsDHLvcb">http://t.co/xaFsDHLvcb</a> (WSJ) <a href="http://t.co/cwp0F1lMN0">pic.twitter.com/cwp0F1lMN0</a></p>