仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介Webの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。宇宙に憧れる人は大勢います。宇宙を知れば知るほど、自分の存在が小さなものだと思い知ります。地球以外には移住もできず、まだ月にしか足を踏み入れていない現状が未来を感じさせます。そんな宇宙の様子を3Dで表現するのがSpacekitです。Spacekitの使い方各惑星は線の上を動きます。レスポンシブWebデザインをまとめて確認レスポンシブなWebデザインが当たり前になっており、その表示確認が大変になっています。Webブラウザの幅を変えたり、スマートフォンやタブレットでの表示を確認したりしている方は多いでしょう。一気に複数デバイスでの表示を確認できます。24時間で消えるテンポラリファイルアップローダーSnapchatであったり、Instagramなどには投稿した情報を一定時間で消す機能があります。人に見せたいけれど、残したくはない、そんな情報は意外と多いのでしょう。ファイルを受け渡す場合も恒久的に残ってしまうのは問題、という場合もあります。そんな時に使えるのがUguuです。シンプルで簡単なファイルアップローダーファイルを相手に送る際にどんな手段を使っていますか。チャット、メール、AirDropなど多彩な方法がありますが、アップローダー経由というのがよくあるものになるでしょう。今回紹介するYouTransfer.ioは自分で立てられるシンプルなアップローダーです。YouTransfer.ioの使い方メイン画面です。ネットワーク/ネットワーク機器管理システム社内外のネットワーク機器をどうやって管理していますか。ExcelやGoogleスプレッドシートにまとめているという方は多いのではないでしょうか。機器によって必要な情報が異なるので、まとめて管理するのは容易ではありません。そこで使ってみたいのがNetdiscoです。ターン制を止めたチェスすでに慣れたゲームも、本の少しルールを変えるだけで遊び方が大幅に変わる可能性があります。協力プレイで遊ぶはずのゲームで、お互いに邪魔しあった方が盛り上がるのはその典型といえるでしょう。Chessはチェスゲームですが、ターン制という部分を破壊したゲームとなっています。Apps)は今後のWebを担う大事な技術になっています。多数ある技術を合わせたものなので、すべてを実装するのは難しいですが、逆に一部からでもはじめられるのがメリットです。画像のちょっとした加工でPhotoshopを立ち上げたり、専門のソフトウェアを購入したりするのは嫌だと思っている方は多いはず。最近では些細な修正であればWebベースでも行えるようになっています。今回紹介するPainterroはWebベースの画像編集ソフトウェアです。Visioに頼らず綺麗なネットワーク構成図を手に入れる開発者であれなネットワーク構成図を書く機会があるかと思います。そんな時、ドローツールを使うとメンテナンスが面倒だったり、変更時の差分確認もできず、徐々に運用が煩雑になっていきます。そこで使ってみたいのがdrawthe.netです。テキストから詳細なネットワーク構成を生成してくれるドローツールです。Meetup.comに似たイベント管理Meetup.comはコミュニティ管理サービスとして有名ですが、その有料化施策や親会社であるWeの問題もあって利用者場慣れが続いています。離れる先として選ばれるのはオープンソースのコミュニティ管理サービスです。Togetherもそんな脱出先の一つです。UIもMeetup.comに似ています。学ぼう、教えよう開発者では昔から教え、教えられる文化があります。一つの技術を深く探求することも、新しい技術を学ぶこともできます。その文化によってオープンソースやコミュニティ文化が成り立っているといえるでしょう。今回紹介するOpenkiはそんな教え、教えられる人たちのためのサービスです。音を使ってデータを送受信コンピュータから別なコンピュータに情報を伝える際には何か使うでしょうか。物理(USBメモリなど)とネットワークでいえば、最近はネットワーク利用が多いでしょう。そのネットワークにはインターネット、LAN、Bluetoothなど多彩な選択肢があります。今回紹介するQuiet.jsは物理でもネットワークもありません。YouTube動画の軽量埋め込み表示YouTubeの動画埋め込み表示機能は便利で使っている人も多いかと思います。あの埋め込み表示は動作が重たく、あまり大量に埋め込むとWebブラウザの負荷が高くなります。そこで使いたいのがlite-youtubeです。標準のツールに比べて圧倒的に軽快に動作します。CSSだけで絵画のような表現を実現CSS3を活用すれば高い表現力が実現できます。イラストを描いたりすることだってできます。ドローであったり、SVGのような使い方が可能です。厳密な計算が必要です。Laceを紹介します。絵画のようなCSS作品です。画像にマウスカーソルを当てると情報を表示リンクがある画像の上にマウスを載せた時に情報を追加表示できると、ユーザに見てもらえる可能性が高くなります。その際にちょっとしたアニメーションができれば、より見た目のインパクトが大きくなることでしょう。今回紹介するIzmirはそのためのライブラリです。ユーザのブラウジングがより楽しいものになるでしょう。仕様が固まっていませんが、標準化されればコンテンツの楽しみ方がまた変わってくるでしょう。Mediaを体験したい方はPaged.jsを使ってみましょう。OS風機能を提供するWebコンポーネントWebコンポーネントを使うことで、限られた機能をHTMLのタグ一つで使えるようになります。プラグイン的な使い方であったり、UIコンポーネントとしてまとまった機能を手軽に利用できます。カンバンシステムを学べるゲームプロジェクト管理においてカンバンがよく使われるようになっています。各タスクに応じて人がアサインされ、こなしていきます。完了するとタスクが右側に移動していき、最終的にタスクが消えて終わります。そんなカンバンをゲーム形式で体験できるのがDevShopです。プロジェクト管理をゲーム風にシミュレーションできます。WebGLを使った芸術的表現Webブラウザの表現力は年々増しています。CanvasやWebGLによって、表現できる幅が大きく広がりました。使いこなすのは簡単ではありませんが、これまでのWebとは一線を画す表現が可能になります。FantasyはそんなWebGLを使った多彩な表現を集めたソフトウェアです。Googleカレンダーに予定を登録するリンクを生成Googleカレンダーを自分のスケジュール管理に使っている人は多いかと思います。Webサービス提供側としても日程情報が決まったら、それをGoogleカレンダーに登録するリンクを表示したいと思うことでしょう。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が727あります。blockworks。