ITエンジニア/デザイナ向けにオープンソースを毎日紹介

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理
2017/10/28
2017年09月の人気ソフトウェアまとめ
2017/10/03
面倒な仕事は分解しよう

もっと見る

List

  • 2017/05/14

Let it snow - CSSでWebサイトに雪を降らせよう

Webサイトに雪を降らせるような効果をみせるライブラリは幾つか存在します。多くはJavaScriptを使ってごりごりと実装するのですが、あまりスマートなやり方とは言えません。今回紹介するのはLet it snow、スタイルシートを活用した降雪効果を見せるライブラリです。## Let it snowの使い方デモのWebサ...

List

  • 2017/05/14

PsiTransfer - 自前で立てるファイル共有サーバ

メールなどで巨大なファイルを送りつけるのはあまり良いことではありません。受ける側は強制的に受信せざるを得ませんし、そのせいで大事なメールが受信できなくなってしまうかも知れません。そのため、送受信両方でメールのサイズ制限を設けていることはよくあります。そんな時のために使えるのがファイルをシェアするサーバです。今回はPsi...

List

  • 2017/05/13

per-word-action - 単語や行ごとにデザインを変える

最近のWebサイトは多数のデバイス、多数の幅に合わせたレスポンシブデザインが求められてます。しかし幅が変わるとデザイナーの意図した描画にできない場合もあります。特にテキスト量に依存した処理は行数が変わると面倒です。一例として使えるのがper-word-actionです。行ごとにデザインを変えることができるライブラリです...

List

  • 2017/05/13

curvejs - 曲線を使ったアニメーションライブラリ

Web上でアニメーションを描くのはとても面倒です。一度表示するだけであればこだわったリッチな描画も可能ですが、アニメーションとなると話が変わってきます。Canvasで描画している場合は、その内容を消す操作が必要です。文字が揺れるようなアニメーションを実現したかったらcurvejsを使ってみると良さそうです。## cur...

None

  • 2017/05/12

php.vbs - VBScriptで実装したPHP関数群

VBScriptやVBAは今なお根強く使われ続けています。しかし進化はすでに止まっており、提供される関数なども古い形式のものが多くなっています。もっとモダンな開発スタイルが欲しい方も多いでしょう。そんな方にお勧めなのがphp.vbsです。VBScriptやVBAの中でPHP風の関数が使えるようになります。## php....

List

  • 2017/05/12

Web Design Pirate - Webサイトの一部をピックアップして再利用

Webデザインはコンポーネント指向になってきています。Web componentsという仕様も作られており、さらにこの流れは加速するでしょう。Webサイトの一部を埋め込んだり、再利用性高い部品を使うのが当たり前になっています。そんなWebサイトの一部をピックアップするのに最適なGoogle Chrome機能拡張がWeb...

List

  • 2017/05/11

ShuffleText.js - マウスオーバーでテキストシャッフル

映画などでよく見られるテキストがシャッフルされて徐々に表示されていくアニメーション。単純に文字を表示するよりもインパクトがあって思わず目を引きつけられることでしょう。そんな演出が簡単にできるライブラリがShuffleText.jsになります。## ShuffleText.jsの使い方アニメーションGIFではちょっとした...

List

  • 2017/05/11

Commento - 自分で立てるコメントシステム

ブログやニュースサイトなどコメント機能が欲しくなることは多々あります。しかし静的サイトにおいてコメントシステムのために全体をプログラマブルにするのは面倒です。そこで使えるのが外部のコメントサービスです。有名なところではFacebookのコメントやDisqusなどがあります。もし自分で構築したいならばCommentoを使...

List

  • 2017/05/10

OpenLara - トゥームレイダー風のゲームエンジン

トゥームレイダーと言えば映画化もされたくらい人気のゲームです。3Dポリゴンがまだまだ粗い時代からあり、ゲームをやらない人でもその名前くらいは知っているのではないでしょうか。そんなトゥームレイダーをWebベースで再現したのがOpenLaraになります。ララはトゥームレイダーの主人公の名前になります。## OpenLara...

List

  • 2017/05/10

React Timekeeper - Google Keepアプリにインスパイアされた時間入力UI

時間の入力インタフェースは意外と古くさくて面倒な場合が多いです。日付はカレンダーで入力できるのに、時間はドロップダウンでいちいち選択しないといけません。テキストで入れる場合も数字のみしか入力できないようにしなければならないでしょう。そんな時間入力インタフェースとして作られたのがReact Timekeeperです。Go...

None

  • Premium_s 2017/05/10

北京のインターネット事情

開発者向けの広報活動、DevRelのカンファレンスであるDevRelCon Beijingにて登壇するため数日間北京に行ってきました。よくいうグレートファイアウォール(金盾)がある国ですが、実際のところどんなものだったのかを紹介します。### 旅行前に香港SIMを買っておきましょう北京の空港で買えるSIMは金盾の中で動...

List

  • 2017/05/09

GHOST IN THE SHELL - あの映画と同じ題名なジョークソフトウェア

ついに実写版Ghost in the shellが公開されました。他のマンガを実写化した事例と同様、ツッコミどころはあるものの個人的にはそんな悪くないと感じています。IT系のプログラマであれば観た方も多いのではないでしょうか。そんなGhost in the shellを彷彿(?)とさせるソフトウェアがGHOST IN ...

List

  • 2017/05/09

Pull Quote Center - 中央に引用を表示するレイアウト

HTMLはレイアウトの概念があまり強くありません。CSSを駆使すればできることもあるでしょうが、メンテナンス性が非常に悪くなったり、再利用性も低くなったりします。雑誌のようなレイアウトを再現するのは大変です。今回は2段組の雑誌構成でよくある中央に引用を表示するレイアウトを実現するPull Quote Centerを紹介...

List

  • 2017/05/08

Instascan - HTML5のQRスキャナー

QRコードを使う機会は意外と多いです。特にスマートフォンでQRコードリーダーを使えばPCや雑誌などから情報を読み取るのは簡単です。そんな中にあってはPCでもQRコードを読み取りたいと思うことがあるでしょう。もちろん専用アプリケーションをインストールすればできますが、もっと手軽にできるのがInstascanです。## I...

List

  • 2017/05/08

Tamper Chrome - HTTPリクエストを編集するセキュリティチェック

Webのセキュリティをテストする際に、通常ではありえないリクエスト内容を送ったりすることがあります。しかし一からリクエストを作成するのは大変ですし、毎回指定するのも面倒です。そこで使ってみたいのがTamper Chromeになります。すでに実行したHTTPリクエストをベースとして、編集して実行できます。## Tampe...

List

  • 2017/05/07

pnpm - npmの高速化と容量削減を実現

npmは優れたパッケージ管理システムですが、使っていると速度が遅くてストレスを感じることがあります。その挙げ句にエラーが出たら目も当てられません。それを解決するためにyarnも作られていますが、まだ機能的に十分でないこともあります。そこで使ってみたいのがpnpmです。高速かつディスクスペースを低減してくれるnpmです。...

List

  • 2017/05/07

8192px - みんなで共有する広大なキャンバス

リアルの世界で無限のキャンバスを提供するのは困難ですが、デジタルの世界では簡単です。そしてみんなでキャンバスをシェアしたら、どんな楽しい作品が生み出されるでしょうか。そんな楽しさを垣間見せてくれるのが8192pxです。みんなでピクセルアートが楽しめる、そんなプラットフォームになります。## 8192pxの使い方現在のメ...

List

  • 2017/05/06

Pegmatite - PlantUMLを画像化するGoogle Chrome機能拡張

かつて信望者が多く、そして使われなくなってしまったUMLですが、個人的には技術的には悪くないと感じています。問題はシステム開発と密接に(スケルトンコード出力など)しすぎたことでしょう。システムを可視化したり、図化するのは良いことです。そこで使ってみたいのがPegmatite、PlantUMLをドローしてくれるChrom...

List

  • 2017/05/06

cryptorious - 秘密鍵/公開鍵を使ったパスワード管理

パスワード管理と言えばマスターパスワードがあり、それさえ覚えておけば他のパスワードは覚えておかなくて良いというものです。しかしマスターパスワードを簡単なものにしてしまったら意味がありません。そこで使ってみたいのがcryptoriousです。パスワードを入力する代わりに公開鍵/秘密鍵を使うパスワード管理です。## cry...

List

  • 2017/05/05

Mastodon Bridge - MastodonにいるTwitterフレンドを探すお手伝い

最近一気に人気が出てきたMastodonですが、他のソーシャルサービスと同様にいきなりネットワークの中に放り込まれても全く面白さが伝わりません。人と人のつながりができてはじめて楽しくなってくるものです。Twitterと似た仕組みのため、現在トライしているユーザもまたTwitterユーザが多くなっています。そこで使ってみ...