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

None

  • 2017/05/17

csv2md - CSVファイルをMarkdownのテーブル化

Markdownは見た目と結果が同じように書けるので文書を書くのが簡単です。しかし一つ面倒な記法があります。それはテーブルです(デフォルトの記法にはありませんが)。罫線を使って作るのは意外と面倒です。そこで使ってみたいのがcsv2mdです。CSVファイルをそのままMarkdownのテーブル記法に展開してくれます。## ...

None

  • Premium_s 2017/05/17

技術者に分かりやすい文章を書くための6つのポイント

今回は文章の書き方です。特に技術者をターゲットして考えてみたいと思います。技術者とそれ以外の方で大きく異なる点はありませんが、仕様書や設計書など技術者が目にする文書はどれも分かりづらいものばかりです。そこでどう書けば読みやすく、きちんと伝わる文書になるかを紹介します。## 読者目線文章を書くときは常に読者を意識して書か...

List

  • 2017/05/17

Vertical Timeline - 縦型年表を作成するjQueryプラグイン

情報を時系列に沿って表現する際には年表表示が便利です。教科書などでは横型の年表が使われますが、Webにおいては横スクロールは一般的ではないため、縦型のスクロールをしながら表示されることが多くなっています。そんな縦型年表を容易に作成できるのがVertical Timelineになります。## Vertical Timel...

None

  • Premium_s 2017/05/17

業務で使えるオープンソース(228)「データベース管理」

今回のテーマはデータベース管理です。現在、データベースと一口にいっても多彩な種類が存在します。商用、オープンソース、RDBMS、NoSQLなど選択肢は数多く存在します。プロジェクトごとに選択肢が異なる場合も多いでしょう。今回はそうした多彩なデータベースを管理するためのツールと、その選定法について紹介します。## 対応し...

List

  • 2017/05/16

Sizzy - 多彩なデバイスでのWebサイト確認を簡単に

Webサイトは一つのデバイスだけで見るとは限りません。特に最近ではPC、タブレット、スマートフォンなどあらゆる大きさのデバイスで閲覧します。そうしたデバイスでの表示確認をすべての実機でやるのは現実的ではありません。そこで使ってみたいのがSizzyです。多数のデバイス幅に対応したデザイン確認ツールです。## Sizzyの...

List

  • 2017/05/16

emojielog - 絵文字を使った超シンプルな日記

絵文字は感情を表現するのに最適なツールです。あえて文字にするまでもないちょっとした感情を出したり、怒りを感じている時などあまり表に出しづらい感情も絵文字であればショックを和らげることができます。そんな仕組みを使ったのがemojielogです。絵文字で今の感情を記録するだけのシンプルなアプリです。## emojielog...

List

  • 2017/05/15

Code Snipper - コード(スニペット)を画像化

GitHub Gistのようにオンラインでコードを書いておけるサービスはあります。しかし、埋め込みコードが自分のサイトでは使えないというケースは多々あります。JavaScriptタグを危険なものとして全般的に不可としてしまっているケースです。そこで使ってみたいのがCode Snipperです。コードを画像にしてくれるソ...

List

  • 2017/05/15

Timestrap - Django製の時間/請求管理システム

仕事の多くは時間に関係します。特にシステム開発などは各機能の実装について開発時間を計測することで見積もりの妥当性をチェックしたり、請求の源泉にしたりします。日本よりも海外ではそういう仕事の形態が多いようです。そんな時間管理と請求管理が一緒になったシステムがTimestrapです。日本でも利用できるケースは多そうです。#...

List

  • 2017/05/14

Let it snow - CSSでWebサイトに雪を降らせよう

Webサイトに雪を降らせるような効果をみせるライブラリは幾つか存在します。多くはJavaScriptを使ってごりごりと実装するのですが、あまりスマートなやり方とは言えません。今回紹介するのはLet it snow、スタイルシートを活用した降雪効果を見せるライブラリです。## Let it snowの使い方デモのWebサ...

List

  • 2017/05/14

PsiTransfer - 自前で立てるファイル共有サーバ

メールなどで巨大なファイルを送りつけるのはあまり良いことではありません。受ける側は強制的に受信せざるを得ませんし、そのせいで大事なメールが受信できなくなってしまうかも知れません。そのため、送受信両方でメールのサイズ制限を設けていることはよくあります。そんな時のために使えるのがファイルをシェアするサーバです。今回はPsi...

List

  • 2017/05/13

per-word-action - 単語や行ごとにデザインを変える

最近のWebサイトは多数のデバイス、多数の幅に合わせたレスポンシブデザインが求められてます。しかし幅が変わるとデザイナーの意図した描画にできない場合もあります。特にテキスト量に依存した処理は行数が変わると面倒です。一例として使えるのがper-word-actionです。行ごとにデザインを変えることができるライブラリです...

List

  • 2017/05/13

curvejs - 曲線を使ったアニメーションライブラリ

Web上でアニメーションを描くのはとても面倒です。一度表示するだけであればこだわったリッチな描画も可能ですが、アニメーションとなると話が変わってきます。Canvasで描画している場合は、その内容を消す操作が必要です。文字が揺れるようなアニメーションを実現したかったらcurvejsを使ってみると良さそうです。## cur...

None

  • 2017/05/12

php.vbs - VBScriptで実装したPHP関数群

VBScriptやVBAは今なお根強く使われ続けています。しかし進化はすでに止まっており、提供される関数なども古い形式のものが多くなっています。もっとモダンな開発スタイルが欲しい方も多いでしょう。そんな方にお勧めなのがphp.vbsです。VBScriptやVBAの中でPHP風の関数が使えるようになります。## php....

List

  • 2017/05/12

Web Design Pirate - Webサイトの一部をピックアップして再利用

Webデザインはコンポーネント指向になってきています。Web componentsという仕様も作られており、さらにこの流れは加速するでしょう。Webサイトの一部を埋め込んだり、再利用性高い部品を使うのが当たり前になっています。そんなWebサイトの一部をピックアップするのに最適なGoogle Chrome機能拡張がWeb...

List

  • 2017/05/11

ShuffleText.js - マウスオーバーでテキストシャッフル

映画などでよく見られるテキストがシャッフルされて徐々に表示されていくアニメーション。単純に文字を表示するよりもインパクトがあって思わず目を引きつけられることでしょう。そんな演出が簡単にできるライブラリがShuffleText.jsになります。## ShuffleText.jsの使い方アニメーションGIFではちょっとした...

List

  • 2017/05/11

Commento - 自分で立てるコメントシステム

ブログやニュースサイトなどコメント機能が欲しくなることは多々あります。しかし静的サイトにおいてコメントシステムのために全体をプログラマブルにするのは面倒です。そこで使えるのが外部のコメントサービスです。有名なところではFacebookのコメントやDisqusなどがあります。もし自分で構築したいならばCommentoを使...

List

  • 2017/05/10

OpenLara - トゥームレイダー風のゲームエンジン

トゥームレイダーと言えば映画化もされたくらい人気のゲームです。3Dポリゴンがまだまだ粗い時代からあり、ゲームをやらない人でもその名前くらいは知っているのではないでしょうか。そんなトゥームレイダーをWebベースで再現したのがOpenLaraになります。ララはトゥームレイダーの主人公の名前になります。## OpenLara...

List

  • 2017/05/10

React Timekeeper - Google Keepアプリにインスパイアされた時間入力UI

時間の入力インタフェースは意外と古くさくて面倒な場合が多いです。日付はカレンダーで入力できるのに、時間はドロップダウンでいちいち選択しないといけません。テキストで入れる場合も数字のみしか入力できないようにしなければならないでしょう。そんな時間入力インタフェースとして作られたのがReact Timekeeperです。Go...

None

  • Premium_s 2017/05/10

北京のインターネット事情

開発者向けの広報活動、DevRelのカンファレンスであるDevRelCon Beijingにて登壇するため数日間北京に行ってきました。よくいうグレートファイアウォール(金盾)がある国ですが、実際のところどんなものだったのかを紹介します。### 旅行前に香港SIMを買っておきましょう北京の空港で買えるSIMは金盾の中で動...

List

  • 2017/05/09

GHOST IN THE SHELL - あの映画と同じ題名なジョークソフトウェア

ついに実写版Ghost in the shellが公開されました。他のマンガを実写化した事例と同様、ツッコミどころはあるものの個人的にはそんな悪くないと感じています。IT系のプログラマであれば観た方も多いのではないでしょうか。そんなGhost in the shellを彷彿(?)とさせるソフトウェアがGHOST IN ...