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

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

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

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

もっと見る

List

  • 2019/11/29

PureCSS Lace - CSSだけで絵画のような表現を実現

CSS3を活用すれば高い表現力が実現できます。イラストを描いたりすることだってできます。まるでドローであったり、SVGのような使い方が可能です。もちろん厳密な計算が必要です。そんなCSS3の作品例としてPureCSS Laceを紹介します。まるで絵画のようなCSS作品です。## PureCSS Laceの使い方こちらが...

List

  • 2019/11/29

Drum Machine in Excel - Excelをドラムマシーン化!

Excelというソフトウェアほど懐の深いソフトウェアはないのではないか、そんな思いに駆られます。普通の人たちは表計算ソフトウェアとして使いますが、ある人はデータベース、ある人は帳票、さらにゲームなど幅広く活用されています。今回紹介するのはまた変態的なExcelの使い方です。名前をDrum Machine in Exce...

List

  • 2019/11/28

timebox - シンプルなタイマーコマンド

決まった時間集中したいと考えることがあるでしょう。人によってスイッチの入れ方は異なりますが、目の前にタイマーを置いて、押した瞬間から集中できる人は多いはずです。集中する、と決めて何かアクションを起こすのが大事です。今回紹介するtimeboxもそんなタイマー機能を提供するアプリです。## timeboxの使い方timeb...

List

  • 2019/11/28

Mark Text - シンプル、エレガントなMarkdownエディタ

Markdownエディタは多数あります。多くはエディタとプレビューが左右に表示されます。しかしMarkdownに慣れていないと、書いている記法が結果としてどう表示されるのか推測が難しいでしょう。そこで使ってみたいのがMark Textです。インラインで記法が反映されるMarkdownエディタです。## Mark Tex...

List

  • 2019/11/27

Izmir - 画像にマウスカーソルを当てると情報を表示

リンクがある画像の上にマウスを載せた時に情報を追加表示できると、ユーザに見てもらえる可能性が高くなります。その際にちょっとしたアニメーションができれば、より見た目のインパクトが大きくなることでしょう。今回紹介するIzmirはそのためのライブラリです。ユーザのブラウジングがより楽しいものになるでしょう。## Izmirの...

List

  • 2019/11/27

Paged.js - Webページを電子書籍風に表示するCSS Paged MediaのPolyfill

Webページでテキストコンテンツを書籍のように楽しめるようにする、そのための仕様がCSS Paged Mediaです。まだ仕様が固まっていませんが、標準化されればコンテンツの楽しみ方がまた変わってくるでしょう。いち早くCSS Paged Mediaを体験したい方はPaged.jsを使ってみましょう。## Paged.j...

List

  • 2019/11/26

Fake Operating System - OS風機能を提供するWebコンポーネント

Webコンポーネントを使うことで、限られた機能をHTMLのタグ一つで使えるようになります。いわばプラグイン的な使い方であったり、UIコンポーネントとしてまとまった機能を手軽に利用できます。多くのWebコンポーネントはごく小さな機能なのですが、今回のFake Operating SystemはWebコンポーネントながら、...

List

  • 2019/11/26

DevShop - カンバンシステムを学べるゲーム

プロジェクト管理においてカンバンがよく使われるようになっています。各タスクに応じて人がアサインされ、こなしていきます。完了するとタスクが右側に移動していき、最終的にタスクが消えて終わります。そんなカンバンをゲーム形式で体験できるのがDevShopです。プロジェクト管理をゲーム風にシミュレーションできます。## DevS...

List

  • 2019/11/25

expo-vscode-ios - VS CodeをExpoでiPadアプリ化

この記事を書いている日にちょうどVS Code Onlineが発表されているのですが…。ベースがWeb技術にあるVS CodeをWebブラウザから扱いたいというニーズは常に存在しました。それを最初に叶えたのがCoderです。今回紹介するexpo-vscode-iosはそのCoderをベースにExpoと組み合わせてアプリ...

List

  • 2019/11/25

egotter - Twitterアカウントを分析

日本ではTwitterアカウントの保有率が30%を超えています。多くの人たちが日々Twitter上で会話しています。そんなTwitterをよく使うツイ廃な方達は、誰がフォローしてくれた、逆にフォローしてくれたといったアクションに一喜一憂しているのではないでしょうか。そこで使ってみたいのがegotterです。Twitte...

List

  • 2019/11/24

BlackHole - オーディオの入出力を繋ぎ混む仮想オーディオデバイス

コンピュータから出力される音声を取り込みたいと思うことがよくありますが、実は標準の機能にはありません。これは出力と入力を連結させる必要があり、そのためのソフトウェアが幾つかあります。今回紹介するBlackHoleもそんなソフトウェアの一つです。設定が簡単で使いやすそうです。## BlackHoleの使い方利用する際には...

List

  • 2019/11/24

Victor Mono - エレガントなプログラミングフォント

プログラミングフォントは何を使っていますか。通常のフォントではOと0が見分けづらかったり、文字幅が違って全体のバランスが崩れたりします。やはり開発用に使いやすいフォントを用意すべきです。今回紹介するVictor Monoは一風変わったプログラミングフォントになります。## Victor Monoの使い方例です。 `=>...

List

  • 2019/11/23

Fractal Fantasy - WebGLを使った芸術的表現

Webブラウザの表現力は年々増しています。特にCanvasやWebGLによって、表現できる幅が大きく広がりました。使いこなすのは簡単ではありませんが、これまでのWebとは一線を画す表現が可能になります。今回紹介するFractal FantasyはそんなWebGLを使った多彩な表現を集めたソフトウェアです。極めればここま...

List

  • 2019/11/23

Google Calendar event link generator - Googleカレンダーに予定を登録するリンクを生成

Googleカレンダーを自分のスケジュール管理に使っている人は多いかと思います。そして、Webサービス提供側としても日程情報が決まったら、それをGoogleカレンダーに登録するリンクを表示したいと思うことでしょう。今回紹介するGoogle Calendar event link generatorはまさにその目的にぴっ...

None

  • 2019/11/22

Anime Downloader - アニメダウンローダー

毎クール、たくさんのアニメが作られています。消化しきれない人もたくさんいるでしょう。そんなアニメは海外でも人気で違法、合法問わずたくさんのサイトに存在するようです。今回紹介するAnime Downloaderは名前の通り、アニメをダウンロードするソフトウェアです。## Anime Downloaderの使い方dlでアニ...

List

  • 2019/11/22

MEGAMOJI - Slack用のアニメーションする絵文字を作成

Slackでは絵文字をリアクションやメッセージに含めることができます。そして、それらの絵文字はカスタマイズが可能で、自作した絵文字をアップロードしている人も多いでしょう。今回紹介するMEGAMOJIはSlack用の絵文字を簡単に自作できるWebアプリケーションです。## MEGAMOJIの使い方テキスト、または画像をベ...

List

  • 2019/11/21

aimAndShoot - 学習するタンクゲーム

AIや機械学習によって、様々なゲームがコンピュータの手に落ちています。最近では麻雀でさえ強力なプレイヤーが登場してきました。人の思考という揺らぎさえも凌駕するAIの存在は怖いものがあります。そんな中注目したいのがaimAndShootです。タンクゲームのようになっていますが、ニューロベースの進化をする仕組みが組み込まれ...

List

  • 2019/11/21

Listly - あなたのリストを一カ所に

普段の生活の多くはリストで管理されます。Todoはもちろん、プロジェクトにおけるタスク管理、買い物メモなどリストで管理して、それを消し込んでいく作業がなんと多いことでしょう。そこで紹介したいのがListlyです。何でもリストとして登録できるWebアプリケーションです。## Listlyの使い方最初の画面です。まだ何もあ...

List

  • 2019/11/20

System Font CSS - OSネイティブのフォントを利用するCSS設定

CSSでOS標準のフォントを使いたいときには `system-ui` という指定を行います。ただし古いWebブラウザで使えなかったり、解釈においてまだ課題があるようです。各OSともフォントにはこだわりを持っているはずで、その標準フォントはOSにマッチして表示されるはずです。そこで使ってみたいのがSystem Font ...

List

  • 2019/11/20

Adventar - アドベントカレンダーシステム

11月になって、アドベントカレンダーの話が出てきました。日本でのアドベントカレンダーシステムとしてはQiitaとAdventarが知られています(他の国で同じような試みをみたことがないですが)。Qiitaではプログラミングに関係するものが多いように感じます。もう少し広い話題も許容するならばAdventarの方が良いでし...