Web Starter Kit - Googleが提案するWebアプリケーション高速開発環境
Webアプリケーションを開発しようと思ったら、まず何をするでしょう。HTTPサーバを立てるでしょうか、Bootstrapのダウンロードを行うかも知れません。さらにjQueryやBackbone.jsやAngularjsなどを設定するかも知れません。 しかし今後はそんな面倒ごとをせず、Web Starter Kitをセットアップしましょう。これだけですぐにWebアプリケーションの開発がスタートできます。 Web Starter Kitの使い方 実行は gulp コマンドで行います。ビルドを実行します。 ここからUIを見ていきます。 Web Starter Kitの主な特徴はレスポンシブ、クロスデバイス同期、ライブブラウザリロード、パフォーマンス最適化、ビルトインHTTPサーバ、Sassサポートなどとなっています。 Web Starter KitはRuby/node製のオープンソース・ソフトウ
【保存版】作りたいイメージ別！ランディングページ 「デザインの指南書」 | LISKUL
どうすれば「リッチな」印象のページになる？ ランディングページの製作時、デザインを「こんな印象のページにしたい」というのはあっても、いざ「どんな配色で」「どんなフォントで」「どの程度の派手さで」を決めるとなると、一体どうやったら自社のターゲットに適したデザインに仕上がるのか分からない！ ということはありませんか？ 今回は、「可愛らしい」「真面目で冷静な」「先進的な」「信頼感のある」といったイメージ・印象ごとに、適した配色・フォント等デザインを実際のサイトを例に出してご紹介します。 あなたの「こんな印象を与えたい」という思いをデザインにするとこうなる！ というのを具体的にまとめていますので、デザインの方針を立てる上での参考にしてください。 ※ランディングページ改善に重要な要素を大きく4つに分け（ファーストビュー、ライティング、導線、その他のポイント）それぞれの項目で訴求ポイントのチェックが行
Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論 - Qiita
結論: Javascriptの乱用をやめるのが一番。 はじめに書いておきますがしょうもない話です。 結論、開発者としてはどのような方向性でやるべきか、を書いています。 JS多い時代でのフレームワークの根本的な問題云々のことは書いてません。 さて、現状、モバイルにおいて、Javascriptでまともに動くものを作ることは難しいです。 Twitterから引き抜いた超優秀なWebエンジニアを多数抱えるMediumですら、未だにモバイルで多数のバグを抱えています。 超優秀なエンジニアを世界一抱えているであろうGoogleのGmailですら、モバイル版のWebはすぐクラッシュします。また、自前スクロールに致命的なバグも抱えています。 正確には「UIが不審な挙動をする」ですが、エンドユーザにとっては同じことで、「バグ」です。 サーバサイドで起こるバグと同じ程度、いやそれ以上に、サービスに影響を与えます
ブログで使えるフリー写真素材サイトまとめ！FlickrのAPIがまた落ちているので、代わりになる無料写真サイトを探してみました。 - クレジットカードの読みもの
FlickrのAPIがまたもや落ちている（正確には仕様変更があった）ようなので、代わりに利用できる無料写真サイトを探してみました。ついでなので見つけた写真サイトをまとめておきます。 実際にこれらの写真素材サイトにお世話になる場合には、それぞれのサイトにおいて利用規約を確認した上でお使いください（著作権を放棄していないところや、商用利用には条件があるケースなどもあります）。 無料で利用可能な写真素材サイト一覧： まずはクリエイティブ・コモンズを理解： tadapic： 写真素材 足成： ぱくたそ： morgue File： freeimages igosso： ブログ用の写真検索さん： skyseeker： フリーフォトボックス： sothei： FreeStocker： 街画ガイド： ちょっと古い無料写真提供サイト： ポラリス： 写真素材のページ： 他、見つけた無料写真素材サイト？ ブログ
【旅行者必見】航空券の最安値を調べられる最高のツールがあった - GOTRIP!
日本人にとって海外旅行といえば、一番気になるのが航空券。それは海外でも同じで、誰もが航空券を安く手に入れる方法を探しています。インターネットで色々と調べると、様々な航空券に関するツールが、インターネット上のサービスとして提供されている事が分かります。 しかし、探してみても本当に便利で使えるツールはほんの少しでした。使えるな、とおもったツールでもその多くは、現在の最安値を調べてくれるだけ、の機能だったりします。 本当に旅行者が欲しいとおもっているような情報、たとえば、「いつ航空券を購入すれば安いか？」という、いわゆるカユイところに手が届く、というようなツールは、これまで存在しなかったように思います。 でも、今回ご紹介するツールは違います。カユイところまで手がとどきまくっています！航空券の最安値を調査できる最高のツール、それは「hopper.com」というサイトです。 なんとこちら、出発地と到
継続的WEBセキュリティ診断サービス VAddy
ウェブアプリケーションの開発において、CI(Continuous Integration)のサイクルに、クロスサイトスクリプティングやSQLインジェクション等を早期に発見するための脆弱性診断も組み込まれるべきでは？というコンセプトで、新しいウェブサービスを開発しました。現在、アルファ版の詰めに入っている段階です。アルファ版を使ってくれるユーザさん（もちろんアルファ版の段階では無料）を探しています。 VAddy http://vaddy.net/ Jenkins等のCIサーバ上でcommit毎にビルドやユニットテストが実行されるという文化は定着しつつあり、誰もがその良さを実感していると思います。 同じように、セキュリティ面でのテストもCIサーバが自動的に実行してくれれば便利ではないでしょうか。 VAddyはSaaS型のウェブアプリケーション脆弱性診断サービスです。基本的な使い方として、ユーザ
Androidの｢マテリアル・デザイン｣をWebにも。グーグルが制作者用ツール提供
Androidの｢マテリアル・デザイン｣をWebにも。グーグルが制作者用ツール提供2014.06.26 06:00 福田ミホ すべての端末で共通のデザインを。 グーグルがAndroid Lの新しいデザインと、そのコンセプト｢マテリアル・デザイン｣を発表しました。このカードベースのデザインは、AndroidというOSの中で使われるだけじゃありません。Web上にも広がっていきそうなんです。 グーグルは｢Polymer｣という開発用ツールを使って、モバイル開発者向けデザインツールをWebサイト制作者向けにも提供しようとしています。実際新しいグーグルのデザインガイドラインはデヴァイスに依存しない内容になっています。それはスクリーンサイズの大小を超えて、タブレットやスマートフォンから腕時計まであらゆる端末で使えるようになっています。以下はマテリアル・デザインについての動画です。 このデザインがどれだ
Adobe製品の代わりに使える無料アプリ10+
2014年6月27日 Illustrator, Photoshop, 便利ツール PhotoshopやIllustratorなど、Adobeの製品はクリエイターの必需品のひとつとなっています。しかしその値段からなかなか手が出せない…という方も多いのではないでしょうか？今回はAdobe製品の代用として使える無料アプリをいくつか紹介します。金欠の学生さんや、様々な理由から脱Adobeを考えている方の参考になれば幸いです！ ↑私が10年以上利用している会計ソフト！ Photoshopの代わりに GIMP 長年Photoshopの代用として愛され続けているGIMP。Photoshopの拡張子であるpsdファイルが開けることはもちろん、Photoshop用のブラシなども利用可能。画像の編集・加工ツールとしてPhotoshopとほぼ同様の機能を備えています。日本語の公式チュートリアルも充実！私もお金の
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Webデザイン初心者でも手軽に使えるダイアログ／通知ライブラリALERTIFY.js
Webデザイン初心者でも手軽に使えるダイアログ／通知ライブラリALERTIFY.js：HTML5アプリ作ろうぜ！（12）（1/2 ページ） ダイアログ／アラート／Notification（通知）を見栄え良く簡単に使用できるJavaScriptライブラリ「ALERTIFY.js」の概要と基本的な使い方をサンプルを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、API、またそれらを組み合わせたサンプルアプリを解説していく本連載「HTML5アプリ作ろうぜ！」。今回紹介するライブラリは「ALERTIFY.js」です。 ALERTIFY.jsとは 「ALERTIFY.js」は見栄えの良いダイアログ／アラート／Notification（通知）を簡単に使用できるライブラリです。短時間で既存のWebサイト／WebアプリのHTMLに記述できるのも魅力です。また、コントロ
Webページ上に通知を表示するjQueryプラグインの紹介
はじめに 利用者に短い文章などを提示して注意や操作を促す通知は、古くはWindowsのタスクバー（標準では右下）に表示されるバルーン表示、最近ではiOSやAndroidにおけるプッシュ通知の表示など、さまざまなシーンで利用されています。 本記事では、このような通知をWebページの内部に表示することができる以下のjQueryプラグインを紹介します。 noty（多機能な通知表示） Notific8（Windows 8風通知表示） CFToaster（AndroidのToast風通知表示） notyは通知にボタンを配置できるなど多機能であるのに対し、Notific8はWindows 8の通知を再現することに特化したシンプルな内容になっています。CFToasterはさらにシンプルで、AndroidのToastのようにメッセージ文字列を表示するだけのプラグインです。利用目的や表示スタイルにより使用す
いろんなブラウザ【5種】でサイト表示のチェックができるWEBサービスinteractive cross-browser testing - ネットの海の渚にて
browserling - interactive cross-browser testing ネットには探せば便利なサービスがあるもので上記のサイトは各種ブラウザで表示がどうなるのか確認ができる。 Internet Explorer Chrome Firefox Safari Opera 上記メジャーブラウザの5種をわざわざ自分のPCにインストールすること無く確認することができる。 さらに嬉しいことはそれぞれのブラウザのバージョンが新旧揃っていることだ。 使い方は簡単だ。 表示させたいURLを入れて好きなブラウザを選ぶ。 新旧のバージョンが出てくるからそれをクリックするだけだ。 しばらくすると入力した条件でエミュレートされる。 （画像では当ブログのURLを入れてSafariのバージョン5.1を選択している） 実際に表示させるとこうなる。（画像はSafari5.1） これを各種ブラウザで繰
これなら合格！ 正しいリダイレクターの作り方
これなら合格！ 正しいリダイレクターの作り方：HTML5時代の「新しいセキュリティ・エチケット」（4）（1/3 ページ） えっ、まだmeta refreshとか301使ってるの？ リダイレクターの作り方も時代とともに移り変わります。記事を読んだらすぐに使えるセキュリティ・エチケットを紹介しましょう。 連載目次 皆さんこんにちは。ネットエージェントのはせがわようすけです。今回は、「オープンリダイレクター」という脆弱性について説明します。 オープンリダイレクターとは？ オープンリダイレクターとは、あるURLを開くと自動的に他のページにジャンプするリダイレクト機能が、攻撃者によって任意の外部ページへのリダイレクターとして利用可能になっている問題です。 「http://example.jp」上で提供されるWebアプリケーションにて、例えば「http://example.jp/go?url=/nex
Famo.us·WebGL/Canvasを使って高度な表現を可能にするJavaScriptフレームワーク MOONGIFT
スマートフォンにおいてWebかネイティブかと言った議論は常にされています。ネイティブアプリは高度なUI/UXを提供する一方、インストールの手間が否めません。Webは速度やUXにおいて見劣りがします。 しかしWeb（HTML5）の進化は止まりません。ついにここまで！というフレームワークがFamo.usです。3Dを備えたレンダーを行うJavaScriptフレームワークになります。 Famo.usの使い方 たくさんのデモが登録されていますので見ていきましょう。 写真と画像の組み合わせ。左右から表示されるアニメーションもあります。 スクロールパララックスエフェクトのデモ。 アニメーションのデモ。 カレンダーの日付を選択するとスケジュールが開きます。アニメーションがスムーズです。 スライドして表示される写真のデモです。 ページ送りのデモ。 天気アプリデモ。ベクター調の表示がいいですね。 タスク管理。
WordPressサイトの管理者向けセキュリティ対策方法チェックリスト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆様はじめまして、モリイです。本業ではWordPress専用のセキュリティ診断サービスを運営しています。 さて、ご存知の方も多いとは思いますが、WordPressは攻撃者によく狙われます。 その理由の1つは高い導入率です。LIGブログでも以前こちらの記事「みんなは知ってる？WordPressの特徴と人気の理由を分析してみた」で紹介されていたように、世界で一番人気のCMSです。WordPressで作成されたサイトは世界中に9000万以上あると言われており、悪意を持っている人物にとっては格好のターゲットです。 また、WordPressだけではなく、CMS一般、例えば、Drupal、EC-CUBEなどにも言ることですが、構造がパターン化されており、そのCMSを利用しているということが一目でわかる、ということも攻撃される理由に挙げられます。 そこで、サイト管理者は攻撃者からサイトを守らなければいけ
チーム作業がぐんぐん捗る！機能が秀逸な3つの無料のWEBサービス | フリーランスエンジニアの求人情報【AKKODiSフリーランス】
チーム作業がぐんぐん捗る！機能が秀逸な3つの無料のWEBサービス チームでの作業を効率化するための便利なWEBサービスがたくさんあります。中でも機能が秀逸な3つのWEBサービスを紹介したいと思います。プロジェクトやスケジュール管理がしやすくなるので、使いこなせばチーム作業がぐんぐん捗ります。 ChatWork チャットツールとしては「Skype」が有名ですが、「ChatWork」は業務を効率化するビジネスチャットツールであるため、ビジネスで広く活用されています。 「ChatWork」はグループチャット、タスク管理、ファイル共有、ビデオ会議/音声通話が可能で、多くの企業が導入してます。 タスク管理機能を使えばプロジェクトの進行状況の把握などがしやすいですし、依頼したタスク、または依頼を受けたタスクの管理ができるのでやり忘れなどを防げます。 http://www.chatwork.com/ja
wri.peの下書きをDarkRoomにするとiOSでも書きやすいかも - W&R : Jazzと読書の日々
Textwellを使わずにwri.peを活用する方法。 Shiori Webブラウザ 1.2.0 分類: 辞書／辞典／その他 価格: 無料 (tadashi atoji) 検索専用のWebブラウザ。以前「Web検索」という名前だったアプリです。ブックマークレットの登録が簡単にできる。これでwri.peを開いて、ピンと来ましたね。 WebエディタDarkRoomで使えるブックマークレット(Web検索用) 昔々「ショーワ」と呼ばれる時代があってのぉ。その頃はまだ世の中に「インターネッツ」というものはなく、人々は「ラジヲ」を通して流れる海外の「タンパ」を聴きながら、受信状況を手紙にしたため「ベリカード」の... まず、ShioriにDarkRoomを登録してください。スライドカーソルが使えるエディタです。ブックマークレットとして走ります。それと下記スクリプトも登録。これが今回の必殺技 DarkR
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
第一次世界大戦の開戦をリアルタイムで伝えるTwitterアカウント
Flipsblog.jp
“Gmail”で日時を指定してメールを送信できるようにするGoogle Chrome拡張「SndLatr」NOT SUPPORTED