仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介Webの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。英語や中国語など、他言語で流れる動画には字幕が欲しいものでしょう。YouTubeやNetflixなど動画配信サイトでは字幕の表示、非表示を切り替えられます。あんな機能が欲しいと思ったことはないでしょうか。今回紹介するASS.jsはHTML5のvideoタグに対してASSフォーマットの字幕を表示できるライブラリです。React製のファイル共有サービスインターネットを通じたファイル共有サービスはたくさんあります。日本でも幾つかあり、ビジネスでも使われていたりします(ユーザ情報漏洩して炎上したりもしていましたが)。それだけ需要が大きい分野なのでしょう。今回紹介するupload.expressはそんなファイル共有サービスの一つです。ターミナル/Webで使えるシンプルなブックマーク管理ブックマークを管理するのはWebブラウザに付属のものを使うのが基本ですが、大量のブックマークをすると管理が煩雑になります。そこでソーシャルブックマークを使うようになりますが、データを公開したくないと考える人も大勢います。そこで使ってみたいのがshioriです。ターミナルやWebで使えるブックマーク管理です。シンプルなテキストエフェクトライブラリ単純にテキストを表示しただけでは誰も気付きません。大事な文言であれば色やサイズを変えたりして、目立つ仕組みが必要です。それでももっと目立たせたい、ユーザの目に届けたいならばアニメーションしてみてはいかがでしょうか。フレームワークに頼らない絵文字ピッカーJavaScriptライブラリの多くが外部のフレームワークやライブラリに依存しています。した外部ライブラリを用いることで、コード量が減らせるメリットがありますが、依存性が発生してしまいます。そこで逆に依存性が一切ないライブラリに需要が出ます。ダークモード切り替え用WebコンポーネントmacOSから始まったダークモードは一気に広がっています。デスクトップはもちろん、Webサイトにおいてもダークモードの需要が高まっています。単純に暗いCSSを用意すれば良いだけではありません。Webブラウザ上でループするアニメーションGIFを作成アニメーションGIFはループする動画が簡単に作れるとあって、繋ぎが感じられないループアニメーションが映えます。アニメーションGIFを一から作るのは大変ですが、動画を使ったりプログラムで組んだりできます。今回紹介するLooperはそんなアニメーションGIFを生成するためのソフトウェアです。プロジェクトのタスク規模と進捗をツリーマップで可視化プロジェクト管理において可視化は大事な要件です。一覧にすると膨大に見えるタスク群も、規模を比べたり、その進捗を可視化することで全体像が見えてきます。定性的に「たくさん」ではなく、定量的に見なければなりません。そこで使ってみたいのがTaskTreemapです。タスクの規模と進捗をツリーマップを用いて表現します。13KBという制限の中で作られたJavaScript製ゲームかつてのファミコンゲームがごくわずかなリソースを活用して作られていたりして話題になります。リソースが潤沢な現在ではなかなか思いつかないようなアイディアに溢れています。今回紹介するVOIDCALLはJavaScriptのゲームを13KB以下で作成する、そんなコンテストで作られた作品です。ユーザ登録不要で使えるJSONストレージサーバただちょっとしたデータを保存したいだけなのに面倒なユーザ登録であったり、設定が必要となると気持ちが萎えてしまいます。作ろうという熱量を維持するためには、とにかく簡単に使える仕組みが必要です。今回紹介するjsonbox.ioはまさにそのためのソフトウェアです。ユーザ登録も不要でJSONデータの送受信ができます。Webラジオを音源としたビジュアライザーオーディオのビジュアライザーをずっと見ていても飽きないという人は多いでしょう。音楽を流すだけでなく、可視化することで別な楽しさが生まれます。そのため、幾つものパターンが作られています。VisualizerはWebラジオを音源としたビジュアライザーです。ストレスないプロジェクト管理システム開発に限りませんが、プロジェクト管理の有無が成否を分けるのは間違いありません。ステータスや新しい要望を適切に管理することで、スムーズな開発を実現できます。今回紹介するのはLaravel製のシンプルなプロジェクト管理、Goodworkです。Goodworkの使い方ホーム画面です。並んでいるのはタスクです。プライバシーへ配慮したアクセス解析Webサイトのアクセス解析と言えばGoogleアナリティクスを使っているケースが多いですが、社内のセキュリティ上利用できないという場合もあるでしょう。した時には代替になるソフトウェアが必要です。今回紹介するのはnodeで作られたAckeeです。Ackeeの使い方基本的にはページビューとリファラーが取れます。Webブラウザ向けのSSH/Telnetクライアント従来はローカルアプリケーションだったものが、どんどんWebアプリケーション化しています。開発環境においてもクラウドIDEが使われるようになっています。殆どの操作がWebブラウザ上でできるようになるでしょう。今回紹介するSshwiftyはSSHクライアントをWebブラウザベースで提供します。Web製のマリオブラザーズマリオブラザーズは登場以来、世界中の人たちに愛されるキャラクターになっています。開発者にとってはマリオブラザーズ風のゲームを作るのが楽しみの一つにさえなっています。今回紹介するMarioHTMLはWebブラウザ上で遊べるマリオになっています。MarioHTMLの使い方ゲーム画面です。Webでユーザストーリーマッピングユーザーストーリーマッピングという考え方があります。左右にユーザ体験の価値を時系列とし、上下に優先順位を指定してストーリーを並べていきます。類似したストーリーは優先順位に沿って上下に並べます。そんなユーザーストーリーマッピングによってストーリーの漏れを防ぐことができます。数字からYouTube風のID文字列を生成WebサービスでユニークなURLを提供する際に、IDを数字のまま出してしまうとデータ件数が何件あるのかバレてしまいます。そこでランダムな文字列を作ってIDの代わりにしたりします。数字のIDとランダムな文字列、二つ管理するのは面倒です。そこで使ってみたいのがhashids.jsです。多彩なデバイスに対応したレジュメテンプレート日本であれば履歴書のフォーマットが一つの形に決まっていますが、多くの国ではそういったものはありません。特定の紙のフォーマットではなく、見やすく自分の経歴や経験を記述するのが肝要になります。書き続けることが強制されるテキストエディタ集中して文章を書くためにはどうしたら良いでしょうか。自然と筆が進んでゾーンに入れる人もいますが、それは特別な人たちです。凡人たる我々は何かきっかけが必要です。人によってはご褒美だったり、逆にペナルティだったりするでしょう。機能豊富なWeb家計簿お金の管理は大事です。残高も気にせずお金を使っていれば、貯金などできようもありません。お金に関して言えばマイクロマネジメントしても良いでしょう。何か目的のある貯金であれば尚更です。多機能、レポートの多さが魅力です。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が727あります。blockworks。