技術 - テキストの記事一覧
Rune Search - 山羊を操作して文字を探したり戦ったり
たくさんの文字が並んだ中から目的の文字を探すゲームがあります。上下左右、斜めの中から単語を探していきます。意外と集中できて、時間つぶしにトライしている人も多いのではないでしょうか。それと似ているようで似ていない、そんなゲームがRune Searchです。## Rune Searchの使い方ゲームのチュートリアル。!
ojichatrix - ojichatをマトリックス風に流す
おっさん風のチャットテキストを生成するojichatは世の中のおっさんを震撼させました。あの自動で生成された文字をみて、自分のことだと思った人も多いのではないでしょうか。または自分はあんな文字は書かないと思った人もいるでしょうが、否定する時点でおっさんなのは間違いないでしょう。そんなojichatがさらに恐ろしい代物に...
Olivia - チャットボット用AI
汎用的なAI（人工知能）を作り上げるのは相当困難で、まだまだ実現は難しいでしょう。一定の縛りがあってこそ、機械学習やAIといった分野が活きてきます。チャットボットのその一つのカテゴリとして知られています。今回紹介するOliviaは対話側のAIになります。日本語は使えませんが、対話ができます。## Oliviaの使い方デ...
textFit - 枠に合わせてテキストを最大表示
Webの表現力は高く、ウィンドウの幅によってテキストの行数が変わってしまったりします。その結果、デザイナーの意図した表示にならないことも多く、かといって固定サイズにすると閲覧者にストレスを与えることにもなりかねません。そこで使ってみたいのがtextFitです。テキストを枠の中に収まる形で最適化してくれるライブラリです。...
Makepad - アニメーションが付いたIDE
AtomやVisual Studio CodeがJavaScriptなどを使ってエディタを実現していることもあり、Webブラウザベースのエディタも現実的になっています。コードをローカルに保存する必要もなく、コンパイルや実行はサーバ上で簡単にでき、メリットも数多くあります。そんなWebブラウザ向けのエディタとして紹介した...
ojichat - おっさんっぽいメッセージを生成
筆者自身が40歳になり、すっかりおっさん世代に入っているのですが、それ故に精神や態度、肉体的におっさんな人たちは嫌いです。痛々しい若さアピールは嫌ですが、下の世代に嫌がられない振る舞いは大事ではないでしょうか。そんな私の嫌いなおっさんを体現してくれるのがojichatです。おっさんがチャットで送信しそうなメッセージを生...
SakubunCSS - 作文用紙風CSS
Web上の文章などは横書きが多いですが、日本語は本来縦書きのために作られています。それだけにWeb上であっても縦書きで文章を公開したいと考えている人は多いでしょう。アラビア語などは右から表示されるのに、日本語にしても横書きのままなのは気になります。そこで使ってみたいのがSakubunCSSです。振り仮名まで含めて日本語...
Docsy - オープンソースな仕組みを取り入れたドキュメントサイトテンプレート
読みやすい開発者ドキュメントはDevRelにおいて大事な要件になります。コンテンツはもちろんですが、サイトとしても読みやすくできていなければなりません。文字サイズやインデックス、コードの可読性などが要素として考えられます。今回はGoogleがメンテナンスしているDocsyを紹介します。DocsyはHugo向けのテンプレ...
Kroki - テキストからドローに変換するWeb APIサーバ
プログラマーは図を書くのが嫌いです（たぶん）。少なくともドローソフトウェアを使って書くのは嫌がるでしょう。メンテナンスしづらいですし、コードと図の乖離が発生しがちです。せめてテキストで書いて、自動的に図にしてくれるものであれば、元のテキストを自動生成する方法が選べたり、バージョン管理で差分が取れるようになります。そんな...
Hanzi Writer - 漢字の書き順をアニメーション表示
漢字は基本的な書き順さえ覚えてしまえば大抵のものには対応できますが、時々複雑なものがあったりします。さらに漢字と言っても日本のものだけでなく、中国語もあります。日本人でも中国の漢字の書き順はぱっと見ただけでは分からないかも知れません。そこで使ってみたいのがHanzi Writerです。中国語（日本の漢字も）の書き順を表...
bibisco - 小説を書く人のためのソフトウェア
小説を書くというのは、新しい世界を創ると言うことです。様々な登場人物が複雑に絡み合い、多彩な町や都市に出掛け、今までにない乗り物に乗ったりします。そうしたすべての人や物が矛盾なく整ってはじめて、その世界観に入り込むことができます。そういった格子を作り上げるのに最適なソフトウェアがbibiscoです。## bibisco...
LaRecipe - Markdownから格好良いドキュメントを生成
開発者に対して見栄えの良いドキュメントを提供する、これはDevRelにおいて大事な要素です。誰だって使いづらい、読みづらいドキュメントは嫌がるものです。デザインはもちろんのこと、文字サイズや見出しの付け方などによっても可読性は変わってきます。そこで紹介したいのがLaRecipeです。Laravelを使い、Markdow...
TTY::Markdown - CUIでもMarkdownを読みやすく
Markdownが開発者におけるデファクトスタンダードな文書フォーマットになってきています。そのためMarkdown用のビューワーがWeb、デスクトップ、スマートフォンアプリと様々にあるのですが、CUIは無視されているかのようです。エンジニアであればCUIを使う機会も多いでしょう。そんな時にMarkdownファイルを読...
stutter - 任意のWebページで速読をサポート
Webサイト、書籍、論文、新聞、雑誌…様々なテキストコンテンツがこの世には存在します。気になるものはあっても全てを消化できるわけではありません（積ん読は良い例です）。問題を解決するために考えられているのが速読です。日本語の速読もありますが、今回は英語版のstutterを紹介します。Google Chrome/Firef...
Svgbob Editor - Web上でアスキーダイアログをWYSIWYGで描く
プログラマはドローアプリケーションを扱うのが苦手です（偏見）。メンテナンスするのも面倒ですし、簡単な図であればテキストで罫線を使った方が簡単に書けるでしょう。後は罫線が自動的にドローされれば良いだけです。そこで使ってみたいのがSvgbob Editorです。罫線で描いたアスキーダイアログをSVGに変換してくれるソフトウ...
js-keyboard - JavaScript製の仮想キーボード
普段は日本語も英語も何でもキーボードで入力できますが、時々英語版や中国語版の他人のPCを使わなければならない時があります。そんな時に日本語が入力できず、ストレスを感じてしまうでしょう。そこで覚えておきたいのがjs-keyboardです。Web上で動作する仮想キーボードです。## js-keyboardの使い方ブックマー...
HistoryKana - JavaScriptで振り仮名の自動入力
Webサイトの入力時に、漢字を入力すると平仮名が自動補完されるサイトがあります。予測入力を使っているとうまく動かないのですが、それでも意外と便利です。ユーザの入力における手間はシステムで解決できる部分がたくさんあります。そんな振り仮名入力を行うライブラリがHistoryKanaです。## HistoryKanaの使い方...
Vanir - SQLを設定ファイルでマスキング
開発用のデータベースになるべく現実に即したデータを入れるために、本番データを取り込むことがあります。そんな時にメールアドレスをそのまま使うと誤ってメールを送信してしまったりして大問題になります。そういった事態を防ぐべく使ってみたいのがVanirです。データのマスキングを行ってくれるソフトウェアです。## Vanirの使...
Simple URL Copy - スマートにURLとタイトルをコピー
URLをコピーするのは簡単です。問題はタイトルをコピーするのが面倒ということです。JavaScriptでプロンプトに出しても良いですが、ちょっと時代遅れなやり方です。もっとスマートに解決したいでしょう。そこで使えるのがGoogle Chrome機能拡張であるSimple URL Copyです。スマート、シンプルなやり方...
Utakata - みんなで短歌を投稿、評価しよう
五・七・五・七・七で表される単価はまさに日本語ならではの文化と言えるでしょう。時々新聞や商品で俳句や短歌を募集していますが、数多くの秀逸な作品が出てきます。それだけ日本人に浸透した存在なのでしょう。そんな短歌を投稿、みんなで評価できるサービスがUtakataになります。## Utakataの使い方縦書きなのがたまりませ...