技術 - テキストの記事一覧
translate.js - クリック一つで別な言語に。JavaScriptで多言語対応
Webサイトを多言語対応する場合、その方法としては幾つかのやり方があります。まずディレクトリを分ける方法があります。もう一つはパラメータで出し分ける方法です。さらに最近ではJavaScriptでURLは共通の状態で翻訳する処理する方法も用いられます。今回はそんなJavaScriptベースの翻訳処理を行うtranslat...
Toodles - ソースコードを使ったタスク管理
機能を追加したり、直さなければならない箇所がある際に、とりあえずTODOとしてコメントを残しておいたことがないでしょうか。これはまさにタスクなのですが、ついつい忘れがちで、ふとした時に思い出したりするものです。それを防ぐのに最適なのがToodlesです。ソースコード中にあるTODOを使ってタスクを管理できるソフトウェア...
keywords-extract - Webページからキーワードを抽出
Webページから情報を抽出するニーズは常に存在します。メタタグはそのためにあるのですが、任意に設定できるので利用者側のニーズに合っていない可能性があります。そこで本文を取得したり、タイトルや更新日を取得するスクリプトなどが作られています。今回紹介するkeywords-extractはWebページからキーワードを抽出して...
Remacs - EmacsをRustにポート
Emacsは単なるプログラミングエディタではなく、一つの環境です。常時立ち上げておくのが当たり前で、常に使い続けているものでしょう。今なお多くの開発者が使っていますが、若干の古くささを感じている人もいるかも知れません。そこで使ってみたいのがRemacsです。EmacsをRustにポーティングしたソフトウェアになります。...
md-page - MarkdownだけでWebページを作る
Markdownでコンテンツを作成する静的なWebサイト作成ソフトウェアは多数あります。これらのソフトウェアはMarkdownで記述した後、コマンドを実行してHTMLに変換します。そのため元のMarkdownとHTMLファイルが二つ存在する状態です。md-pageは違います。純粋にMarkdownだけでWebページを作...
textlint - playground - Web上でtextlintを試す
各種プログラミング言語においてLintツールが存在します。そうしたLintツールを使うと、人に指摘されるよりもストレスが小さく、受け入れやすいと言われています。人だと感情が入りやすいですが、コンピュータだとそういった問題がありません。今回はプログラミングではなく、テキストに対してLintを実行するtextlintのWe...
Read Aloud - ワンクリックでテキスト読み上げ
テキスト読み上げ機能は視覚障がい者に限らず、小説サイトなどで使っても便利な機能です。しかし、使うためにはOS側やソフトウェア側で色々な設定をしなければならなかったり、テキスト読み上げが必要ない時にもボタンが表示されてしまったりします。そこで使ってみたいのがRead Aloudです。選択した文字だけをワンクリックで読み上...
Omni Notes - メモ/写真/タスクが登録できるAndroid用メモアプリ
メモ系のサービスは多数ありますが、殆どのサービスはユーザ登録が必須です。ちょっとした使わない人にすれば、ただメモを取るだけで登録しなければならないのは面倒なことでしょう。そこで使ってみたいのがオープンソースのソフトウェアです。今回はOmni Notesを紹介します。## Omni Notesの使い方立ち上げた直後です。...
MyMo - シンプルなWebベースのメモアプリ
メモはシンプルであるのが大事です。気がついた時にすぐメモできなければなりません。立ち上げて新規ファイルを作成して…なんてやっていたら折角のアイディアを忘れてしまいます。忘れる前に、ホットな内に素早くメモするのです。そこで使えるのがMyMoです。Webベースで使える簡単なメモアプリです。## MyMoの使い方トップページ...
Unicode点字変換 - 日本語テキストを点字に変換
視覚に障害を持った人たちが利用するのが点字です。点だけで構成されており、点字を学んでいない人には殆ど読むことはできないでしょう。しかしユニバーサルデザインを考える上で、テキスト読み上げと共に欠かせない技術です。通常のテキストを書いて、それを点字に変換できるのがUnicode点字変換です。## Unicode点字変換の使...
docsify - シンプルで使いやすいドキュメントジェネレータ
見やすいドキュメントは大事です。個人的にはmkdocsが好みですが、それ以外にもたくさんのドキュメント作成ソフトウェアがあります。ブログなどと組み合わせるならJykellを使っても良いですし、作られているプログラミング言語で選べば拡張もしやすいでしょう。今回はnodeで作られているdocsifyを紹介します。シンプルで...
Terminal Velocity - ターミナルで使う高速なメモアプリ
メモアプリの大事なところは、思いついた時にさくっとメモできることです。ソフトウェアを立ち上げて、ファイルを開いて…なんてやっていたら書こうと思っていたことを忘れてしまいます。間髪入れずに書ける環境が望ましいでしょう。今回はTerminal Velocityというソフトウェアを紹介します。ターミナルで使える、素早く使える...
kanjivg-radical - 漢字の構成要素を学ぶ
漢字はそれ単体で意味をなすものよりも、部首や造りなど、小さな部品が集まって漢字を構成しています。それ故、その構成を学ぶことで漢字の意味であったり、形などを理解しやすくなります。そんな漢字の造りなどを学べるのがkanjivg-radicalです。## kanjivg-radicalの使い方kanjivg-radicalの...
DeepAA - 画像からAAを生成
AA（アスキーアート）というと文字を拡大して表示するものや、画像をすべて英字や漢字に置き換えるものなど多数あります。そんな中、日本では線画で表現するトレースAAという種類のアスキーアートがあります。作成補助ツールはありますが、ほぼすべて手作業で作られています。それだけ複雑で緻密な作業になります。今回紹介するDeepAA...
carbon-now-cli - プログラミングコードを画像化
プログラミングコードをブログなどで綺麗に表示したいと思っても、ブログの環境が対応していないケースがあります。多少のハイライトは入っていても、タブ幅、フォント、テーマなどカスタマイズしたい要素は無数に存在します。そこで使えるのがコードの画像化ですが、毎回手作業でやるのは面倒です。自動化したいならcarbon-now-cl...
SavannaKit - iOS/macOSで使えるプログラミングエディタ開発キット
AtomやVisual Studio Codeなど、Web技術を使ったプログラミングエディタが広まっていますが、パフォーマンスに際して不満を感じている人も多少はいるのではないでしょうか。もっとハイパフォーマンスなプログラミングエディタが欲しいと考える人もきっといるはずです。そこで使ってみたいのがSavannaKitです...
lexrank.js - 日英対応のテキスト要約
情報は日々増える一方です。もはやすべての情報を収集するメリットは薄くなっています。次に大事なのは必要な情報だけをいかにして収集するかです。一つはフィルタリングで、情報の取捨選択です。もう一つは情報数は変えずに情報量を変えるのです。つまりテキスト要約で、lexrank.jsは日本語/英語に対応しています。## lexra...
μPad - 自由度の高いノートアプリ
アイディアをまとめたり、逆に練ったりと、ノートがあると頭の中にある情報をどんどん形にしていけます。そんな時に罫線があったり、キーボード入力に限定したりしたら情報が束縛を受けてしまうでしょう。そこで使ってみたいのがμPadです。自由度の高い、アイディアを書き留めるノートアプリです。## μPadの使い方トップページです。...
png-font.js - Canvas上にピクセルアートなテキストを出力
Canvasを使えばDOMとはまったく違うグラフィックスを描けます。しかしDOMやCSSとは異なる使い方なので、適切に描くのに苦労することも多いでしょう。そういうときには最適なライブラリを使うのが一番です。今回紹介するpng-font.jsはピクセルアートなテキストを出力できるライブラリです。## png-font.j...
Fluid Outliner - Webベースのシンプルなアウトライナー
コンテンツを一気に作成するのは大変です。最初から子細に書いていくと徐々に整合性がとれなくなりますし、途中で力尽きてしまう可能性があります。まず大見出しを洗い出し、次に小見出しと言った具合に徐々に掘り下げていくのが良いでしょう。そのために使われるのがアウトラインエディタです。今回はWebベースのFluid Outline...