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

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

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

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

もっと見る

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を使わずにリアルタイ...

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/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/05

iru - Markdownをそのまま使うCMS

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

List

  • 2019/06/05

Hovercraft - Preziのようにページが切り替わるHTMLスライド

プレゼンテーションというと、退屈なスライドが並んでいて、切り替え時にちょっとしたアニメーションが起きる程度と思っているかも知れません。もっと聴衆の目を引くスライドを作ってみたいと思う方はPreziを使っていたりします。しかし、あれはデスクトップで動作するソフトウェアです。Webならもっと公開やシェアも手軽にできるのに…...

List

  • 2019/06/04

ぺぺロミア - React Native製の旅行計画アプリ

旅行の計画を立てるのはとても楽しいですよね。計画を立て始めた時、実際にでかける前から旅行ははじまっていると言えるでしょう。それはプライベートに限らず、出張なども同様です。移動などでミスして出張した意味がなくなるようなことがないよう、きちんとした計画を立てるべきでしょう。そんな旅行計画を立て、Web上でも共有できるスマー...

List

  • 2019/06/03

hackaru - シンプルな作業時間測定アプリ

集中して仕事をするためには、時間に厳しくなくてはいけません。単位時間のパフォーマンスを上げていくことで、より生産性を高められるようになります。そのためにはまず、現在の時間の使い方を可視化しなければなりません。そのために時間管理ソフトウェアがあります。実行しているアプリケーション単位で厳しく時間測定できるものもありますが...

List

  • 2019/06/02

Fusuma - Markdownを使ったHTMLスライド

HTMLでスライドを作る場合、アニメーションやロゴの配置ではなく、コンテンツに集中して作れます。さらに記法がMarkdownであればスライドを作るのが苦手な人であっても問題ありません。さくさくと作れるでしょう。今回は新しいHTMLスライドのFusumaを紹介します。便利な機能がたくさん詰まっています。## Fusuma...