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

ライセンス - Apache License 2.0の記事一覧

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

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

もっと見る

List

  • 2018/08/05

PWACompat - PWAに対応しない古いブラウザでもWeb App Manifestに対応させる

PWAの一要素としてWeb App Manifestがあります。JSONファイルを用意しておくことで、Webアプリをローカルアプリケーションかのように保存できます。この時、アイコンやスプラッシュスクリーンも大事な要素です。古いブラウザでは対応していないPWAについて、PWACompatが対応させてくれます。## PWA...

List

  • 2018/08/03

Stencila - ドキュメントと表計算をシームレスに連携させるオフィススイート

Pythonを使っている人にとってはお馴染みのJupyter Notebook。コードと文章を一緒に書けるのでプログラミングに関連したコンテンツが見やすくなります。様々な種類の文書を埋め込む際には同様の手法が便利です。オフィスでよく使われる文書や表計算でも同じことができそうです。それがStencilaです。## Ste...

List

  • 2018/07/24

WebVR UI - WebVRサイト用の便利UIライブラリ

VRが人気です。Unityなどで作るのも良いですが、WebVRであればWeb技術だけでできるので、より障壁が低いと言えるでしょう。そして多くのWebVRサイトでは、ボタンをクリックしてWebVRモードに入る仕組みが使われています。WebVRモードになると最大化されたり、左右の視差を使うために表示が二分割されたりします。...

List

  • 2018/07/14

Gesture Helper - Webブラウザのスワイプ操作、ズームを検知

スマートフォンはこれまでにない操作を生み出しました。例えばスワイプ操作であったり、ズームやパンといった操作もインタラクティブに行われます。デスクトップとの整合性を取るのに苦労することもあるでしょう。そこで使ってみたいのがGesture Helperです。スマートフォンのみならず、デスクトップでもスワイプ操作などを可能に...

List

  • 2018/07/12

google-sites-liberation - Googleサイトのインポート/エクスポート

Googleサイトを使ってWebサイトを構築している例がたくさんあります。しかし運用している中で、自分のサーバに移行したくなったり、逆にGoogleサイトに入れてしまいたいと思うことがあるでしょう。そんな時に使えるのがgoogle-sites-liberationです。Googleサイトのインポート/エクスポートができ...

List

  • 2018/06/30

HomeBridge - 任意のデバイスをHomeKitに対応させる

IoTがトレンドになり、家庭などでも多数のデバイスが使われるようになっています。テレビやクーラーなどでネットワーク対応のものもありますし、赤外線を出すデバイスで各種家電を操作するものもあります。そうしたIoTデバイスをiOSから操作する仕組みがHomeKitですが、対応デバイスでなくとも使えるようにするのがHomeBr...

List

  • 2018/06/30

gif-for-cli - コンソールでアニメーションGIFを楽しむ

ここ数年、アニメーションGIFが広く使われるようになっています。動画のように高画質でもありませんし、ファイルサイズも大きくなりがちなのですが、ハイライトシーンだけを繰り返すようなアニメーションはとても面白いです。そんなアニメーションGIFをコンソール上でも楽しめるのがgif-for-cliです。面白いのはこれがGoog...

List

  • 2018/06/26

S3 Album Publisher - 静的ホスティングサイト向けにアルバムをアップロード

Webサイトを立ち上げるというのは昔に比べると手間がかからないものになりましたが、逆に手間がなくなりすぎて一切立ち上げる気がなくなってしまっています。ちょっとしたサイトをあえて自分でメンテナンスするのは面倒というものです。例えば写真を他の人に公開したいというだけであればS3 Album Publisherを使ってみるの...

List

  • 2018/06/21

DevTools Timeline Viewer - 開発者ツールのパフォーマンス結果を共有/閲覧

Webページを表示するまでには様々な処理が行われています。DOM構築、HTMLのレンダリング、JavaScriptなど様々な処理が行われた結果、一つの画面を表示します。さらにWebアプリケーションであれば、その画面のまま要素が変化します。そうした中でパフォーマンスを測定する機能がGoogle Chromeにありますが、...

List

  • 2018/06/18

twitlatte - Twitter/Mastodonに対応したAndroidアプリ

TwitterがAPI利用について規制を強めているため、サードパーティー製のクライアントアプリの需要が減ってしまっています。それに嫌気を刺してMastodonに移動する人たちも増えています。今回紹介するのはtwitlatte、TwitterとMastodon両方に対応したクライアントソフトウェアです。## twitla...

List

  • 2018/06/12

GUN - 分散型グラフデータベース

グラフデータベースというキーワードが聞かれるようになっています。SNSのようなデータ同士の関連性を管理するような場合に向いており、用途を選ぶデータベースと言えます。有名なところではNeo4jであったり、Amazon Neptuneなどがあります。GUNもグラフデータベースの一つです。特徴としては分散型、オフラインファー...

List

  • 2018/06/11

PatternFly - Red Hat製のWeb UIフレームワーク

HTMLは自由度が高い反面、何でも自分でイチから作らなければならないイメージがあります。そのためUI、JavaScriptフレームワークは貴重です。それらを使うことで効率を大幅に高められます。今回紹介するPatternFlyはUIフレームワークで、Red Hat社によって開発されています。## PatternFlyの使...

None

  • 2018/05/24

askalono - オープンソース・ソフトウェアのライセンスを特定

オープンソース・ソフトウェアの肝はライセンスです。その選択によって導入できる、またはできないといったことがあったり、導入後のトラブルにつながることもあります。広まるかどうかがライセンスでまったく変わることだってあります。そんなライセンスを調べるためのソフトウェアがaskalonoです。## askalonoの使い方as...

None

  • 2018/05/22

AMP Library - HTMLをAMPに対応しているかチェック

AMPに対応することで、Googleの検索結果から高速に表示されるWebページが提供できます。ドメインがGoogle傘下なのが気になりますが、ユーザビリティは高くなります。そんなAMP対応のHTMLを作る際にチェックツールとして使えるのがAMP Libraryです。## AMP Libraryの使い方AMP Libra...

List

  • 2018/05/18

StackEdit - ブラウザ用WYSIWYGなMarkdownエディタ

個人的に良いと思うMarkdownエディタは、記法の形は残しつつもWYSIWYGに表示が確認できるものです。二ペイン型は使い慣れた方にとってはいいですが、初級者には敷居が高いでしょう。今回紹介するStackEditは二ペイン型ながらも記法がある程度エディタ部にも反映されるMarkdownエディタになります。## Sta...

List

  • 2018/05/13

jKanban - Vanilla JSプラグインのカンバン

カンバンは見た目に分かりやすく、機能が限定的です。そのため、かつてのWikiのようにコンセプトを真似したソフトウェアが作られています。フロントエンドエンジニアであれば、一度は作ってみたいと思ったことがあるのではないでしょうか。今回はVanilla JS

List

  • 2018/05/03

inKino - Dart/Flutter製の映画情報アプリ

先日GoogleがFlutterを発表しました。DartでiOS/Android両方に対応したスマートフォンアプリを作るためのフレームワークです。React NativeやCordova、 Xamarinなどのライバルになるでしょう。そのFlutterを使って作られたアプリがinKinoになります。映画情報アプリになり...

List

  • 2018/05/01

Xit - macOS用のGitクライアント

GitはCUIで操作していますが、細かなコマンドを忘れてしまうことがあります。そうした時、GUIアプリケーションの方が機能が分かりやすく、Gitを使いこなせるでしょう。特に開発者以外の方にとってもGUIは大事です。そこで紹介したいのがXitです。macOS用のGitインタフェースになります。## Xitの使い方メイン画...

List

  • 2018/04/23

Microweber - ドラッグ&ドロップ可能なCMSとECサイト

CMSはWebサイトの基本とも言えます。そのため、無数のCMSが存在し、それぞれに特徴を持っています。最近では管理画面とユーザ向けの画面を分離せず、ユーザ向けの画面で情報を編集できるタイプのCMSが増えています。MicroweberもそんなCMSの一つです。コンテンツはドラッグ&ドロップ、そしてECサイトが追加されてい...

List

  • 2018/04/18

TensorFlow.js - Webでも機械学習。JavaScript版TensorFlow

TensorFlowと言えば機械学習を行うソフトウェアで、多くのサービスやソフトウェアの基盤に使われています。環境を整えるのは若干大変ですが、Dockerイメージもあります。GPUなどのハードウェアさえ用意できれば、利用するまでの敷居はずいぶん低くなっています。そんなTensorFlowをWebブラウザベース、WebG...