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

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

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

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

もっと見る

List

  • 2019/07/03

textFit - 枠に合わせてテキストを最大表示

Webの表現力は高く、ウィンドウの幅によってテキストの行数が変わってしまったりします。その結果、デザイナーの意図した表示にならないことも多く、かといって固定サイズにすると閲覧者にストレスを与えることにもなりかねません。そこで使ってみたいのがtextFitです。テキストを枠の中に収まる形で最適化してくれるライブラリです。...

List

  • 2019/07/02

GitHub Card - GitHubリポジトリ情報をカード表示

GitHubのプロジェクトは個人のプロフィールであったり、企業としての技術力アピールとして利用できます。ブログや自社サイトにリポジトリ情報を掲載したい方も多いのではないでしょうか。そんな方にお勧めなのがGitHub Cardです。リポジトリ情報を手軽にカード表示にします。## GitHub Cardの使い方例えばこんな...

List

  • 2019/07/01

TEXTREME - 激しいテキストエディタ

テキストエディタは集中して文章が書けるよう、なるべくシンプルであったり、思考の邪魔をしないようになっているものです。騒がしい環境では集中できず、なかなか筆も進まないでしょう。そんな常識に真っ向から対立するのがTEXTREMEです。激しく、せわしないエディタです。## TEXTREMEの使い方入力しているところです。ウィ...

List

  • 2019/06/30

MenuTube - メニューバー常駐型のYouTubeクライアント

YouTubeをBGM代わりにして再生させている人は多いでしょう。BGM系であれば数時間の動画も少なくありませんし、気分に応じて選べる曲風もたくさんあります。しかしWebブラウザで再生していると間違って閉じてしまったり、Webブラウザの立ち上げ直しもままなりません。そこで使ってみたいのが専用ブラウザです。今回はmacO...

List

  • 2019/06/28

tiny-tetris - ターミナルで遊ぶテトリス

仕事中にゲームなどとんでもありません。しかし世の中には魅惑的なコンテンツがたくさんあります。Webブラウザを使う環境であれば、少し検索するだけで時間つぶしになってしまうサイトがたくさん見つかるでしょう。サーバ管理者も少しは楽しみたい、そう思ったらtiny-tetrisを実行してみましょう。ターミナル上でテトリスが遊べま...

List

  • 2019/06/27

COCO Annotator - 機械学習用に画像のタグ付け

機械学習で面倒なのは最初のデータセット作りでしょう。画像のタグ付けを行う場合、まずトレーニング用のデータをアノテーションしなければなりません。この結果によって精度が変わるのでしっかりやらないといけませんが、手間がかかります。そんなアノテーションを少しでも楽にしてくれるのがCOCO Annotatorです。## COCO...

List

  • 2019/06/26

jlua - Web上で動作するLua

JavaScriptはWebブラウザ上で動くことが保証されている唯一のプログラミング言語ですが、素のままでは書きたくないという人たちはたくさんいます。型がないため、動作保証するのが難しい、言語体系が好きではないなど様々です。そこでLua好きな人に贈りたいのがjluaです。JavaScriptではなくLuaでWebアプリ...

List

  • 2019/06/26

Recipes - iOS用のレシピアプリ

料理は世界共通のコンテンツです。衣食住と言われるくらい、生活する上での基礎になります。そのため、世界中には様々なレシピサイトやレシピアプリが存在します。日本においてもクックパッド一強ではなく、動画を使ったり、特定の素材や調味料を使ったサイトなど存在します。今回紹介するRecipesはレシピアプリになります。iOS向けに...

List

  • 2019/06/25

Terminus - TypeScript製のターミナル

AtomやVisual Studio Codeの登場によって、Web技術を使っても十分ローカルアプリケーションとして利用できるというのが分かっています。そこで様々なソフトウェアがHTML/JavaScript/CSSで作られています。今回紹介するTerminusもその一つです。よりモダンなターミナルを提供します。## ...

List

  • 2019/06/22

glfx.js - JavaScriptで画像を加工

画像を加工する場合、画像編集ソフトウェアが使われます。そして加工したファイルを保存し、Web上にアップロードするでしょう。しかしこの場合、再度編集する際に備えて元ファイルは保存しておかなければなりません。また、同じ加工を何十枚もの画像に施すのも大変です。そこで使ってみたいのがglfx.jsです。JavaScriptを使...

List

  • 2019/06/20

Medium to own blog - Meduimから独自ブログへの移行に

Mediumが有料化を強めているせいか、徐々に抜け出そうという動きが出始めています。FreeCodeCampがMediumに有料化を迫られたために移行すると発表したのも大きな要因になっているようです。フリーミアムモデルにおける課金率は大きな問題ですが、それを迫るようなやり方はよくありません。もしあなたがMediumを使...

List

  • 2019/06/19

Makepad - アニメーションが付いたIDE

AtomやVisual Studio CodeがJavaScriptなどを使ってエディタを実現していることもあり、Webブラウザベースのエディタも現実的になっています。コードをローカルに保存する必要もなく、コンパイルや実行はサーバ上で簡単にでき、メリットも数多くあります。そんなWebブラウザ向けのエディタとして紹介した...

List

  • 2019/06/18

md2pdf - CSSを組版に使ってMarkdownをPDFに変換

MarkdownをPDFにするソフトウェアは幾つもありますが、細かい組版に対応しているものは多くありません。ごく簡単なものであれば問題ありませんが、ドキュメントなどで体裁にこだわりたい場合もあるでしょう。専用アプリもありますが、自動化したいというニーズもあります。今回紹介するmd2pdfはコマンド一つでMarkdown...

List

  • 2019/06/16

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

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

List

  • 2019/06/16

ttimer - CUIのタイマー

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

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

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

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