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

ソフトウェアの記事一覧

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

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

もっと見る

List

  • 2017/11/09

Writing - WebベースのMarkdown + LaTeXエディタ

Markdownは便利な記法ですが、物足りないと感じることもあります。その一つとして数式の埋め込みをあげる人もいるでしょう。専用の記法で対応するソフトウェアもありますが、もっと汎用的な方が使い勝手は良いはずです。そこで紹介したいのがWritingです。Markdown記法での記述に加え、LaTeXも使えるエディタです。...

List

  • 2017/11/09

KanjiVG - 漢字/平仮名/カタカナ/アルファベット/数字の書き順付きSVG集

コツコツと続けるのは大変ですが大事なことです。ソフトウェアはコードという中身で見れば同じようなものですが、結果として異なる動きがあるので楽しいでしょう。しかしあまり変化の多くないものを作り続けるのは根気が必要です。今回は日本語の漢字をSVG化したKanjiVGを紹介します。しかも書き順付きです。## KanjiVGの使...

List

  • 2017/11/08

FollowCursor - マウスカーソルに合わせてDOMを変形

WebはJavaScriptを活用することでインタラクティブな効果が実現できます。ユーザにとってみれば、自分の起こしたアクションに対して反応があるのは嬉しいことです。ユーザ体験という意味でも見逃せません。今回はユーザのマウス操作を追従してくれるFollowCursorを紹介します。DOMの形をマウスに合わせて変更できま...

List

  • 2017/11/08

text-map-kuromoji - Web上で形態素解析&ビジュアライズ

形態素解析は日本語のテキストを扱う上でとても重要な技術になります。しかし環境をセットアップしたり、解析結果からどう情報をピックアップするかなどを分析する必要があります。そうした形態素解析を手軽にWeb上で行い、さらに結果の分析が容易にできるのがtext-map-kuromojiです。## text-map-kuromo...

List

  • 2017/11/07

accessibilityjs - JavaScriptでできるアクセシビリティチェック

Webが広くあまねく使われるようになったことで、アクセシビリティが重要視されるようになっています。スクリーンリーダー的なものにきっちりと対応するのも大事ですが、altやtitle要素を追加すると言った簡易的な対応もできます。今回はJavaScriptでできるアクセシビリティチェック、accessibilityjsを紹介...

List

  • 2017/11/07

Temporalis - Webカメラの映像をスライスして描画

Webカメラの映像はHTMLからgetUserMediaで取り込むことができます。そのままvideoタグに当てはめたり、一部だけ切り出してCanvasや画像のソースに当てることも可能です。しかし見たまま使っても面白くありません。そこで一例としてTemporalisを紹介します。Webカメラの映像に面白い効果を施してくれ...

List

  • 2017/11/06

Mini Tetris - わずか506バイトのテトリス

25年以上前のコンピュータであれば、メモリやHDDの容量が少なかったため、なるべく節約したコーディングが心がけられていました。しかしそれから何年も経ち、変数名の長さをいちいち気にするような人はいないでしょう。しかしそんな時代だからこそ、サイズにこだわる面白さがあると言えます。Mini Tetrisはなんと506バイトの...

List

  • 2017/11/06

Froala Design Blocks - コーポレートサイトやサービスサイトを作るのに使えるBootstrapコンポーネント集

Bootstrapを使ってWebサイトを構築する例は多いですが、凝ったデザインを考えると足りない部品が出ることがあります。また、色やサイズについてもっとこだわりたいと考えることもあるでしょう。そうした時に使えるのがFroala Design Blocksです。実に170を超えるデザイン要素を提供しています。## Fro...

List

  • 2017/11/05

Nat.js - Vue/Weexで使えるモバイルフレームワーク

JavaScriptでスマートフォンアプリを作る、一つのコードでiOS/Android両方に対応するという夢に挑戦する人たちは後を絶ちません。かつてのTitaniumであり、現在のReact Nativeでもあります。そして今回はもう一つの存在、Nat.jsを紹介します。こちらはVueやWeexなどで使えるライブラリ集...

None

  • 2017/11/05

neri - Rubyスクリプトを実行ファイル化

社内で使うちょっとしたスクリプトであればRubyなどで作るのが手軽です。しかしそれを人に配布するとなると、実行環境も用意しなければなりません。Windows向けに環境整備して配布というのは面倒に感じてしまうでしょう。そこで使ってみたいのがneriです。Rubyスクリプトを実行ファイル化できるソフトウェアです。## ne...

None

  • 2017/11/04

spwd - ファイルベースのセキュアなパスワード管理

パスワード管理は何を使っているでしょうか。MOONGIFTでは会社で1Passwordを使っています。個人のパスワードも管理できるので便利ですが、サーバ上で使えないのが多少不便です。そこでサーバでもパスワードを適切に管理するのに使えそうなのがspwdです。ファイルベースでセキュアにパスワードを管理してくれます。## s...

List

  • 2017/11/04

KEditor - 複雑なデザインもこなせるWYSIWYGエディタ

技術者以外の方でWebページを作成する時にはオーサリングツールを使うのが一般的です。また、ちょっとしたコンテンツの修正であればWYSIWYGエディタを使いますが、あまり凝ったデザインには対応できません。そこで使ってみたいのがKEditorです。Webベース、ドラッグ&ドロップで自在にコンテンツを作成できます。## KE...

List

  • 2017/11/03

HAIK - Pukiwikiの流れを汲むホームページ作成ツール

今ではあまり使われていませんが、WikiWikiWebというのはすごい概念でした。Webブラウザさえあればコンテンツが自由に作成でき、ページが存在しなかったら作れば良いだけという手軽さが素晴らしかったです。日本で最も使われていたのがPukiwikiではないでしょうか。そんなPukiwikiをベースとして作られた手軽なホ...

List

  • 2017/11/03

go-wkhtmltox - Web APIでWebサイトのスクリーンショット

Webサイトのスクリーンショットを画像化しておきたいというニーズは強くあります。そんな時に使えるのがwkhtmltopdfやwkhtmltoimageといったコマンドなのですが、これは個人でインストールする必要があります。社内であれば使ってみたいのがgo-wkhtmltoxです。wkhtmltopdf/wkhtmlto...

List

  • 2017/11/02

livepython - Pythonのコードを一行ずつ実行

複雑なプログラムになると、どこからどこへ飛んでいるのか分からなくなることがあります。そうした時に一行ずつステップ実行するというのはよくあります。しかし自分だけであれば良いですが、人に説明する時には不向きです。もしPythonのコードを説明するのであれば使ってみたいのがlivepythonです。まるで動画のようにコードを...

List

  • 2017/11/02

SlackOff - Slackにインスパイアされたライブチャット

チャットといえばSlackというくらい、デファクトになりつつあります。しかし、コミュニケーションという領域においては別なニーズもあります。例えばSlackではユーザ登録が必須ですが、ゲストとしてさくっと会話したいケースもあるでしょう。そんな時に使えるのがSlackOffです。SlackのUIにインスパイアされたライブチ...

List

  • 2017/11/01

聞々ハヤえもん - 音楽を自由にチューニング

音楽を聴くのは好きですか。仕事をしながら、通勤通学中、お風呂、寝る前…様々な場面で様々な音楽を聴くことでしょう。多くは販売されている音楽をそのまま聴いているのではないでしょうか。もっと音楽を楽しむために使ってみたいのが聞々ハヤえもんです。テンポや周波数を変えて、全く違う音楽として楽しめます。## 聞々ハヤえもんの使い方...

List

  • 2017/11/01

Lottery - 何が当たるかな。Webベースの抽選マシーン

みんな大好き抽選会。何かいいものが当たらないかとわくわくしながら待っていることでしょう。主催者側にとっては、そのワクワク感をさらに盛り上げるための工夫が必要になります。今回はLotteryを紹介します。見た目の演出も楽しい、抽選マシーンです。## Lotteryの使い方実際に動いているところです。!

List

  • 2017/10/31

doitlive - ライブデモでターミナルを使う際に

勉強会やセミナーの登壇で、ライブデモを行うことがあります。それらは大抵ミスします。ターミナルベースであっても入力ミスすることはありますし、プロジェクターの画面に映し出されている内容を見ながら入力するのは大変です。そこで使ってみたいのがdoitliveです。あらかじめターミナルで入力する内容を記録しておける便利なソフトウ...

List

  • 2017/10/31

qutebrowser - キーボード操作主体のWebブラウザ

開発者は普段キーボードショートカットだけで生活できるのに、Webブラウザになると途端にマウスやタッチパッドが必要になります。ホームポジションから手を離すのが面倒で、逆に戻すのも億劫になります。これは大きな生産性のロスです。そこで使ってみたいのがqutebrowserです。キーボード操作主体のWebブラウザになります。#...