プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Labella.js - タイムラインのラベル表示デザインが欲しければ
Webの表現力が向上するのに合わせて、高度な表現を実現して欲しいと頼まれることが多くなっています。CanvasやWebGLを駆使すればできるのが分かっていても、それをメンテナンス性や拡張性を維持しながら作っていくというのは大変です。そこで表現したいものに合わせてライブラリを探すのが一番早い解決策になります。今回は年表表...
Solid - BuzFeedで使われているデザインテンプレート
多くのWebサービスがデザインテンプレートを公開するようになっています。その恩恵はとても大きく、デザインテンプレートをベースにすれば格好良いデザインのサイトが簡単に立ち上げられるようになっています。今回はその一つ、BuzzFeedが公開したテンプレートSolidを紹介します。## Solidの使い方スクリーンショット多...
kanjilint - 可読性向上に。平仮名の方がいい漢字を抽出
文章というのは読みやすくあるべきで、難しい漢字を使えばいいというものではありません。むしろ普段使わないような漢字を使うと全体的に固く、読みづらい文章になります。自分で文章を書いたら、kanjilintを使って自動チェックしてみるといいでしょう。kanjilintは漢字を平仮名にすると読みやすくなる単語を抽出してくれるソ...
Luapress - Lua製の静的サイトジェネレータ
静的サイトジェネレータは種類が増えましたが、その多くはnode.jsまたはRubyといった雰囲気があります。自分で拡張できることを考えると、普段使い慣れたプログラミング言語がいいという方も多いでしょう。もしあなたがLuaを得意としているならば、Luapressを使ってみましょう。pressとついている通り、静的サイト&...
Code in the Dark Editor - イベント用のプログラミングエディタ
Code in the Darkは約2年前からはじまったイベントで、暗い部屋の中で20分間コーディングを行います。HTML5/JavaScript/CSSを使ってコーディングするのですが、ルールの一つのプレビュー禁止というのがあるのが肝となっています。そんなCode in the Darkの中で使うとエディタがCode...
phina.js - tmlib.js後継の国産ゲーム開発ライブラリ
ゲーム開発の難しいところは、単にライブラリを使ったからできるというわけではないということです。他の開発と違い、専用の覚えるべきポイントがたくさん存在します。そうしたノウハウを詰め込んだ国産ゲームライブラリがphina.jsです。tmlib.jsの後継ライブラリとして開発されているゲームライブラリです。## phina....
ResponsifyJS - 画像の表示をレスポンシブに変化
レスポンシブコンテンツの中で最も扱いづらいのは画像と言えます。バイナリファイルであるために画面の大きさに関わらず同じサイズですし、画面幅の変更に対してレスポンシブに変化することができません。そこで使ってみたいのがResponsifyJSです。画像をレスポンシブにするjQueryプラグインで、単に縮小されてしまう表示とは...
Mautic - マーケティングオートメーションツール
最近のIT業界ではオートメーションが一つのトレンドになっています。開発現場であればCIやクラウドのように処理を自動化したり、省力化を行っています。マーケティング業界でも同様です。選択肢がどんどん増える中、自動化が進められています。そんなマーケティング業界でもオートメーションを支えるのがMauticです。## Mauti...
jQuery formBuilder - jQueryによる動的フォームが作成
マーケターの人たちはアンケートフォームを数多く作成します。そんな時に一回一回プログラマに依頼して作成してもらうのでは時間もかかりますし面倒です。そこで使ってみたいのがjQuery formBuilderです。jQuery formBuilderを使えば自由にフォームが作れるので、後はそのデータを保存できるようにすればい...
ThetaViewer.js - RICOH THETAの画像をアニメーションGIF化
全天球写真、動画は大きな可能性を秘めていると思っています。その可能性を感じさせてくれるデバイスの一つがRICOH THETAです。最新機種では1080pに対応し、高画質な動画を作成できるようになっています。そんなRICOH THETAで撮影した写真をアニメーションGIFで楽しめるのがThetaViewer.jsです。つ...
WWDCTV - tvOS用のWWDC閲覧アプリ
毎年6月に開催されるWWDCはiOS開発者のみならず、Apple製品が好きな方を虜にしています。日本であればわざわざ夜中の2時に起きてウォッチしている人も多いでしょう。そんなWWDCをAppleTV上で見られるようにするのがWWDCTVです。これまでに行われたセッションも閲覧可能です## WWDCTVの使い方アプリのア...
APlayer - 歌詞表示に対応したHTML5音楽プレイヤー
ついにFlashが歴史の幕を閉じようとしています(Flash Playerはまだ残っていますが)。つまりこれまでWeb上で使われきたメディアがHTML5によって扱われるようになるのです。対応しているからといって、単純に動画、音声ファイルをリンクするだけでは誰も再生しません。やはり見栄えのいい再生プレイヤーがあってこそで...
2015年の振り返り(その5)「Windows」
2012年版Slackを社内用のチャットツールに採用する企業が増えています。確かに見た目のUIがシンプルで分かりやすく、外部サービスとの連携も簡単とエンジニアにとってはとても使いやすいサービスになっています。そんなSlackをより便利に使うためのツールがWindows Slack Notifierです。Windows用...
jsbundler - npmライブラリをWebブラウザで扱う
少し前まではBowerを使うのが一般的でしたが、最近ではnpmを使ってWebブラウザ向けのライブラリを配布することが増えています。npmは高機能なのですが、コンパイルしないと使えないライブラリとして配布されていることが多いのが厄介です。そこで使ってみたいのがjsbundlerです。jsbundlerを実行すると、npm...
Skew - Web/CLI/GUIアプリをこなせる代替言語
JavaScriptをそのまま書くのを嫌がる人たちは多いです。そのためCoffeeScriptやTypeScriptなど、多くの代替言語が生み出されています。今回紹介するSkewもそんな代替言語の一つと言えます。特徴としては、JavaScriptだけでなく、C#向けにも開発できるということです。## Skewの使い方S...
Stage.js - 2D用のHTML5ゲームフレームワーク
HTML5の実装が充実するのに合わせてWebブラウザ上で様々なアプリケーションが作られるようになっています。その一つとしてゲームがあります。Canvasなどを使うことでハイレベルなゲームが作れます。ただしCanvasはこれまでのWebのように使うわけではなく、ごりごりコーディングしても効率的ではありません。そこで使いた...
screenlog.js - console.log代替。画面上にログ出力
Webフロントエンドの開発時にDevToolsを開くことはよくあるかと思います。ただ、画面の大きさを結構とりますし、常に開いておくのが邪魔という方もいるでしょう。そこで使ってみたいのがscreenlog.jsです。console.logのように使えて、画面上にログを出力してくれるソフトウェアです。## screenlo...
SSleuth - SSL/TLSの品質をチェックするFirefoxアドオン
無料で使えるSSL/TLSのLet's Encryptが注目を集めていますが、その結果として有料のSSLとの比較が気になってくるでしょう。無料と有料で何が違うのか分からないと、無料に流れていってしまうことになりかねません。まずSSL/TLSの違いが何なのか知る必要があります。そのためのFirefoxアドオンがSSleu...
Perfect - サーバサイドで動作するSwift!
ついにSwiftがオープンソース化されました。これによって起こる変化といえば、Mac OSX以外のプラットフォームでも活用できるようになることであったり、iOS/Mac OSX以外の環境での実行が可能になることでしょう。その一つの形式として早速出てきたのがPerfectです。サーバサイドのPerfect実行環境です。#...
Instagram JS Filter - JavaScriptを使ったInstagram風フィルタ
Instagramの魅力と言えば撮影した写真に施す多彩なフィルタです。ネーミング含めて格好良く、写真を簡単に加工してくれます。単純に撮影しただけではなく、その後の加工が魅力を増してくれます。以前にCSS3だけでのInstagram風フィルタを紹介しました