仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。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を紹介します。対応言語は限られますが試してみてください。Rubyが使えるWebフロントエンドフレームワークWebブラウザで唯一実行が保障されているプログラミング言語はJavaScriptです。規模の大きなシステムを書きたがらなかったり、サーバサイドは別な言語を使っているケースもあります。そこで今回はRubyでWebアプリケーションが書けるPrismを紹介します。Prismの使い方デモです。Webブラウザでビンゴを楽しもうビンゴ大会などで、数字をランダムに表示したいと思うことはないでしょうか。ビンゴに限らず、参加者の中から当選者を決めたいという時もあるでしょう。それを画面上に大きく表示すれば、会場は盛り上がるはずです。Bingo!は名前の通り、ビンゴを実現するためのWebアプリケーションになります。宇宙に憧れる人は大勢います。宇宙を知れば知るほど、自分の存在が小さなものだと思い知ります。地球以外には移住もできず、まだ月にしか足を踏み入れていない現状が未来を感じさせます。そんな宇宙の様子を3Dで表現するのがSpacekitです。Spacekitの使い方各惑星は線の上を動きます。レスポンシブWebデザインをまとめて確認レスポンシブなWebデザインが当たり前になっており、その表示確認が大変になっています。Webブラウザの幅を変えたり、スマートフォンやタブレットでの表示を確認したりしている方は多いでしょう。一気に複数デバイスでの表示を確認できます。Slackの入力フォームを以前のものに戻すSlackでは最近、入力フォームにWYSIWYGなツールバーが追加されました。ITに詳しくない人であれば便利だと思いますが、逆にITリテラシーが高い人にすれば、以前のように記法を使う方が簡単だったでしょう。Bookmarkletです。24時間で消えるテンポラリファイルアップローダーSnapchatであったり、Instagramなどには投稿した情報を一定時間で消す機能があります。人に見せたいけれど、残したくはない、そんな情報は意外と多いのでしょう。ファイルを受け渡す場合も恒久的に残ってしまうのは問題、という場合もあります。そんな時に使えるのがUguuです。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が731あります。blockworks。