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

オープンソースの記事一覧

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

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

もっと見る

List

  • 2019/06/17

wechsel - Bluetooth機器を管理するユーティリティ

Bluetooth対応のデバイスが増えています。キーボードやマウスは当たり前として、ヘッドフォンやスマートフォンなどもBluetoothでデータを送受信できます。そうなると接続や切断の管理が面倒になってきます。そこで使ってみたいのがwechselです。キーボードショートカットでBluetoothの接続、切断を簡単に行え...

List

  • 2019/06/16

WebGL Fluid Simulation - 流体の動きをシミュレーション

流体の動きは実に不思議です。そもそも私たちに最も身近である水ですら、とても不思議な特性を持ち合わせています。水の上に水彩絵の具を垂らして、それが広がっていく様子を楽しんだり、紙に写し取ったりして遊んだ経験は誰もがあるのではないでしょうか。そんな流体の動きをシミュレートしたのがWebGL Fluid Simulation...

List

  • 2019/06/16

ttimer - CUIのタイマー

決められた時間は作業に集中したり、カップラーメンにお湯を入れたりした際にタイマーがよく使われます。スマートフォンのタイマー機能を使っても良いですが、PCのディスプレイから目を離すのが面倒だったりします。そこで使ってみて欲しいのがttimerです。ターミナル、コマンド一つで使えるカウントダウンタイマーです。## ttim...

List

  • 2019/06/15

Run on Google Cloud - GitHubのコードをGoogle Cloudでワンクリックデプロイ

GitHub連携のアプリケーション、Webサービスは多数ありますが、その中でも個人的に好きなのがHerokuボタンです。ボタン一つでアプリケーションをHeroku上にデプロイできる魅力的な仕組みです。ダウンロードして設定してデプロイ…などは毎回やっていると飽きてしまいます。今回紹介するRun on Google Clo...

List

  • 2019/06/15

Zdog - SVGやCanvasにドロー

Illustratorなどで描いたキャラクターも、そのままでは単なる絵と変わりません。SVGであれば、JavaScriptを使ってインタラクティブな操作が実現します。そうすれば、画像とは違った楽しみ方が生まれるでしょう。今回紹介するZdogはJavaScriptでイラストを描き、3Dのように回転もできるライブラリです。...

List

  • 2019/06/14

CSS Grid Generator - CSSグリッドを簡単に作成

CSS3ではグリッドが簡単に作れる機能が実装されていますが、テキストできちんとした設計を行うのは大変です。左右の関係を考えながら組むのですが、入れ子になっていたりするとすぐに破綻してしまいます。最初の設計をきちんと行わなければなりません。そこで使ってみたいのがCSS Grid Generatorです。Webブラウザ上で...

None

  • 2019/06/14

ojichat - おっさんっぽいメッセージを生成

筆者自身が40歳になり、すっかりおっさん世代に入っているのですが、それ故に精神や態度、肉体的におっさんな人たちは嫌いです。痛々しい若さアピールは嫌ですが、下の世代に嫌がられない振る舞いは大事ではないでしょうか。そんな私の嫌いなおっさんを体現してくれるのがojichatです。おっさんがチャットで送信しそうなメッセージを生...

List

  • 2019/06/13

Charm - マルチプラットフォームで動作する時間管理

一日は24時間しかありません。これは誰もが共通で、伸ばすことも縮めることもできません。与えられた共通の時間の中で、何を生産するかが大事です。ぼおっとしていても一日、パワフルに働いても一日です。生産性を高めるためには、まず自分の時間の使い方を知らなければなりません。そこで使えるのがCharmです。## Charmの使い方...

List

  • 2019/06/13

CSS-Only Chat - JavaScriptを使わないWebチャット

技術の凄さを感じるのはどんな時か。一見すると無理と思えるようなことを実現できてしまっている時もその一つです。最近では機械学習を用いて粗い映像を高画質化するプロジェクトもあります。SFと思わんばかりの世界が実現しようとしています。今回紹介するCSS-Only Chatもすごいです。JavaScriptを使わずにリアルタイ...

List

  • 2019/06/12

Automatic App Landing Page - アプリ用Webサイトテンプレート

個人または企業でアプリを作っている人は多いですが、それらのランディングページはちゃんと作っているでしょうか。アプリを作るのに必死で、Webサイトは適当になってしまっているケースは多いようです。それではダウンロードにも結びつきづらいでしょう。今回紹介するAutomatic App Landing Pageはアプリ用のWe...

List

  • 2019/06/11

Uguu.se - テンポラリファイル共有

ファイルを共有するというのは、何らかのサービスを使っていれば簡単なのですが、繋がっていないもの同士だと非常に面倒です。Apple同士であればAirdropがありますが、異なるOSだとさらに面倒になります。そこで使ってみたいのがUguu.seです。一時的なファイル共有として使えるサービスです。## Uguu.seの使い方...

List

  • 2019/06/10

konstellate - Kubernetesの設定をビジュアル化

Kubernetes(以下k8s)は設定ファイルを記述してアーキテクチャを指定しますが、慣れるまでは設定が抜けてしまったり、うまくリンクできなかったりします。さらに設定が複雑化すると、全体を俯瞰的に確認したいと思うことでしょう。そこで使ってみたいのがkonstellateです。k8sの設定内容をビジュアル化します。##...

List

  • 2019/06/09

drawgon - Web上でドロー

Web上で絵を描こうと思うとCanvasタグを使って行います。そして、そこに描かれた情報は画像としてダウンロード可能です。しかし、ベクターデータとして(SVGとして)欲しい場合もあるでしょう。そこで使ってみたいのがdrawgonです。Web上で使えるドローイングアプリケーションです。## drawgonの使い方最初にサ...

None

  • 2019/06/09

watchexec - ファイルが変更されたらコマンド実行

ファイルを編集したら何かを実行したい、というのは良くあるニーズです。webpackやgulpなどを使えばできますが、JavaScriptが関係ないところでは用意が面倒だったり、大げさに感じてしまうでしょう。Shellスクリプトでもできますが、開発者でないと使いづらそうです。そこで使ってみたいのがwatchexecです。...

List

  • 2019/06/08

a2hs.js - iOSでもAdd to Home Screen

PWAに注目が集まっていますが、Androidに比べてiOSの対応は今なお微妙です。アプリケーションのようにインストールできるのですが、その手順も分かりづらく、インストールを促すバナーも出せません。これではiOS向けにはなかなか普及しないでしょう。それを若干でも改善できるのがa2hs.jsです。iOS向けにユーザビリテ...

List

  • 2019/06/08

csvdiff - CSVに特化した差分ビューワー

CSVファイルは今なおシステムの中で現役ばりばりに利用されています。様々なシステムから出力されるCSVファイルに対して、差分を確認したいと考えることはないでしょうか。通常の差分表示では、CSVのようなフォーマットではうまく表示できないかも知れません。そこで使ってみたいのがcsvdiffです。CSVに特化した差分表示コマ...

List

  • 2019/06/07

get-browser - デスクトップ/スマートフォンのWebブラウザを特定

かつてあったブラウザ戦争はなくなり、ほぼWebKit一強になりつつあります。そんな中、スマートフォンやタブレットなど画面解像度やサイズの多様性が生まれており、その中で開発者が対応すべきことも増えています。どのWebブラウザからのアクセスなのか、特定に苦労している人も多いのではないでしょうか。そこで使ってみて欲しいのがg...

List

  • 2019/06/07

imfunniee - 開発者向けポートフォリオテンプレート

開発者であれば自分のポートフォリオを持つべきです。それは個人のアイデンティティになり、転職時などにも有利に働きます。幸いGitHubのリポジトリはポートフォリオに使えるコンテンツになります。後は自己紹介やブログなどがあれば完璧でしょう。そこで使ってみたいのがimfunnieeです。GitHub Pagesで公開できるポ...

List

  • 2019/06/06

kromo - 画像にレンズぼけ、色収差加工を施す

写真を撮影したそのまま使うのではなく、ちょっとした加工をするだけで全く見え方が変わったりします。しかし慣れていないと、ちょっとした加工でも時間がかかってしまいます。加工法の多くはパターン化されており、それであれば自動化もできるはずです。今回紹介するkromoは画像にレンズぼけ、色収差といった加工を施すソフトウェアです。...

List

  • 2019/06/05

iru - Markdownをそのまま使うCMS

これまで、MarkdownをベースにWebサイトを作るソフトウェアは多数ありました。その多くはコマンドが用意されており、MarkdownコンテンツをHTMLに変換するものだったと思います。つまり静的サイト向けの使い方でした。今回紹介するiruはMarkdownファイルを読み込んで表示するタイプのWebサイトです。システ...