プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Paletta – 選択した色に合わせたカラーリングを自動展開
Webサイトに限らずデザインをする際に大事なのは全体としての調和がとれていることです。それは色合いであったり、オブジェクトの形であったりします。そういった全体のパランスが保たれていることがまず基本でしょう。最近は多くのHTML5デザインフレームワークがありますので、そういったフレームワークとPalettaを組み合わせて...
2014/07/22
2014/07/22業務で使えるオープンソース（118）「データベース管理」
今回のテーマはデータベース管理です。Webシステムでは使うのがほぼ当たり前になっているデータベースですが、そのパフォーマンスを最大限引き出すためにもデータベースの管理は必須です。管理は実データの管理と設定値を含めた管理があると思いますが、今回は実データ側の管理に重点を置いてご紹介します。# トレンド## MongoDB...
Etch.js - コンテンツを見たままに編集するWYSIWYGエディタ
最近のCMSはユーザ画面と管理画面を分けるのではなく、ユーザが見ている画面上で直接コンテンツを編集できるようにしています。その方が実際に反映された時にどのように表示されるのかが分かりやすく、管理画面にログインして修正したいコンテンツを探す必要もありません。そんなCMSの機能を独自のWebシステムでも実装してみたいと思っ...
unfluff – メインコンテンツを取得するnode製コマンド
外部のWebサイトを集約して情報を提供する、いわゆるキュレーションサイトが増えています。そういったサイトを作る際に欲しくなるのはあるURLのタイトルとメインコンテンツを取得するという機能です。MOONGIFTでは独自に作っているのですが、そういった機能が欲しいと思ったらnodeで作られたunfluffを使ってみるのはい...
jQuery.GI.TheWall.js - Google画像検索ライクな表示/アニメーションライブラリ
Googleの画像検索をよく使うのですが、一覧に並んだ画像に加えて、それをクリックした時のアニメーションや説明表示など使い勝手がとてもいいです。さすがGoogleといった所ですが、そのUIを真似ると色々な場面で使えるかも知れません。そこで使ってみたいのがjQuery.GI.TheWall.jsです。jQueryベースで...
The Simpsons in CSS – なんと！CSS3を駆使して描かれたシンプソンズ一家＋α
CSS3を駆使してどこまでのことができるのか、そんな腕試しが色々と行われています。アニメーションをしたり、パララックスエフェクトのような技術を披露したり、CSS3は大きな可能性を秘めています。そんな中、イラストを描く試みも幾つも行われています。日本では約4年前にドラえもんが描かれていました
End Credits - 感謝を込めて使いたい。Webサイトでのエンドクレジット表示
映画を観ると、最後には必ずエンドクレジットが流れますよね。そこでは出演者、映画を製作するのにあたったスタッフ、スポンサー、配給/協力会社など様々な情報が流れていきます。それは何も映画に限らずWebだって多数の人たちが関わって作られているはずで、そんな人たちに感謝を込めて使ってみたいのがEnd Creditsです。## ...
Bootstrap/386 – Bootstrapを使って昔懐かしいコンピュータ画面を再現
Bootstrapには様々なテーマが存在します。それこそ、いわゆるBootstrap臭など吹き飛んでしまうくらい全くイメージが変わるものまであります。実用性の高いテンプレートから、そうでないものまで多数あるテーマから選択できるでしょう。今回はその一つ、Bootstrap/386を紹介します。懐かしのコンピュータ画面を再...
2-plan Team - 中規模以上から使えそうなPHP製プロジェクト管理
企業内の開発においてプロジェクト管理を使わないケースは少ないと思います。その機能や規模、ソフトウェアは色々ですが、進捗や要求などを管理しなければ個々人によって色々な解釈がされた後、霧散してしまうでしょう。様々なプロジェクト管理ソフトウェアが存在しますが、今回はPHP製の2-plan Teamを紹介します。ガントチャート...
Trumbowyg – 軽量、HTML5対応のWYSIWYGエディタ
Web上でHTMLコンテンツを編集する際にWYSIWYGなエディタがよく使われますが、多機能である分読み込むファイルサイズが大きくなったり、動作が重くなってしまったりします。そのほとんどの場合において使いたい機能はそこまで多くないはずです。そこで紹介したいのがTrumbowygです。HTML5に対応した、軽量なWYSI...
- 2014/07/18
WordPressだけがブログじゃない。オープンソースのブログエンジンまとめ
今回はWordPress以外のブログエンジンを紹介します。発信する、という目的だけを考えればASPサービスやWordPress/MovableTypeなどを使う方が効率的です。しかし開発者たるもの、そこに甘んじることなく、自分の道を切り拓きたいですよね。ということで最近のトレンドと合わせてご紹介します。# トレンド##...
doitlive - コマンドを記録してライブ実行
勉強会などでコンソール操作をライブで行うケースがあるのですが、普段は何でもないコマンドがミスしたり、typoしてしまったりすると場の雰囲気が壊れてしまいます。そんなミスもライブ感があっていいのですが、発表者にとっては気が気ではないでしょう。そこで使ってみたいのがdoitliveです。コンソール操作を記録して任意の速度で...
inuicon – pplogの中で使われているアイコンフォント（Web Font）
最近は画像でアイコンを表示する代わりにWeb Fontを使うケースが増えてきました。Font Awesomeをはじめとして、公開されているものを使うのは容易ですが、自分のために新規で作成するというのは難しい印象があります。そんな中、参考にしてみたいのがinuiconです。pplog.net
Initializr - HTML5のWebアプリケーション開発をはじめるならここからスタート！
Webアプリケーションを作り始めようと思った時に、色々なファイルをダウンロードしたり配置しないといけないと思うとげんなりしてしまいますよね。作りたい！と思った勢いをそのままに開発に入りたいものです。そこで使ってみたいのがInitializrです。HTML5アプリケーションを開発する際に使って欲しい、スタートアップキット...
Intense Images – クリックで写真拡大、マウスで動かすビューワー
スマートフォンが流行るのにともなって写真コンテンツが爆発的に増えています。そして次に求められるのは何かと言えば、写真のビューワーに他なりません。たくさんのコンテンツをいかに見せるかが大事になってきます。今回はその一つ、Intense Imageを紹介します。写真をフルスクリーンで拡大してみせる、そんなビューワーになりま...
OSHIRASE - 告知サイト用HTMLテンプレート
イベント告知をオンラインで行うことが増えてきました。むしろイベントをオフラインだけで告知する方がありえないかも知れません。ソーシャルメディアを使って広め、イベントを盛り上げていかなければなりません。しかしWebサイトを作る知識、ソーシャルメディア対応、スマートフォンやタブレットなども考えたりすると告知サイトを作るのも大...
Deb.js – JavaScriptのデバッグを効率化する小さなライブラリ
最近のWebブラウザの進化によってJavaScript開発はとても便利になっています。ブレイクポイントを差し込んだり、コンソールを使うことでどんどん開発が進められるようになっているでしょう。そんなJavaScript開発をさらに便利にしてくれそうなソフトウェアがDeb.jsです。ごくごく小さなデバッガーです。## De...
- 2014/07/15
業務で使えるオープンソース（117）「JSON」
今回のテーマはJSONです。Web APIでJSONを利用するのが当たり前になっている現在ですが、その利点や関連オープンソース・ソフトウェアを取り上げます。もっと違った利用法が見えてくるかも知れませんよ。# 利点## 冗長性が低い、可読性が高いWeb APIとしてXMLが嫌がられたのは記述が冗長的であったことだと思いま...
Lodge - 社内で使えるナレッジ共有サービス
企業や個人のプログラマでQiitaを使っている人が増えてきています。ブログとして使うのはもちろん、ストックを使ってナレッジの蓄積に使うこともできます。社内ブログとして使いたいという人も多いでしょう。そんなQiitaと似たクローン的なサービスとしてLodgeを紹介します。限られたグループ内で使うと便利そうですよ。## L...
hitobito – Rails製のイベント、メンバー管理システム
数年前からインターネットのトレンドはソーシャルです。どんなWebサービスであっても人がいなければはじまりません。作る人、使う人、立場は違えどどちらもWebサービスを利用する大事な要素に他なりません。そんな中で紹介したいのがhitobitoです。ドイツ製（恐らく。またはスイス）のユーザ管理システムです。## hitobi...