テキスト on akky@サイボウズラボ・ブログ

plaintextsports.com - シンプルでミニマルな北米スポーツ・ニュースサイト

Wed, 23 Mar 2022 00:00:00 +0000

Plain Text Sportsは、NFLやNBAなどアメリカのスポーツの試合経過や結果を、テキスト中心のシンプルなデザインで見せるというウェブサイトです。

サイトはhtmlベースなので、サイト名のような「プレインテキスト」ではないよね、と Hacker News では突っ込みは入っていますが。

大手のスポーツニュースサイトは画像や動画、そして広告などで通信料は多いでしょうから、スコアだけ簡単に見たいという人には役に立つサイトかもしれません。

これらのデータは、特に速報性があるものは安くは得られないと思うのでソースが何かは気になりました。plaintextsports.com がこれを使ってるかは確定していませんが、たとえば ESPN社の JSON API という、公式には2014年に閉鎖されたはずの API が実際にはアクセス可能な状態で動き続けているそうです。派手な商用利用でないアクセスは無視されているかお目こぼししてもらっているのではと Hacker News の議論で述べている人もいました。

via Hacker News

Load of the Codes - プログラマ向けテキストアドベンチャーゲーム(序章)

Mon, 24 Jan 2022 00:00:00 +0000

Lord Of The Codes は、RPG風の中世世界を舞台にしたテキストアドベンチャーゲーム。パズルを解くことで先へと進むゲームです。

偉大な魔術師コナルド・ドゥヌース(Konald Dnuth。どっかで聞いたような名前)と組んで迷宮を進むあなたは、物語の中に出てくるヒントから、謎を解いて入力し、正解することで先へ進むことができます。

ページにはReplitによる Python インタプリタ環境が埋め込まれていて、これを使って謎を解いても構いません。手元で他の言語で解いても、あるいは暗算(!)で解いても、正答さえ入れれば先へ進むことができます。

現在、2問答えるともうゲームは行き止まりで、メール登録フォームが案内されます。登録すると完全版が公開された際に優先で案内されるみたいです。

ずいぶん初期の段階で公開したものだな、と思いますが、反響があればこの先が作られやすいかもしれませんね。

via reddit

Plain Old Recipes - レシピサイトの最小限必要部分だけを表示する変換サイト

Fri, 26 Jun 2020 00:00:00 +0000

クックパッドの適当なレシピページには、画像がふんだんにあり、関連レシピやレシピを使った人のレポートなども並んでいます。

これを plainoldrecipe に通すと、こんな感じで表示されます

1ページにレシピがすべて収まり、料理の写真は1枚だけ。

対応サイトは70個以上あるようで、レシピ部分の抜き出しをがんばって作ったのだろうなあと。

他のレシピサイトのレシピを入れてみたもの。

料理の材料や名前で似ているレシピを辿れるのもレシピサイトの楽しみだと思いますが、簡潔なものだけ欲しいというユーザーには使えるかもしれません。それぞれのサイトがそういうモードを持っていてくれてもいいのかも。

GitHub でサービスのソースコードが公開されています。poundifdef/plainoldrecipe

その説明によれば、これらのレシピサイトをパーズするライブラリがOSSでこれも公開されていて、このライブラリを使用して実現しているようです。

via Hacker News

Msgif - テキストをアニメーションgif化してくれるサービス

Fri, 07 Feb 2020 00:00:00 +0000

Msgif は、文字列を打つと、打ってる様子をアニメーションgifにしてくれるというサービス

Product Hunt の新着で見かけて、「こういうの日本語は動かないことが多いんだよねえ」と試してみたら、まったく問題なく動くしIMEで入力中の状態まで再現されました。

フッタの作者名を見たら日本名で、カナダ在住の日本人の方のようです。なるほど。

作成画面から、twitterなどSNSでの共有で使う用途で考えられているようですね。動きのあるメッセージを簡単に作って共有できるのはいいんじゃないかなと思いました。

via Product Hunt

laptop.css - 画像をラップトップ化してくれるスタイルシート

Fri, 13 Sep 2019 00:00:00 +0000

laptop.cssは、画像の周りにアスキーアートのラップトップ枠をつけてくれるという単機能のCSSスタイルシートです。オープンソースです。

3種類のサイズのラップトップが用意されています。

どういう時に有用なライブラリなのか、今一つわかりませんが。

縦横比に注意して画像を用意しないといけないみたいですね。そして、画像につけたリンクが無効になってしまった。

(rss フィード経由の方は元ページを開いて見てください)

via Hacker News

ASCII QR - QRコードをテキストで生成

Tue, 11 Jun 2019 00:00:00 +0000

ASCII QR は、テキストでQRコードを作れる、というQRコードジェネレータです。

# 「ASCIIじゃなくてUnicodeだって? よく分かってるよ」とあるのでサービス名のASCIIは言葉の綾でしょうか

URLか文字列を入力すると、そのQRコードをUnicodeテキストで表示してくれます。

“Image"をクリックすると、画像版も見られます。

二つ並べてみると、だいぶ違いますね。

このサービスの使いどころを考えてみたのですが、QRコードを画像ではなく文字列で送れれば、転送内容をかなり節約できますね。メールにQRコードを添付して送るよりも、メール本文にテキスト版のQRコードを貼り付けて送った方が軽そうです。

# あれれ? QRコードが表現するURLや文字列をメール本文に貼り付ければもっと軽いのでは… まあそれは置いておくとして。

出来上がった「テキスト版」QRコードを、当ブログ上でなんとか表示してみたのがこれです。

▄▄▄▄▄▄▄ ▄ ▄ ▄▄▄▄▄▄▄ █ ▄▄▄ █ █ █▄▀ █ ▄▄▄ █ █ ███ █ ▄▄▄▄█ █ ███ █ █▄▄▄▄▄█ █▀█ ▄ █▄▄▄▄▄█ ▄▄ ▄ ▄▄▀ ▄▄▄ ▄▄▄ ▄▄ █▄▄█▀▄▄ █▄▀█ ▀ ▄▀ ▄ █▀▀ ██▄▄▀▀▀▄▀▀▀▄ █▄█▀ ▄▄▄▄▄▄▄ ██▀█▄██ ▄█ ▀ █ ▄▄▄ █ ▄▄▀▄ █ █▀▀█ █ ███ █ ▀█▀ ▀▀▄▄▄▀█ █▄▄▄▄▄█ ██▀█ ▄▄▄ ▄ ▀

ThisResumeDoesNotExist - 架空の履歴書ジェネレーター

Wed, 20 Mar 2019 00:00:00 +0000

This resume does not exist は、実在しない人物のそれっぽい履歴書を作ってくれるwebサービスです。

10秒ごとに新しい人物の履歴書が生成され、リロードすると表示されます。

実在しない人物の写真が作れるようになりましたし、文章や経歴についても同じように多数のデータを与え、似たものを作らせることができれば、実在しないけど実在しているかのように詳細が定義された履歴書を作ることもできるということですね。

用途ですが、たとえば、実在する誰かの個人情報を侵害することなく、採用の練習やウェブサイトデザインに使うとかが考えられますかね。UIデザイン時のユーザーペルソナを作るとかにも使えそうでしょうか。

悪用も考えられますね。実在しないそれっぽい人のデータがたくさんあれば、実社員や実ユーザーがいないフェイク企業をそれっぽく飾り立てるなんてことも起こるかもしれません。

via Hacker News

PlantUMLでAWSサービスを含む図を作る

Fri, 15 Dec 2017 00:00:00 +0000

プレゼンテーション資料をMarkdown形式で書いていて、図を入れたいが図はどうやって用意しようか、となりました。

せっかくテキストエディタでプレゼンを作れるようにしているのに、図を描くのにテキストエディタでなくドローツールを開くのは面倒だな、テキストで図を描ければ、ソースコードとして管理できるから似たような図を量産するのも楽だし、バージョン管理で変更点もわかりやすい。

ということで探したところ、Plantuml が見つかりました。日本語のマニュアルもあるし、評判もいいみたい。

インストールしようとしたところ、図を1,2個作るだけならオンラインでできるようです。試すだけならハードルはとても低い。

マニュアルを参考にして作ったのがこちら

@startuml [Github] as github [さくらVPS] as vps [local machine] as localmachine :ユーザー: <.... github :1) pull :ユーザー: ....> localmachine :2) Sculpinで変換 :ユーザー: ....> vps :3) upload(scp) :ユーザー: ....> github :4) push :訪問者: .left.> vps:閲覧 @enduml

変換した図がこれ

要素の順序や線の向きなど、細かく指定する方法もあるみたいですが、それをやりだすと大変そう。「まあ大体わかればいいか」というレベルで済むなら、驚くほど簡単でした。

# png でも svg でも作れるので、svg で問題ない環境なら svg もいいですね。WordPress ではまだ大変みたいなので png で貼っておきます

PlantUML で AWS の構成図を描く

UML で使えるアイコンはもちろん広く用意されているのですが、サービスのアイコンについても利用者が作って公開しているようです。AWS のサービスを表す図を公開している milo-minderbinder/AWS-PlantUML を見つけたので、これを使ってみました。

Github 上のライブラリを、前記のオンラインエディタから参照できるので、こちらも簡単です。使いたいコンポーネントを AWS-PlantUML から探して、include するだけで使えるようになります。