プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Snap.svg – アニメーションもサポートしたJavaScript連携可能なSVGライブラリ
HTML5の時代になってSVGにも注目が集まっていますが、個人的に思うのはAdobeはその何年も前からSVGに取り組んでいたなということです。IEで使えるSVGプラグインビューワーも早い段階から出していましたし、IllustratorもSVG書き出しを相当前のバージョンからサポートしています。そんな中、Adobeがさら...
Scrollback - サイト内に設置するごくごく小さな掲示板
Scrollbackはnode/JavaScript製、GNU Affero General Public Licenseのオープンソース・ソフトウェアです。Webサイト内でコミュニケーション機能を提供するなら何を使うでしょうか。掲示板、チャット、コメント機能などが考えられます。今回はその一つ、ごく小さなフォーラム機能...
Sticky Kit - 簡単に使えるスクロール追従型コンテンツを実現するjQueryライブラリ
ここまで簡単にできると嬉しいですね！最近のWebサイトで見かけるサイドバーが追従するコンテンツですが、単純に位置が固定になるだけでなく、縦に長いサイドバーやフッターがある場合にも適切に動作させようと思うと多少工夫が必要です。そんなデザインのサイトを実現したいと思ったならば使ってみたいjQueryライブラリがSticky...
chainchomp.js – 危険なコードも何のその。任意のJavaScriptをセキュアに実行させるサンドボックスライブラリ
JSFiddleやjsdo.itのようにユーザに自由にJavaScriptを入力してもらって遊んでもらいたいと思っても、セキュリティを考えると二の足を踏んでしまいがちです。そこで使ってみたいのがchainchomp.jsになります。JavaScriptをサンドボックス化して実行できるライブラリになります。!デモで実行が...
Cozic - YouTubeも使えるnode製のクラウドミュージックプレイヤー
CozicはCoffeeScript/node製のオープンソース・ソフトウェア（MIT License）です。音楽コンテンツはいつだって人気です。デスクトップ、スマートフォン、タブレット…どこでも音楽を楽しみたいと思うはずです。そこで紹介したいのがCozic、Webベースのミュージックサーバです。トップページです。音楽...
Free PixelKit Bootstrap UI Kits - Bootstrapを一変させるフラットUIテーマ
Bootstrapは良いのだけれど、Bootstrapっぽさが如実に感じられるのが嫌だなぁと思っているプログラマーの方は多いはず。そこで使ってみて欲しいのがFree PixelKit Bootstrap UI Kitsです。フラットなUIでがらっと雰囲気を変えてくれること請け合いです！見てもらうのが一番だと思うので、ま...
Ionicons – 必見！iOS 7風、ソーシャル系アイコンも取り揃えたWeb Font
またしても使い勝手の良さそうなアイコンフォントが出てきましたよ！Bootstrapはアイコンの表示に際して画像を使っています。しかしそれでは大きさの変化や色の変更に柔軟に対応できません。そこでFont AwesomeではWeb Fontを使ってアイコンを提供する形をとっています。今回紹介するIoniconsもまた同様に...
2013/10/29
placeholderを使ってユーザビリティ向上を目指そう「JVFloat.js」
JVFloat.jsはHTML5/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。HTML5で実装されているplaceholder要素はあらかじめどういったデータを入力すれば良いか分かるのでユーザビリティが高くなります。しかしより優れたユーザビリティを目指すな...
Bootstrap Markdown - 使おう！BootstrapにマッチしたMarkdownエディタ
Markdownでコンテンツを編集するサイトでは採用必須ですね！最近はテキスト編集をさせようと思うとまずMarkdownが筆頭に上がってくるようになりました。さらにWebサービス開発にBootstrapをベースにする人たちもたくさんいます。であればその二つが合わさって欲しいと思っている人は多かったはず。Bootstra...
PCE.js - こいつ…動くぞ。JavaScriptで作られたWindows 3.0/Mac OSまで動くPCエミュレータ
すみません、こいつ…動くぞって言いたかっただけなんです。往年のPCを動作させるPCエミュレータは幾つか知られています。その一つがPCEです。それをEmscriptenを使ってJavaScriptにしてしまったのがPCE.jsになります。まずはMac OSから。System 7.0.1です。!懐かしのWelcome to...
シンプルで美しいnode製のブログエンジン「Ghost」
Ghostはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。今はソーシャルの時代であえてブログを書く人は少なくなっています。確かにソーシャルに投稿するのに比べると幾分面倒な感じがします。しかしシンプルなブログであればきっと使いたくなるはずです。それがGhostです。最初にサ...
タグを辿ってニコニコ動画を旅しよう「niconicoタグ回遊」
niconicoタグ回遊はnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。ニコニコ動画のタグはセンスあるユーザが自由につけるものだけあって、独特な面白さが存在します。そんなタグを使ったマッシュアップサービスがniconicoタグ回遊です。動画とそのタグが一覧で表示されます。...
試してみよう。背景の要素を自然にぼかす「Vague.js」
Vague.jsはJavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。iOS 7が登場した直後に一気に注目を集め始めたのが背景をぼかす表現ではないでしょうか。類似のライブラリは幾つかあると思いますが、今回はVague.jsを紹介します。一例。メインの画像以外はぼか...
IFTTTで使っているiOS用キーフレームアニメーションライブラリ「Jazz Hands」
Jazz HandsはiOS用、MIT Licenseのオープンソース・ソフトウェアです。iOSアプリの中でシンプルなアニメーションを実現したいと思ったらチェックして欲しいのがJazz Handsです。IFTTTで実際に使われているキーフレームベースのアニメーションライブラリです。最初の場面。スワイプ操作でアニメーショ...
積極的に使おう。画像サムネイル付きドロップ式アップローダ「Dropzone.js」
Dropzone.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。HTML5以前はファイルのアップロードフォームは一つずつしかファイルがアップロードできない寂しいものでした。しかしHTML5になって複数ファイル指定はもちろん、ドラッグ&ドロップによるファイルアップロードも行える...
スタイルシートの中にスタイルガイドを記述「styleguide.js」
styleguide.jsはnode/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。Webコーディングを行う際に複数人で作業する場合はスタイルシートのクラスをどのように使うべきか記す必要があるかと思います。そんな時に使ってみたいのがstyleguide.js...
iOS 7風のWebアプリを作ろう「ibox2」
ibox2はHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。iPhoneが登場した後、一気に出てきたのがスマートフォン対応のWebテンプレートです。今では見た目が随分変わってしまっているので導入が難しいかも知れません。そこで試してみたいのがibox2です。今のところ設定画...
Webアプリのクライアントサイドの多言語化に「i18next Editor」
i18next Editorはnode/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。Webアプリケーションの多言語化対応を考える中で注目したいのがi18nextです。JSONフォーマットで記述した翻訳ファイルをベースにjQueryを使って多言語対応します。...
2013/10/25
スマートフォンサイト構築する際のポイント&関連オープンソース・ソフトウェア
モバイルファーストという言葉はほぼバズになってきています。今回はそのモバイルファーストに注目し、モバイルサイトを構築する上でどういった点に注意しなければならないかを挙げてみたいと思います。