プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Pingendo - Bootstrap専用オーサリングツール
Boostrapはプログラマーであっても規則に沿って書いていくだけでモダンなUIのWebアプリケーション、Webサイトが素早くデザインできます。しかし規則すら覚えるのが面倒、もっと手軽に作っていきたいと考える人も多いでしょう。そんな方にお勧めなのがPingendo、Bootstrap専用のオーサリングツールです。## ...
Bulma - Flexboxを使ったCSS3デザインフレームワーク
HTMLのデザインフレームワークが増えてきました。どれもコンセプトが異なるので、自分に合ったものを選択するのが大事です。今回はBulmaというCSSフレームワークを紹介します。機能は多くありませんが、必要十分に備わっています。## Bulmaの使い方スクリーンショットを多めに紹介します。まずは基本となるグリッドです。!
2016/03/01
2016/03/01業務で使えるオープンソース（181）「Webオフィス」
今回のテーマはWebオフィスです。ドキュメント作成、表計算、スライドの作成など企業内で求められる文書作成がWeb上でできるようになっています。Google DriveやOffice 365のようにWebサービスで提供されているものもありますが、今回はオープンソース・ソフトウェアを中心に紹介します。その利点は次のようにな...
Pixel Art to CSS - スタイルシートで出力できるドット絵エディタ
ピクセルアート、いわゆるドット絵は昔から変わらず人気があります。今のゲーム機ではほとんど見られなくなりましたが、Webやスマートフォンアプリでは使われていたりします。そんなドット絵を作るためのエディタがPixel Art to CSSです。特徴はReactJSで作られていること、さらにCSSで出力できることです。## ...
Clairvoyance - CSSカバレッジツール
Webサイトの運営を続けていると、徐々にスタイルシートが汚くなっていきます。使われているか使われていないかの判断がしづらいので、消せずに追加するのみだからです。プログラミング言語であればコードカバレッジによってコードの利用状況が確認できます。そこで同じような仕組みであるClairvoyanceを使ってみましょう。## ...
Timelined - CSS3で作られた縦型のタイムライン表示
Twitterでもタイムライン形式の表示を採用するという噂があります。最近、多くのソーシャル系サイトでタイムライン形式の表示が採用されています。もし自分のサイトでもタイムライン形式の表示を行いたいならばTimelinedを使ってみましょう。## Timelinedの使い方Timelinedのデモです。一つの線に沿って左...
pageSwitch - 多彩なアニメーションが指定できるページ切り替え
SPA（Single Page Application）ではページの切り替わり時にアニメーションしながら表示することが多いです。それによって一連の動作に流れが生まれ、継続的に使い続けられます。ページを切り替える際のアニメーションは多数ありますが、pageSwitchを使えば多彩なアニメーションから選んで実装できます。#...
Viewer.js - 多彩なアクションが設定できるJavaScript製画像ビューワー
スマートフォンが流行るのに伴って画像コンテンツが増えています。普段、何気ない場面でもとりあえず撮影しておくといった人は多いのではないでしょうか。次に考えるべきは見せ方です。FlickrやFacebookにアップするだけでなく、自分のサイトで効果的に見せるためにViewer.jsを使ってみましょう。## Viewer.j...
HotDrink - JavaScript製のMVVMフレームワーク
WebアプリケーションがJavaScriptを活用することによってどんどんリッチになっています。そうした中で、徐々にMVCを使ったフレームワークに注目が集まっています。さらにMVCの派生パターンとしてMVVM（Model-View-ViewModel）が知られています。今回はそのフレームワークとして作られているHotD...
python-pptx - PythonでPowerPointファイルを生成
開発者であってもプレゼンを作らないといけないことがありますよね。外部の勉強会であれば好きなツールが使えますが、企業であるとPowerPointが必須になるでしょう。そこでPowerPointのファイルが生成できるpython-pptxを使ってみましょう。プログラマブルにスライドが作れるようになります。## python...
voxel.css - ここまでできる！CSS3製ボクセル
マインクラフトに代表される、立方体をボクセルと呼びます。単なる立方体をながら、模様があり、それを積み重ねることで様々な造形を可能にしています。そんなボクセルをCSS3を駆使して可能にしているのがvoxel.cssです。Webベースのボクセルエンジン開発が進みそうです。## voxel.cssの使い方トップページです。こ...
MediumEditor - MediumクローンのWYSIWYGエディタ
ブログサービスとして人気のMedium。書きやすさがとても大事で、それはデザインやフォントサイズなど様々な面に表現されます。そんなMediumの使っているWYSIWYGクローンと言えるのがMediumEditorです。## MediumEditorの使い方デモです。シンプルで分かりやすいです。!
- 2016/02/26
2016年02月の人気ソフトウェアまとめ
今月のまとめです。過去分は以下の通りです。- 1月Mac OSXやiOSで使えるAirDropは便利で、近くにいる人（デバイス）と簡単にファイルを送りあうことができます。AndroidやWindowsなど、他のデバイスでも同じことがしたいと思うケースは多々あります。擬似的に似たようなことができるアプリもあるのですが、S...
Open landings - オープンソース向けランディングページ生成
プロジェクトのトップページを作るというのは意外と面倒です。オープンソースでREADMEファイルを作るのすら精一杯なのに、さらに細かなデザインまで考えるのは大変なことでしょう。そこでさくっと終わらせられるOpen landingsを使ってみましょう。オープンソース・プロジェクトであればお勧めです。## Open land...
lucy-console - SwaggerベースのWeb APIドキュメントサーバ
GoogleやMicrosoft、ApigeeなどWeb APIを活用している各社が集まって設立されたのがOpen API Initiativeです。そのドキュメンテーションのベースになっているのがSwaggerです。Swaggerを使うとWeb上で実際に試せるWeb APIドキュメントが生成できます。そんなSwagg...
Pressure.js - JavaScriptで3D Touch/Force Touchのイベント管理
iPhone6では3D Touchという機能が追加され、さらに新しいMacBookなどでもForce Touchと呼ばれる感圧タッチパッドが採用されています。これにより、単純なクリックに奥行きを持たせることができるようになっています。そこで紹介したいのがPressure.jsです。Webブラウザ上でForce Touc...
- 2016/02/24
業務で使えるオープンソース（180）「Webブラウザ」
今回のテーマはWebブラウザです。98年頃はNetscape社とMicrosoft社によるブラウザ戦争が勃発し、IEが勝者となって圧倒的なブラウザシェアを確保しました。敗れたNetscape社はブラウザをOSS化し、Firefoxとして反撃に転じました。今はさらにGoogle Chrome、Safariがあり、最近では...
TOUCH with Leap Motion - Leap Motionを使った新しいユーザ体験
最近、VRに人気が集まっています。VRグラスは視覚的に仮想現実を体感させてくれますが、視点の移動を行う際にはキーボードやマウスを使う必要があります。視覚だけでなく入力の仮想現実化も必要でしょう。今回は新しい入力デバイスであるLeap Motionを使った新しい体験を提供するTOUCH with Leap Motionを...
かんたんMarkdown - 単一ファイルのMarkdownエディタ/ビューワー
Markdownがどれだけ普及しつつも、ビューワーやエディタがないというケースはとても多いです。そのためにHTMLに変換して送ったりするのは面倒で、もっと手軽にさくっと使えるエディタがあると便利とは思っていました。そんな世界を実現してくれそうなのがかんたんMarkdownです。ごく手軽なMarkdownエディタ/ビュー...
Brave - JavaScript開発者による安全、高速なWebブラウザ
Webブラウザはシェアが混沌としています。IEが最大な状態ではありますが、IE 10からはEdgeが基本になりますし、開発者周りを中心にChromeもシェアが高いです。さらにFirefox、Safariもあります。そんな中、さらに新しいブラウザの登場です。JavaScriptの開発者であるBrendan Eich氏が開...