仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。APIを使ったリジューム付きファイルアップローダーWebで面倒に感じるのがファイルのアップロードです。途中でネットワークが切れた時には大きなストレスになります。1回で数百MB、数GBの大きなファイルをアップロードするとなればリジューム機能が欲しくなるはずです。そこで使ってみたいのがResumable.jsです。Chromeの開発者ツールを使っていて、外部のライブラリを使いたいと感じることは多々あります。そんな時にはJavaScriptのコードをすべて貼り付けたり、スタイルシートを動的に生成して読み込む手があります。毎回やるのは面倒です。Importerです。インタラクティブに進めて答えが得られるシステム世の中には計算が若干面倒という場面が多々あります。通貨の換算であったり、カロリーの計算なども面倒でしょう。した時、ロジカルに考えていく方法が分かっていれば、考えるプロセスはとてもシンプルになります。Answersになります。ピクチャインピクチャのスクリーンキャストを簡単に実況動画などで一つの動画上に別な動画(Webカメラの映像など)を載せることがあります。いわゆるピクチャインピクチャですが、自分で作成しようと思うと意外と面倒です。スクリーンキャストしながらWebカメラの映像を録画しなければならず、後で時間を合わせて結合しなければなりません。WebPackをWeb上で体験しようJavaScriptの利用範囲が広がるのに合わせてライブラリを使ったり、ソースコードが分かれているのを統合したりする必要が出てきました。その際に使われているのがBrowserifyであったり、WebPackです。Playgroundを紹介します。macOS用のSVGエディタSVGがいくらテキストベースだといっても、手入力で作成しようと考える人はまずいないでしょう。専用のドローソフトウェアがなかったらとても作ることはできません。いってその手のソフトウェアは効果なのが常です。そこで使ってみたいのがmacSVGです。GUIで簡単にSVGコンテンツが作成できます。macSVGの使い方新...2017/03/25やらないことを探す個人の時間は1日24時間と決まっていて、その中でも働く時間は1日8時間と決まっています。時にそれをオーバーして働く人はいますが、残業ほどムダなものはないです。働くことだけが人生ではありませんので、ムダなことをしている暇はないはずです。今回は勤務時間中のムダを削り落とす上でどう探していくかを紹介します。一つの言語からFlash/HTML5/モバイル向けにコード出力できるアニメーションエンジンHTML5によって(またはiOSによって)Flashは絶滅に瀕しています。問題はFlashがなくなった後の世界でいかに効果的なアニメーションやインタラクティブな操作を実現できるかです。HTML5でできますが、非常に面倒でしょう。そこで使ってみたいのがLayaAirです。写真をぼかして印象的な壁紙を生成iPhoneの壁紙はこだわっていますか。筆者は全くなので、ほぼデフォルトのまま過ごしているのですが人によって毎週のように変更している人もいます。その際に選ぶのは自分のアルバムからと言う人も多いでしょう。そんな方に使ってみて欲しいのがBlearです。写真をぼかして印象的な壁紙を生成します。モンハンにインスパイアされたミニゲームゲームは一つだけの目的では長続きしません。時に変化となるようなちょっとしたおまけがあると良いでしょう。それはボーナスゲームであったり、サブクエストだったりします。ミニゲームもその一つです。Pocketはモンスターハンターにインスパイアされたミニゲームになります。異なるSVGに変化するアニメーションを生成SVGとこれまでの画像バイナリと決定的に違う部分はなんと言ってもプログラムから操作しやすいということでしょう。アニメーションの定義などはSVG内でもできますが、より詳細なアニメーションはJavaScriptで制御できます。業務要件の殆どを満たせそうなグリッドライブラリ業務システムなどをWebベースで作っていると求められるのがリッチなグリッド機能です。ヘッダの固定、フィルタリング、チェック、カラムの順番変更、一回あたりのデータ表示件数変更...挙げれば実にきりがありません。そこで使ってみたいのがag-Gridです。モバイルファーストなヘルプデスクシステムWebサービスに限らず、何らかのプロダクトやサービスを提供する際にはサポートが必須になります。無償サービスであればコミュニティベースでのサポートもありますが、有償な場合は一対一のサポートが求められるでしょう。そこで使ってみたいのがHelpyです。モダンなデザイン、モバイルファーストなヘルプデスクです。Helpyの...2017/03/22言語の壁が作るメリット・デメリット最近、頻繁に海外に行くようにしています。一昨年と去年はカンファレンスへの参加がメインで、今年は現地でミートアップをはじめています。そんな中、感じるのが現地と日本での言語の壁です。言語の壁は良い面、悪い面の両方があります。今回はそんな体験から得た話です。Canvasで画像にエフェクトHTML5のCanvasを使うと画像を取り込んで表示し、エフェクトを行うことができます。Canvasの扱いは意外と面倒で、コードも多くなりがちです。そのためメンテナンス性が低くなってしまいます。そこで使ってみたいのがCanvasEffect.jsです。画像を編集するための専用ライブラリとなっています。WebベースのDjvuビューワーDjvuというファイル形式があります。共通したDjvuビューワーをインストールしておけば、どのプラットフォームでも同じように文書を閲覧できるというものです。PDFのような形式で、圧縮率に優れていると言われています。SVGをアニメーションしながら描画SVGの良いところはベクターベースのデータである点と、内容がXMLなのでプログラマブルに操作可能ということです。バイナリデータと異なり、一部だけを描画したり色を変えると言ったことも簡単にできます。そこで使ってみたいのがzPath.jsです。SVGを読み込んでアニメーションしながら描画してくれます。ウィンドウをぴったり寄せる仕事をしている中で、二つのウィンドウを並べて比較しながら作業することはよくあります。そんな時、ウィンドウ同士が微妙に重なったり、隙間があるとストレスを感じる人もいるでしょう。そこで使ってみたいのがSnappです。ディスプレイサイズに合わせてウィンドウ同士をぴったりな位置に合わせてくれます。Uberの見積もり、到着時間が分かるCLIコマンド海外出張などでUberを使わないことはほぼあり得なくなっています。Googleマップとも連携し、行きたい場所まですぐに連れて行ってくれるUberはとても便利です(各地で問題となっていますが、利用者としては最高の仕組みでしょう)。書きやすさに特化したブログシステムみんな誰しもが自分だけのストーリーを持っています。そんなことはない、私には何も語れるものはないと思う人がいるかも知れませんが、自分の常識は他人の非常識だったりします。言ってみると意外と驚かれる話題がきっとあるはずです。そんな自分の思いを綴れるサービスがStorytimeです。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が722あります。blockworks。