技術 - テキストの記事一覧
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の使い方縦書きなのがたまりませ...
RTS - レスポンシブにテキストサイズを変える
レスポンシブWebデザインは標準的に用いられるようになっていますが、多くは幅や表示する項目の並べ替えに特化しています。Web上に最も多いコンテンツはテキストである以上、もっとテキストに気を配るべきではないでしょうか。そこで使ってみたいのがRTSです。レスポンシブにテキストサイズを変更してくれます。## RTSの使い方B...
MySigMail - メールの署名を作成
メールの署名はどういったものを使っているでしょうか。日本ではテキストメールが多いので、アスキーアートのように装飾されたものを使っているかも知れません。逆にとてもシンプルな人もいるでしょう。そんなメールの署名欄をビジュアル的に作成できるのがMySigMailになります。## MySigMailの使い方メイン画面です。左側...
csvq - CSVをデータベースのように操作する
レトロなファイルフォーマットと思っていてもまだまだ職場では使われているのがCSVです。システムからもCSV出力するものがまだまだあるはずです。CSVといえばデータがひたすら並んでおり、データの抽出も面倒です。そこで使ってみたいのがcsvqです。コマンドラインでCSVファイルをまるでデータベースのようにデータ抽出できます...
MiraiNotes - WYSIWYGにも対応したMarkdownノート
Markdownをベースにしたノートアプリはたくさん出てきています。多くは純粋なMarkdown記法に則っており、それ以外の記法（HTMLなど）をサポートしていないことも多いです。そんな中紹介したいのがMiraiNotesです。柔軟な記法とWYSIWYGに対応したMarkdownノートです。## MiraiNotesの...
実績解除ったー - 実績を解除しよう
ゲームなどをやっているとはじめて行ったアクションや累積ポイントに対して実績が解除されます。実績を解除すると、それが一覧として表示されます。すべての実績を解除しようと躍起になる人もいるでしょう。そんな実績解除好きな人たちに送りたいのが実績解除ったーです。自分の好きな言葉、色で実績を解除できます。## 実績解除ったーの使い...
Meemo - Markdownを使った個人用メモ帳
個人のメモ環境は大事です。気がついた時にささっとメモできる環境があると忘れてしまうのを防いだり、さらに発想を膨らませられます。アイディア、タスク、その日にあったこと…なんでもとにかくメモしておきましょう。今回紹介するMeemoもそんなメモ環境の一つです。個人用に特化し、すぐにでもはじめられる手軽さが売りです。## Me...