仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。友人に写真や動画を送りたいと思った時に、サイズや量が多いと意外と面倒なことがあります。チャットでは強制的にファイルが送られてくるので受取手にとっては嫌なタイミングなこともあります。Gmailではファイルのサイズ制限があります。そこで使ってみたいのが画像や動画専用のアップローダーPictShareです。音ゲーは根強い人気のあるゲームジャンルです。やり方も手を使ったりバチを使う、足で行うなど様々な種類があります。手で行うものであればパソコンで再現されたソフトウェアも数多く存在します。好きな方はハマってしまうことでしょう。そんな音ゲーをWebブラウザベースで楽しめるのがBemuseです。ぼかし画像を使う画像遅延読み込み写真コンテンツは見せ方が大事です。単純に一覧として表示しているだけではよくありません。印象づけるための手段として、ユーザアクションと関連づけるという方法があります。することでオンデマンドな情報提供ができるようになります。仕事を開始する前、休憩中などに細かくソーシャルサービスで自分のステータスを更新する人たちがいます。Skypeなどでもプロフィールをアップデートして自分の状態がどうなっているのか(忙しいのか、寝ているのかなど)を通知する人も少なくありません。そんなちょっとしたステータス更新を毎度入力するのは面倒です。Webサイトのメタ情報を取得ソーシャルサービスなどの発展に合わせてWebサイトには多くのメタデータが埋め込まれるようになっています。それらのメタデータを用意することでよりリッチなコンテンツをユーザに提供したり、意図しない情報共有を防げるようになります。今回はそうしたWebサイトに埋め込まれた各種情報をピックアップできるEmbedを紹介します。GUIのJython実行環境Pythonの実行環境を用意しようと思ったら、Pythonをインストールすることになります。インストーラーはありますが、環境によっては権限がなくてインストールできないこともあるでしょう。VM上で動くJythonを動かせるGUIアプリケーションです。Go製のシンプルなWebノートアプリノートアプリケーションは世の中に多数あります。毎月のように新しいサービスが作られており、それぞれに特徴があります。どれか一つに定まらないということは、それぞれ理想とする世界が異なるためでしょう。今回紹介するのはnotable、シンプルなWebノートアプリケーションです。オフラインでも動作するJSFiddle/CodePenクローンJSFiddleやCodePenといったサービスはとても便利です。Web上の基本要素であるHTML/CSS/JavaScriptを書いて、その場ですぐに実行できます。そのまま残しておけるので、動くデモを人に見せるのが簡単です。問題はオンラインサービスゆえにインターネット接続が必要ということです。nodeのコードを実行エンジンともども一つの実行ファイルにnodeで作られたソフトウェアの配布はnpmを使って行うのが一般的です。コードを見られるのが問題だったり、最初にnodeをインストールしなければならず、若干敷居が高くなってしまいます。そこで使ってみたいのがnode-compilerです。nodeアプリケーションをパッケージして一つのバイナリにします。Go製のcurl代替コマンドCLIでインターネット上にあるコンテンツを取得しようと思うと使われるのがwgetかcurlでしょう。ファイルを送信したり、よりカスタマイズされたリクエストを行う際にはcurlが使われるかと思います。今回はその代替と言えるソフトウェアkurlyを紹介します。Goで作られているのも特徴です。システム標準のブラウザを使うElectronElectronはWeb技術でアプリケーションが開発できる便利な技術です。ブラウザを内包しているのでどのOS環境でも使えるのがメリットですが、ブラウザの分だけサイズが大きくなってしまうのが難点です。OSは限定されてしまいますが使ってみたいのがElectrinoです。小さなサイズのElectron風アプリが開発できます。GistやGitHubにあるコードを簡単にコピーできる機能拡張/亜ドンGitHubやGistなどプログラミングコードが記載されているサイトにおいて、そのコードをコピーしたいと思うことは多々あります。マウスで選択しても良いのですが、最初や最後の文字がうまく選択できなかったりするとストレスを感じるでしょう。そこで使ってみたいのがCodeCopyです。Webで任意のコンテンツを印刷できますWebが苦手としているものの一つに印刷があります。Webサイトを印刷しようとしてデザインが崩れてしまった経験はないでしょうか。一部だけ印刷したいのにそれもままなりません。そこで使ってみたいのがPrint.jsです。印刷対象を細かく指定できるソフトウェアです。Print.jsの使い方一例です。Faviconを取得、フォーマット変換Webサイトで使われているFavionは昔からあまり変わっていません。icoという拡張子のファイルが使われ、サイズもごくごく小さいものでした。スマートフォンが増えてきてようやくPNGや独自の大きなサイズの画像が求められるようになりました。そんなFaviconを生成、取得するのに便利なのがbesticonです。HTMLの枠がプルンプルンに人の目を引くデザインは奇抜なものばかりではありません。普段何気なく使っているものが別な場所にも出てきたりすると驚かれることもあるでしょう。コンピュータ内で自然に存在するものを再現すると興味を持つ人たちがたくさんいます。pluginもそんなライブラリの一つです。日本にも上陸したSpotifyでは音楽を手軽に楽しめます。定額制なのでいくらでも音楽が楽しめるのは便利です。基本的に会員向けのサービスではありますが、人に紹介したいと思うこともあるでしょう。JavaScriptのコードを見やすく整形JavaScriptは人によって書き方が変わる言語でもあります。企業によっては基準を設けたりしますが、それでもLint系で注意するのが精一杯でしょう。見づらいコードはそれだけバグをはらみやすく、システムの品質を低下させます。そこで使ってみたいのがPrettierです。JavaScript用のコード整形ツールです。CSVファイルをMarkdownのテーブル化Markdownは見た目と結果が同じように書けるので文書を書くのが簡単です。一つ面倒な記法があります。それはテーブルです(デフォルトの記法にはありませんが)。罫線を使って作るのは意外と面倒です。そこで使ってみたいのがcsv2mdです。CSVファイルをそのままMarkdownのテーブル記法に展開してくれます。...2017/05/17技術者に分かりやすい文章を書くための6つのポイント今回は文章の書き方です。技術者をターゲットして考えてみたいと思います。技術者とそれ以外の方で大きく異なる点はありませんが、仕様書や設計書など技術者が目にする文書はどれも分かりづらいものばかりです。そこでどう書けば読みやすく、きちんと伝わる文書になるかを紹介します。縦型年表を作成するjQueryプラグイン情報を時系列に沿って表現する際には年表表示が便利です。教科書などでは横型の年表が使われますが、Webにおいては横スクロールは一般的ではないため、縦型のスクロールをしながら表示されることが多くなっています。Timelineになります。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が727あります。blockworks。