仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。Markdownの中にLaTeXを埋め込めんで表示Markdownではベーシックな記法しかサポートされていないので、こだわった記法を使うために拡張している人たちがたくさんいます。論文などを書く人たちにとっては表現力の低さが気になるでしょう。そこで使ってみたいのがtexmeです。Markdownの中にLaTeX記法が埋め込めるソフトウェアです。Graphviz記法からアスキーアートでチャート生成dotファイルはGraphviz用のフォーマットとして有名です。テキストから画像などのグラフが描けるので、仕様書など開発者用ドキュメントの中でもよく使われています。クラス図など自動化もしやすいのがメリットです。そんなdotファイルからアスキーテキストのチャートを描くソフトウェアがdot-to-asciiになります。ターミナル用のMarkdownビューワーMarkdownは閲覧時、専用のビューワーを通して見ることが多いかと思います。素のままでも可読性に優れたフォーマットとはいえど、ビューワーを使った方が見やすいのは確かです。普段ターミナルでMarkdownファイルを閲覧する際にcatやlessを使っていた方は、mdrを使ってみましょう。mdrの使い方デモです。Webアプリケーションデスクトップアプリケーションが続々Webアプリケーション化されています。開発環境や画像編集ソフトウェア、オフィススイートまで幅広くWebブラウザで動作するようになっています。今回紹介するWebGLStudio.jsはWebブラウザ上で3Dグラフィックスを作成できるソフトウェアです。プロトタイプをさくさく作るためのWebアプリケーションWebサイトやアプリなど、プロトタイプをさくっと作ってUIを検討するというのはよくある進め方です。そんな時にはデザイナーしか使えないソフトウェアよりも、誰でも編集できるものを使った方が素早く進められるでしょう。今回紹介するUXBOXはオープンソースのプロトタイピングソフトウェアです。作れるフローチャートライブラリフローチャートを利用する機会は意外と多いです。専用のソフトウェアがないために表計算やプレゼンソフトウェアを使って無理矢理作っているのではないでしょうか。Webブラウザで手軽に作れると便利です。今回紹介するFlowyはシンプルなフローチャートライブラリです。Webブラウザから使えるEmacs最近、Webブラウザ上で使える開発環境に注目が集まっています。CodeはついにMicrosoftからオンライン版がリリースされました。vimについてはWebAssembly版のvim.wasmが登場しています。そんな中、Emacsはどうなのか。手をこまねいている訳がありません。画像を懐かしさ溢れるリソグラフ風に加工リソグラフというのは印刷方式の一つで、原版を作ることで高速な印刷ができます。色数を押さえることで高速印刷可能で、新聞の折り込みチラシにあるような風合いの印刷が可能です。そんなリソグラフをWeb上で再現してくれるのがp5.risoです。懐かしい風合いの表現になります。p5.risoの使い方デモです。レゴ風ブリックを使ってドローイングレゴはみんなが好きなおもちゃでしょう。一つ一つは小さなブリックですが、それを組み合わせることで何でも自分が好きなものを作り上げられます。最近ではIoTとも組み合わせて使われています。そんなレゴ風のブロックを使ってドローするライブラリがLegraJSです。LegraJSの使い方スマイルマークのアニメーション。ブラウザからブラウザを呼び出して安全な環境を確保セキュアで安全な実行環境を手に入れるにはサンドボックス化されているのが基本でしょう。OSでは普及していますが、Webブラウザではプライバシーに気を配ったモードがある程度です。今回紹介するBrowserGapはWebブラウザの中でWebブラウザを実行する試みです。HTML5製のタワーディフェンスゲームタワーディフェンスゲームが好きな人は多いでしょう。味方をどのように配置するか、どう強化するかによって戦況が大きく変わります。理詰めで考える部分が多いので、開発者は好きそうです。diffenseです。APIとして使われる場面が増えていくことでしょう。開発中の難点として、エンドポイントがすべて同じURLであるために、どのアクセスなのかは深く見てみないと分からないという点があります。コーディングなしでクリップボード操作HTML5のAPIによって、Webブラウザからクリップボードを操作できるようになっています。共有を促すときにメッセージをクリップボードにコピーしたり、別な機能でコピーしたテキストを貼り付けるといった操作が考えられます。PlantUMLでAWSのアイコンを使うUMLはソースコードを自動生成する夢さえ見なければ、決して悪いツールではありません。システムや処理を可視化するのに最適です。そんなUMLを書く際に昔はドローツールを使いましたが、今はPlantUMLのようなテキストベースも使われます。WebAssemblyを使ってファイルを圧縮/伸張WebAssemblyは標準機能としてはDOMやネットワークが使えないので、その適用部分に悩む人も多いでしょう。Webアプリケーションにおいて、UIやネットワークに触れない部分は多くありません。ローカルアプリケーションとして考えれば、そのようなアプリケーションの方が多いはずです。軽量なテキストタイピング表示ライブラリWebサイトでよく使われるタイピングを模したテキスト表示ライブラリ。メッセージを全文表示してしまうよりも、タイピングしながらの方が目を引く効果があります。この手のライブラリはとても多いです。今回紹介するtypicalはとにかくサイズが小さいのが魅力です。みんなで小説を書こう一人で黙々と作業するのは強い精神力が必要です。しても人はついサボりがちで、メールをチェックしたり、Twitterに投稿したりしてしまうものです。一日であればまだしも、数ヶ月も集中力を維持するのは並大抵のことではありません。小説を書く、そんなチャレンジをしている方にお勧めしたいのがinkip.itです。Proが発売して喜んでいる開発者は多いでしょう。Barはいらないという方は多く、せっかくあっても持てあましている人が多いようです。これまでにないUIだけに、普及するとしてもまだまだ時間がかかりそうです。軽量、多機能なYouTubeフロントエンドYouTubeは好きなけど、あの広告だらけのインタフェースが受け入れられないという人は多いのではないでしょうか。アドブロックなどを使うことをできますが、開発者であればもっと別な方法もあります。それがInvidiousです。軽量、公式よりも便利な機能が追加されたYouTubeフロントエンドです。ソースコードをビジュアル化するビューワーソースコードをビジュアル化することで、様々な知見が得られます。アウトライン化されることで全体像を追いやすくなったり、ライブラリ同士の繋がりも分かりやすくなります。そんなソースコードのビジュアル化ソフトウェアとしてSourcetrailを紹介します。対応言語は限られますが試してみてください。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が727あります。blockworks。