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

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

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

2017/12/14
できることを全力でやる
2017/11/25
恥ずかしさを感じないためにできること
2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理

もっと見る

List

  • 2016/08/06

vbaDeveloper - Excel VBAのコードをバージョン管理する

プログラマーであれば誰もがコードはバージョン管理システムに登録しておきたいと思うものでしょう。何かあった時に差し戻せますし、変更の確認にも使えます。一人はもちろん、複数人での開発ともなれば必須の仕組みです。しかしVBA(Excel)ではそのようなバージョン管理の仕組みがありません。そこで使いたいのがvbaDevelop...

List

  • 2016/08/06

street_fighter - 懐かしのあのストリートファイターをWeb上で

ソフトウェアの名前を見ても分かる通り、あのストリートファイターです。世の中にあるソフトウェアはどんどんWeb化が進んでおり、それはゲームにおいても同様です。Webブラウザで遊べる、というだけでどれだけの人たちが殺到するか分かりません。street_fighterはまだまだ粗いですが、可能性を感じさせるソフトウェアです。...

List

  • 2016/08/05

ChromeLens - Google Chrome機能拡張のWebアクセシビリティチェッカー

Webアクセシビリティに注目が集まっています。Webは多くの人たちが使うようになっており、健常者にだけ合わせて情報を発信すれば良いだけでなくなっています。また、幅広い層に提供することによって、新しい価値を生み出せる可能性もあるでしょう。今回はWebアクセシビリティをチェックするツールとしてChromeLensを紹介しま...

None

  • Premium_s 2016/08/05

スペシャリストではないフリーランスが10年以上フリーランスでいるコツ

MOONGIFTの管理者は2006年くらいからフリーランスをやっていて、3年前に法人化しました。法人化と言ってもずっと一人なので個人事業みたいなものだったりします。最近、フリーランスになる人が増えているように思いますが、多くは5年もたずに企業に再就職しています。無理してフリーランスを続ける意味はないと思いますが、何らか...

List

  • 2016/08/05

Material Kit - Bootstrapをベースにしたマテリアルデザインフレームワーク

マテリアルデザインが人気です。単なるフラットなデザインだとどこがボタンなのか、さらにクリックした時の反応がないためアクションを起こしたのかどうかも分かりづらいと言った問題があります。マテリアルによって反応が得られるようになればユーザビリティが高くなるでしょう。そこでBootstrapに対してマテリアルデザインを適用でき...

List

  • 2016/08/04

hack.css - ハッカー用のCSSフレームワーク

CSSフレームワークがたくさん出ています。それぞれにコンセプトがあり、サイトの雰囲気に合わせて選択するのが良いでしょう。Bootstrapが人気ですが、何でもBootstrapが良いという訳ではありません。もし開発者らしいサイト、プロジェクト用のページを立ち上げるならばhack.cssはいかがでしょうか。ハッカー用のシ...

List

  • 2016/08/04

Marp - Markdownを使ったHTMLスライド作成ソフトウェア

MarkdownはHTMLやPDFに展開するだけでなく、様々な用途に使われています。その一つがスライドです。Markdownでスライドを作るとテキスト中心になり、アニメーションなどでごまかさない、本質的なものが作れます。しかし作っている時には単なるHTMLであって、あまりできあがりのイメージが沸きづらいかもしれません。...

List

  • 2016/08/03

Elementor Page Builder - こだわったコンテンツを作成できるWordPressプラグイン

ブログはついテキストが多くなってしまいがちです。そもそもWYSIWYGなエディタ部分において画像の埋め込みと文字装飾くらいしかサポートされていないのが原因でしょう。もっと凝ったデザインをしたいと思っても、HTMLを直接編集するしかなくなります。そこで使ってみたいのがElementor Page Builderです。Wo...

List

  • 2016/08/03

asciinema2gif - asciinemaをアニメーションGIFに

ターミナルでの操作を記録、再生してくれるasciinemaはとても便利なサービスで、後で操作を振り返ったり、ブログ記事にしたりするのに使えます。しかし埋め込み用のタグがJavaScriptなのが難点です。多くのブログサービスでは埋め込めないでしょう。そこで使ってみたいのがasciinema2gifです。asciinem...

List

  • 2016/08/02

THE FUR - 何でも可愛くモフモフ加工

人が対象を可愛いと判断する要素は「小さい」「丸い」「柔らかい」といったところにあります。特にぬいぐるみなどは大きくても可愛いと思われることが多いので、丸くて柔らかそうなものは可愛いと思われる対象として大きな要素が感じられます。そこで使ってみたいのがTHE FURです。どんな対象であっても柔らかそうに変化させてしまうWe...

None

  • Premium_s 2016/08/02

2016年07月の人気ソフトウェアまとめ

先月のまとめです。過去分は以下の通りです。- 01月プロジェクト管理システムは多数ありますが、そのセットアップに時間がかかるようでは導入への敷居が高くなってしまいます。さくっと設置してすぐに動くくらいの手軽さが欲しいです。今回はそんなプロジェクト管理、Wheatbinを紹介します。PHP製なので多くのWebサーバで動く...

List

  • 2016/08/02

Macmoji - Slack風にMac OSXでも絵文字入力可能に

絵文字はスマートフォンで使われるようになって一気に広まっていきました。特に海外でもemojiというネーミングが使われており、さらに最近ではBitmojiなる言葉も使われています。そんな絵文字をMac OSXで使えるようにするのがMacmojiです。これまでもフォントを使ったものがありましたが、より入力しやすいようにSl...

List

  • 2016/08/01

A Single Div - たった一つのdivタグでできている作品集

CSS3を駆使することによって、複雑な形であったり、ドローさながらのイラストを描いたりすることができます。画像やSVG、Canvasを使ってもできることですが、あえてCSSだけの縛りを加えることに意味があります。そんなスタイルシートだけ、さらにたった一つのdivだけという縛りを用いて作られた作品集がA Single D...

List

  • 2016/08/01

PresenSwitter - 意外と便利!背景が透明なTwitterクライアント

意外と盲点だったかも…。スライドなどに合わせてTwitterの検索結果を表示したいと思うことがあります。ハッシュタグを使うのですが、多くの場合プレゼンテーションのソフトウェアにTwitter連携機能を追加します。しかしこれはプラグインの開発が面倒でした。PresenSwitterは一発で希望に適う機能を提供してくれるT...

List

  • 2016/07/31

css-keyframer.js - CSS3のスタイル設定を使ったキーフレームアニメーション

アニメーションは一コマ一コマ指定しながら作成することもできますが、作成に時間がかかります。それに対してキーフレームを指定して、そこへの変化(または移動)を指定する方式はコンピュータ側でアニメーションを補完してくれる分、効率的にアニメーションが作成できます。今回紹介するcss-keyframer.jsはそんなキーフレーム...

List

  • 2016/07/31

WebVR-Extension - WebVRコンテンツの開発を補助するChrome機能拡張

最近盛り上がってきたのがWebVRです。VRグラスを使ったコンテンツをWebブラウザでも楽しめるようになります。ただし開発に際してまだ確立された方法がなく、とても面倒な印象があります。そんなWebVRコンテンツを開発する際にインストールしておきたいのがWebVR-Extensionです。Google ChromeでWe...

List

  • 2016/07/30

Pokémon GO - WebSpoof - 利用注意。Pokémon GOをMac OSXからプレイ

USを中心に爆発的な人気を獲得しているPokémon GO。Ingresと同じシステムがベースになっているだけあって、位置情報と実際の地図を組み合わせたリアル性を持ったゲームというのが特徴です。そんなPokémon GOをMac OSXから遊べるようにするのがPokémon GO - WebSpoofです。実際の利用は...

List

  • 2016/07/30

Slate - カスタマイズできるWeb用のリッチテキストエディタ

HTMLのテキストエリアのUIが貧弱なのは有名な話で、文字入力が多いサービスにおいて素のテキストエディタをそのまま提供することはなくなっています。かといってかつてのWYSIWYGエディタのように機能がてんこ盛りなのも見かけません。もっとスマートに、もっと使いやすい形で入力してもらうべきです。今回はWeb上にリッチなエデ...

List

  • 2016/07/29

Cleave.js - Web上での入力にフォーマットを指定

HTML5のinput typeはdateやtimeなどの指定によって入力できる情報が変わるようになり、UXが改善されています。しかしさらに細かい入力制御を行う場合にはJavaScriptに頼らないといけません。よりユーザビリティの高い入力インタフェースを実現したいならばCleave.jsを使ってみるのはいかがでしょう...

None

  • Premium_s 2016/07/29

業務で使えるオープンソース(199)「GitHub Issues」

今回のテーマはGitHub Issuesです。最近のシステム開発ではGitHubを使うことが増えてきました。さらにそのGitHub Issuesは開発の際に生じた問題はもちろん、今後実装していく機能などもまとめて管理できるので便利です。今回はそんなGitHub Issuesの使われ方と関連オープンソース・ソフトウェアを...