テキストの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。開発者であれば、開発中はコードをシンタックスハイライトして表示しているはずです。ハイライト表示されていない状態では内容の把握すら辛いはずです。多くの開発者向けサービスであればシンタックスハイライトに対応していますが、ただのコードが書かれたファイルにアクセスした場合には素の状態で表示されてしまいます。仕事中、繰り返し使う文面であったり、よく使う関数があります。それらをメモしておくと便利です。必要な時に検索してコピー&ペーストすれば仕事の効率が大幅にアップするはずです。今回紹介するBeeftextもそんな短文、スニペットを管理するソフトウェアです。Beeftextの使い方新しいスニペットを記載します。アニメーションもできるJavaScript製のフォントフォントを変えると、文面の印象ががらっと変わることがあります。フォントによって受ける印象はそれぞれで、最適なものを選ばないといけません。同じフォントであっても太さが変わるとまた違うでしょう。Serif風のフォントですが、プログラマブルな特徴があります。MarkdownからHTMLファイルを作成するコマンドMarkdownはHTMLに変換するのが主な機能として作られたドキュメントフォーマットです。多くのMarkdownエディタでHTML変換機能がサポートされていますが、使い慣れたエディタを使いたいという人も多いでしょう。そんな方にお勧めなのがmd2htmlです。CLIで使えるHTML変換ツールです。Web上でtreeコマンド風ディレクトリ構造を作成ドキュメントでディレクトリ構成を書くことがありますが、その際にはよくtreeコマンドを使います。余計なディレクトリが含まれないようにするなど、加工も必要で面倒だったりします。そこで使ってみたいのがdir-treeです。Web上でディレクトリのツリー構造を作成します。技術書典などの技術書の同人誌会が広まるのに連れて、書籍を印刷する機会も増えていきます。印刷所に依頼する場合、それなりの準備が必要です。PDFを送れば良いという訳ではありません。そこで使ってみたいのがpdftoimgpdfです。単純なPDFから印刷するのに合わせたPDFに変換してくれます。筋肉大好きな人のためのcowsay最近、筋肉.ktや筋肉もくもく会など、筋トレやエクササイズと勉強会を組み合わせた異色の(?)コミュニティが人気です。ソースコードをスライドに貼り付ける際にスライドに綺麗にシンタックスハイライトされたコードを使いたいと思ったことはないでしょうか。コードを画像にするのは格好悪いですし、普段自分がエディタで使っているハイライトではないものを使いたい場合はとても大変です。そこで使ってみたいのがSlidesCodeHighlighterです。eSpeakからポーティングしたテキストtoスピーチテキストをコンピュータに喋らせる試みはずっと行われてきました。コンピュータっぽい音声でしたが、今はSiriやAlexaなど、滑らかで人が喋っているような音声で読み上げできるようになっています。今回紹介するspeak.jsはどちらかと言えばコンピュータ音声です。ユニコードや絵文字を調べる開発者用ツール絵文字の登場によってユニコードが幅広く使われるようになりました。合字によって、肌の色を変えたり、年々絵文字の種類が増えています。アジア圏の文字では似ていても微妙に違う文字もあります。キーボード操作主体のJSON整形サービスJSONはシステム連携で使われる一方、可読性の高さも特徴となっています。言え、改行やインデントをなくした状態ではとても読む気にはなれません。今回紹介するjson.pizzaはJSONを貼り付けて、素早く整形できるサービスとなっています。ソースコードを綺麗な画像にスライドの中でソースコードを取り扱いたいと思うことはよくあります。コードハイライトに対応していないと、見づらいものになってしまうでしょう。そのため、プログラミングエディタのコードをスクリーンショットで画像化したりしているかも知れません。そんな面倒はせずにSiliconを使えばコードを綺麗に画像化できます。React製のorg-modeorg-modeと言えば、Emacsユーザにとっては慣れ親しんだメモ環境です。個人的にも長く使ってきましたが、キーバインドなども複雑で、当時はまだしも今はもう使い方も忘れてしまっています。そんなorg-modeをWebベースで復活させたのがorg-webです。マウス操作も含めると使い勝手が良さそうです。文章を構造化して書くのは難しいものです。長文になったりすると全体像を一目で把握するのが難しくなり、読み飛ばしてしまったりすれば意味を取り違えてしまうことになります。そこで使ってみたいのがArgdownです。文章構造を解析し、ビジュアル化してくれるソフトウェアです。Argdownの使い方例です。プログラミングコードをクリップボードにコピーブログなどでコードを記載しているサイトは多いです。その表示方法も様々で、行番号があるもの、ハイライトが付いているものなどがあります。そのコードをコピーしても余計な行番号が付いてきたりして、ストレスと感じたりします。そこで使ってみたいのがcopy-code-blockです。自由度の高くコードのコピーが可能です。任意のサイトにコメントあるサイトに書かれている内容について皆とディスカッションしたいと思った時、多くの場合はソーシャルサービスやコミュニティサイト、チャットなどを使います。コンテンツとディスカッションは別な場所に分かれているのが普通です。今回紹介するcomntrはその逆で、任意のURLに対してコメントを書けるサービスとなっています。山羊を操作して文字を探したり戦ったりたくさんの文字が並んだ中から目的の文字を探すゲームがあります。上下左右、斜めの中から単語を探していきます。意外と集中できて、時間つぶしにトライしている人も多いのではないでしょうか。Searchの使い方ゲームのチュートリアル。ojichatをマトリックス風に流すおっさん風のチャットテキストを生成するojichatは世の中のおっさんを震撼させました。あの自動で生成された文字をみて、自分のことだと思った人も多いのではないでしょうか。自分はあんな文字は書かないと思った人もいるでしょうが、否定する時点でおっさんなのは間違いないでしょう。チャットボット用AI汎用的なAI(人工知能)を作り上げるのは相当困難で、まだまだ実現は難しいでしょう。一定の縛りがあってこそ、機械学習やAIといった分野が活きてきます。チャットボットのその一つのカテゴリとして知られています。今回紹介するOliviaは対話側のAIになります。日本語は使えませんが、対話ができます。枠に合わせてテキストを最大表示Webの表現力は高く、ウィンドウの幅によってテキストの行数が変わってしまったりします。その結果、デザイナーの意図した表示にならないことも多く、かといって固定サイズにすると閲覧者にストレスを与えることにもなりかねません。そこで使ってみたいのがtextFitです。テキストを枠の中に収まる形で最適化してくれるライブラリです。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が724あります。blockworks。