Dockerに人気が集まっています。サーバ用途はもちろんのこと、デスクトップでもサーバサイドのソフトウェアを手軽に使う上で便利なソフトウェアです。そんな用途でWindowsやMac OSXで使っている人も多いです。 しかしWindows/Mac OSXではboot2dockerやVirtualBoxをインストールしたりと若干準備が必要なのが難点になります。そこで使ってみたいのがKitematic、...
Search results for psilocal, , pagespeed, insights, moongift
プログラマーであれば仕事の成果はコーディング結果に現れてきます。つまりリポジトリを解析すれば自ずと作業ログが出てくる訳です。もちろん必ずしもコーディング量と比例する訳ではありませんが、基準にはなるでしょう。 そこで使ってみたいのがGit-today、Gitリポジトリ解析ソフトウェアです。自分がどれくらい仕事をしたか、git-todayを使えば簡単に分かります。 Git-todayの使い方 Git-...
最近のWebサイトは縦長になっていく傾向があります。元々縦に情報を載せやすい傾向がありましたが、シングルページアプリケーションの流れもあって、どんどん縦長になっています。 そんな中だからこそ、逆に横に展開していくコンテンツが目を引くのではないでしょうか。それを実現しているのがHorwheel、ホイールスクロールを水平展開するライブラリです。 Horwheelの使い方 こちらが最初の表示です。ホイー...
今回はWebブラウザを使ったテストソリューションをまとめて紹介します。また、当たり前なことですが自動テストによるメリットもあげてみたいと思います。Webブラウザのテストは自動化していきましょう！ AjaxによるWebアプリケーション化が進んでいる 昔であればURL単位に画面が切れていたため、テスト結果もURL単位で報告できていたのですが、最近ではAjaxを使ったサイトが増えているため見た目のURL...
Markdownは通常、HTMLに変換するとあってWebベースのエディタと相性がいいように思います。また特に多く使うのがGitHubのREADMEであり、こちらもWebベースで表示されることもあるでしょう。 色々なMarkdownエディタが存在しますが、今回はMarkdown Editを紹介します。Webブラウザベースで使えるオンラインMarkdownエディタ、ビューワーです。 Markdown ...
世の中の大抵の物事は時間軸に沿って進められます。歴史はもちろんのこと、プロジェクト管理においてもガントチャートのような時間軸のグラフを使って表現されます。過去の振り返りも未来の予測も時間がキーになってきます。 そういったデータを表現できるライブラリがTimesheet.jsです。特徴的なのはCSS3で作成されている点にあるでしょう。 Timesheet.jsの使い方 こちらが表示例になります。細い...
フラットなデザインが流行ですが、単純に単色でシンプルに表現する段階は過ぎています。Googleの言うマテリアルデザインのように動きのある表現を通じてUXを高める動きもあります。 そこで今回はjCornerを紹介します。フラットUIの中でも映える、効果的な表現です。 jCornerの使い方 こちらがjCornerを使った表現です。紙のように端が折れています。 単純に角を折るだけでなく、色が自動的に濃...
Webサイトを作る目的は人それぞれです。写真家であれば自分のポートフォリオサイトを作りたいと思うでしょう。さらにインターネットと言う点で考えれば、静的な写真だけでなく動画も十分ポートフォリオとしての役割を果たしてくれます。 そこで使ってみたいのがCinematicoです。YouTube/Vimeoを使って動画を並べたWebサイトを作ってくれます。 Cinematicoの使い方 インストール画面です...
[対象: 中〜上級]Googleが提供するPageSpeed Insights（ページスピード・インサイト）ツールを使うとサイトの表示速度を診断できます。 スピード診断に加えて、モバイルサイトのユーザーエクスペリエンスを診断する機能を昨年12月からベータ版として試験的に提供していました。このユーザーエクスペリエンス診断機能を正式に導入したことをGoogleは公式アナウンスしました。モバイルサイトの...
p>スマホ用テーマデザインを作成した時に実装した、表示の高速化に関するチップを紹介します。HTML・CSS・JavaScript・画像の軽量化・配置に気を付けるだけでも、かなり高速化できます。スマホ用テーマデザインを作成した時の、表示速度の高速化に関するチップを紹介します。HTML・CSS・JavaScript・画像の軽量化・配置に気をつけるだけでも、かなり高速化できます。SEO対策にもなります。...
« previous12 next »
