仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。グリッド表示にExcel並の機能を業務システムと言えばグリッド、テーブルが求められます。最初はHTMLで簡単に作成するのですが、すぐに追加の機能が求められます。ソート、フィルタリング、ヘッダーや左側の列を固定して欲しいと言った具合です。そんな厄介な要望をスクラッチで対応していたのではとても時間がかかってしまいます。日々の業務でちゃんとメモを取っていますか。その場では覚えられても、1ヶ月もすれば大抵のことは忘れてしまうものです。人の脳はストレージとして考えると性能が悪いので、なるべくメモをとって形に残るようにしておかなければなりません。そこで今回は主なメモ環境と関連オープンソース・ソフトウェアについて紹介します。最近、アニメーションGIFを使ってソフトウェアの操作を表現することが多くなっています。YouTubeなどに比べると簡単に、繰り返し見られる動画が作れるのが利点です。その際の素材として、動画から変換するというケースはよくあります。byteではありません。byteながら便宜上分かりやすい1kBと表記しています。同様に1GBも1,024MBであって、バイト数からの換算は非常に面倒です。皆さんも人に説明したり、ドキュメントで書く際に1,024で割って計算した経験があるはずです。スムーズな線の描けるドローソフトウェア今なお個人的に好きなソフトウェアがSkitchです。Evernoteに買収されてしまいましたが、一番シンプルで使いやすかったバージョン1系を未だに使っています。何よりいいのがマウスで線を描いたとしても滑らかな曲線に置き換えてくれる機能です。そんなSkitchを彷彿とさせるソフトウェアがatrament.jsです。APIの標準記述フォーマットとして知られつつあります。標準ができるということは、それを使っていれば同じデータを使って他のフォーマットやサービスで使うことができるようになります。リッチなUIが作れるWebアプリケーションフレームワークHTML5によってUI周りは大きく改善されましたが、それでもまだまだ物足りないと感じることは多いです。その結果、外部ライブラリを導入せざるを得ず、互換性や組み合わせによる不具合が発生することもあります。今回は多くのリッチなUIライブラリを提供するZebraを紹介します。MarkdownとWikiを組み合わせた組織用コミュニケーションツールメモというのは大事なもので、蓄積されたメモは後々大きな意味をもってきます。そのためにも手軽に、かつ一カ所にまとめて書けるようになっていなければなりません。散在したメモは探すコストが大きく、役に立ちません。会社であればメモはみんな一カ所に書きためるべきです。それによって知らなかった新しい知識に辿り着けます。各種クラウドストレージに対応したファイル管理ツール今はクラウドストレージサービスが多数存在します。幾つものサービスを使い分けていたり、会社と個人、プロジェクトなどでストレージサービスが異なるといった方も多いのではないでしょうか。そんな方にお勧めなのがrcloneです。複数のクラウドストレージをコマンドラインから操作できる便利ツールです。補足説明を表示するJavaScriptライブラリテキストだけですべてを説明しようと思うとつい文字数が増えてしまいがちです。短縮しすぎると伝わらなくなってしまいます。バランスが大事なのですが、それは紙のような静的なテキストの場合と言えます。Webであればもっとダイナミックに、ユーザ操作に合わせてコンテンツを提供することだってできるはずです。今回のテーマはWebGLです。HTML5が普及し、その中でWebGLも使いやすくなってきました。iOS9でもWebGLがサポートされたこともあって、スマートフォンでもWebGLコンテンツが普及しはじめています。今回はそんなWebGLの使われ方と、関連オープンソース・ソフトウェアを紹介します。Webページ中でのユーザの動きをトラッキングアクセス解析を使うとユーザがどう回遊しているか分かります。ページの中でどういう風に動いているかは分かりません。そこで何か問題にあってページを閉じてしまっている可能性もあります。そんなユーザの操作を記録、再現してくれるのがSpyです。アクセス解析と組み合わせて使ってみると面白そうです。管理画面に向いたBootstrap製ダッシュボードテンプレートBootstrapが最もよく使われるのは個人のWebサービス、そして企業の管理画面ではないでしょうか。そこまでデザインがよくある必要はないですが、見逃し防止の一覧性やグラフの見やすさなどが求められます。Reactアプリのコンポーネント開発にお供に!Reactの開発ではデータの状態が大事で、保存しておかなければリロードすると元に戻ってしまいます。これでは状態が遷移していく中で開発していると何かと厄介です。いって、そのためにデータを変更するのも面倒です。Storybookです。スタイリッシュな縦型タイムラインデザインWebサイトの記念的なエントリーやページを作成する際には縦向けのタイムラインがよく使われます。Webページは縦にスクロールされるものが多いので、一番上が過去とすれば、スクロールするごとに経過時間をたどれるようになります。Timelineです。CSS3で作られた実際に使える計算機CSS3を駆使すれば、驚くほどの機能が実現できます。JavaScriptはブラウザでオフにされることがありますが、CSSは殆どオフになりません。そのため、JavaScriptが使えなくとも動くというのは大きな利点があります。多数のブラウザに対応したWebアプリケーション開発ライブラリWeb技術が進歩していることもあって、これまでローカルでないと実現しなかったようなUI、機能などがWebブラウザ上でできるようになっています。言え、それはできるという話であって、実現しようとすればかなり大変なのは間違いありません。UIやJavaScriptと連携させた動きの制御は苦労が伴います。2016に参加してきました。Webカメラを使って簡単にアニメーションGIF作成アニメーションGIFを作る方法は幾つかありますが、多くの場合は動画を用意して、それを変換して作成します。動画があればいいですが、イチから作成する際にスマートフォンを使ったりするのは面倒です。何よりスマートフォンは高画質なので動画のサイズが大きくなってしまいます。Web用のMarkdownエディタ世の中、Markdownばかりになってきました。その効果として、コンテンツが増えたり、関連ツールも多数出てきています。MarkdownエディタについてはかつてのWikiのように多数の言語で実装されるようになっています。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が725あります。blockworks。