ウェブ開発やデザインが超絶捗る開発者のためのウェブブラウザ「Firefox Developer Edition」が登場
無料で使えるオープンなウェブブラウザ「Firefox」が登場してから今年でちょうど10年になるそうですが、そんな節目の年に、Firefoxを開発しているMozillaがウェブ開発者目線で作成し、開発者やデザイナーにこそ使ってほしいというウェブブラウザ「Firefox Developer Edition」をリリースしました。 Firefox Developer Edition — Mozilla https://www.mozilla.org/ja/firefox/developer/ Firefox Developer Editionはウェブ開発者のために作られたブラウザで、作成・テスト・サイズの変更といった開発のワークフローで必要とされる機能をすべて持っているものです。さらに、専用のアドオンをインストールすれば、Firefox Developer Editionを操作するだけで他のブラウ
Socket.IO, Redisを使用し各ゲーム間でプッシュ通知するシステム | 株式会社サイバーエージェント
2. システム概要 homingは、アメーバピグ関連サービスのいずれかにログインしているユーザに対して、各サービスの通知情報を横断的にプッシュ通知します。 システムの構成は以下の通りです。 図2-1. システム概要 2-1. APIサーバ ユーザへの通知要求を受け付けるREST fullなAPIを備えたWebサーバです。 Node.jsのClusterによる、master/worker構成で稼働します。 通知要求はワーカプロセスで処理します。 図2-2. APIサーバ 2-2. Redisサーバ（データストア用） 一時的なデータをストアするためのRedisサーバです。 sentinelプロセスによる、master/slave構成で稼働します。 ストアされたデータはメモリ上のみで管理し、ディスクへの書き込みは行いません。 以下の情報を管理します。 ユーザのオンライン情報 ユーザIDの索
レイアウトとは？プロも使う原則やコツ・テクニックまとめ | LISKUL
レイアウトとは、テキストや画像などの要素や、家での家具などを効果的に配置するためのプロセスです。 レイアウトを戦略的に活用することで、ビジネスシーンでは相手にメッセージが伝わりやすくなったり、日常生活では生活導線が改善されるなどの効果が期待できます。 しかし具体的には、どのような場合に、何をすればよいのかわからないという方も多いのではないでしょうか。 そこで本記事では、レイアウトの基礎や、関連する原則、レイアウトの流れ、文書・ポスター・家具など様々なシチュエーションでのレイアウトのコツを一挙にご紹介します。 ビジネスシーンや日常生活でのレイアウトにお悩みの方は、ぜひご一読ください。 レイアウトは、テキスト、画像、その他の視覚的要素を効果的に配置し整理するデザインプロセスです。 このプロセスは、情報を整理し、視覚的にアクセスしやすい形にすることを目的としています。具体的には、ページやスクリー
無料ではじめる! 売れるネットショップの作り方 ～出店・運営・集客～
無料ではじめる! 売れるネットショップの作り方 ～出店・運営・集客～ オンサイト マイナビ出版 1,566円 (1,424円+税) 事例から学べる入門ガイド。買う気にさせる施策&接客で人気ショップに育てる!開業時のポイントから運営に必要な知識まで、先人たちのアドバイスと共に解説しています。 関連サイト本書の関連ページが用意されています。 無料ではじめる! 売れるネットショップの作り方｜マイナビ内容紹介無料ではじめられるネットショップ構築サービスが登場し、いまや手軽にオンラインショップを立ち上げられる環境が整っています。 とはいえ数多くあるネットショップの中で自分のショップを認めてもらうには、やはり顧客に満足してもらうための工夫が必要です。それには行き届いた接客、説得力のある価格設定、ストアの明確なコンセプト、リピーターを獲得するための施策などで、ショップとしての総合力を磨いていくしかありま
ウェブマーケティング・ウェブ解析のために読んでお薦めしたい本15冊 上半期まとめ - 鈴木です。別館
2015年2月2日更新 既に7月になっていた事をすっかり忘れていました。 という事で2014年上期に読んだウェブマーケティング・ウェブ解析のために読んだ本の中でお薦めしたい本を紹介していきます。 1. Google Analytics関連 1-1.Google Analytics 実践Webサイト分析入門 Googleアナリティクス 実践Webサイト分析入門 ユニバーサルアナリティクス対応 Web担当者が身につけておくべき新・100の法則。 作者: いちしま泰樹 出版社/メーカー: インプレス 発売日: 2014/02/05 メディア: Kindle版 この商品を含むブログを見る Google Analyticsの使い方というよりは、Google Analyticsを使ってどんな事を見ていけば良いのかそのテクニックが紹介されています。。GAをある程度覚えた人にお薦め！ 2015年1月に読み
ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン
実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] 下記は各ポイントを意訳したものです。 2カラム、広いヘッダ 3カラム、広いヘッダ フォーボックス 不確定なグリッド 大きいスクリーンショット シングルカラム 打ち出し画像 固定サイドバー グリッドベースのギャラリー マガジンスタイル [ad#ad-2] 2カラム、広いヘッダ これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。 慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイ
ホームページ制作料金の相場 | ホームページ制作｜大阪・東京
「御社でホームページ制作すると、料金いくらぐらいなの？」ありがたい質問ですが、答えにくい質問です。うちは、ソリューションを売っているので、目的・課題によって成果物が変わるため、答えにくいのです。 ホームページ制作というサービスの場合、その質問に対して、瞬時に明確な返答をできるところは「モノ売り」、「お打ち合わせが必要」と返答するところは「ソリューション（課題の解決）」を売っていると判断して間違いないかと思います。 とは言え、時間をかけてじっくりみっちり話したところで、予算が合わなければ骨折り損になってしまうので、ここでわたくし（いちおうWeb制作会社の代表。とほほ。）の見解を述べてみることにします。 さぁ、ホームページ制作ご発注を検討中のあなた！少し小難しい話もありますが、一緒に勉強していきましょう！ ざっくりのホームページ制作料金相場 ここでの「料金相場」は、 １．10ページの会社案内
黒板にチョークで書いたようなかすれ具合がいい味を出してるフリーのアイコン素材 -Chalk Web Icons
ウェブだけでなく、紙でも利用可能なハンドメイドのフリーのアイコン素材を紹介します。 黒板デザインの名刺でも作りたいですね。 Free Chalk Web Icons アイコンのデザインは全部で40種類で、Facebook, Twitter, Google+をはじめさまざまなソーシャルサービスが揃っています。 アイコン全40種類 ダウンロードできる素材のフォーマットはPSDと透過PNGで、サイズは64x64, 128x128, 256x256と大きなものまで揃っています。 素材の利用にあたっては個人でも商用でも無料で、ウェブだけでなく印刷、ポスター、フライヤー、名刺などに使用しても構わない、とのことです。 詳しくは下記ページをご覧ください。 Download Terms
ホームページの作成をWeb制作会社へ依頼する前のチェックリスト
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる ホームページの作成を依頼するとき役立つチェックリストはいかがですか？ 現在、無料で配布しているチェックリストへ目を通せば、以下の2点がわかるでしょう。 web制作会社へ依頼する前に準備しておくべきこと 効果的なホームページを作成するためのポイント 「ホームページの作成をweb制作会社へ依頼したい。 でも、何をどこから始めればいいの？」 そんな悩みを抱えるあなた。 以下のチェックリストをひとつずつチェックしていってみてください。 ホームページを依頼する前の準備が整うはずです。
Websites for Text and Fonts That You’d Better Add to Bookmarks
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事？私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします！何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな！と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト！ フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
これなら分かる！WEB制作を無料で「学べる」サイトまとめ
作成：2013/02/4 更新：2014/11/01 Web制作 > 基本的なところを簡単に、楽しく覚えたい 自分でサービス作ったり、会社や違う職種でも 色々と「基本」はおさえておきたい 今回はサイト制作に必要な「基本的な知識・情報」を、分かりやすいサイトを中心にまとめました。必ずおさえておきたいスキル・知識です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．HTML5 ２．CSS ３．レスポンシブ ４．配色 ５．視線誘導 / 心理学 ６．インターフェース / ユーザビリティ ７．SEO ８．ディレクション ９．アクセス解析 １０．WEBマーケティング １１．コピーライティング １２．ソーシャル １．HTML5 HTML5って何？ HTML5とは何かを簡単にまとめてみた - Yahoo! JAPAN Tech Blog Canvasについて知っておく
シルエット イラストの無料ダウンロードサイト「シルエットAC」
待たずにダウンロード まとめてダウンロード ダウンロード履歴 ダウンロード数制限解除 写真AC、イラストACもプレミアム ブックマーク機能制限解除 プレミアム会員について詳しく見る
それなりに稼ぐアフィリエイトサイトが完成するまでの全手順 - がん保険や医療保険のサイト | アフィリエイト野郎！
先週、このブログでもお披露目した「がん保険のアフィリエイトサイト」ですが、今回は、サイトの作成過程を記録して記事にしようと思っていたので、所々でサイトをキャプチャしておきました。 過去にアフィリエイトサイトの作り方については何度か書いていおり、基本的には、今でもアフィリエイトサイトの作り方【2012版】で書いたとおりに作っているのですが、デザイン込みの作り方を解説したことはなかったので、今回はなるべく詳細に書いていきたいと思います。 今回サンプルとして使うのは、「 はじめてガン保険」というサイトです。このサイトを見ながら解説を呼んでいくとわかりやすいと思います。なお、WordPressでサイトを作っています。途中WordPressの使い方については、解説が抜けるかもしれませんので、その際は、WordPressの使い方とカスタマイズをご覧ください。 あくまでサイトの作り方の手順ですので、アフ
[Wordpress]プラグインの見直しに。ポータルサイトで使用中のプラグイン24+2個 – devolen
ワードプレスで構築したポータルサイトに使用中のプラグインを24+2個紹介します。 不必要なプラグインがないか、見直しをしていたのですが、記事にして紹介することにしました。これを機会に、あなたのワードプレスで使用中のプラグインを見直してはどうでしょうか。 現在東大阪なびで使用中のプラグインを、簡単に説明をつけて紹介します。 「東大阪なび」は、地域情報ポータルサイトなのですが、 今回紹介するプラグインは、ポータルサイト以外でもとても使える便利なプラグインです。 各プラグインには一応リンクを貼っていますが、 ほとんどが自ワードプレス内のプラグイン検索をすると見つけられます。 WordPress日本語版で標準装備のプラグインも含め、計24+2個と多めですがどれも使えるプラグインです。 では以下より紹介していきます。 広告管理に最適。 AdRotate テキスト、画像、バナー等をローテション表示。
和のデザインに使える！国内商用可フリー素材・素材サイトまとめ
こんにちは、Kanaです。 日本らしい、和のデザインを担当したときに利用した素材サイトや、フリー素材をご紹介します。 和の雰囲気をもった無料で商用利用ができる素材って、そう多くはないんですよね…。 今後また和のテイストのデザインをするときのためにも、まとめておくべく記事にしました。 それでは、素材を提供してくださる方々に頭を下げつつ、ご紹介したいと思います。 商用可のサイトや素材を集めていますが、詳細な規約は、ご利用の際ご自身でご確認ください。 2014/12/10：素材サイトを追加しました。 イラスト素材和柄商用フリー素材 WArgo Pattern（ワーゴパターン） こちらの素材サイトは和素材が非常に充実しています。和風イラスト、和風写真、和柄パターンなど、和デザインを作るにあたり、欲しくなる素材がたくさん集まっています。 WArgo Pattern（ワーゴパターン） 季節素材 夢幻華
シンプルなダミー画像から、実用的なカスタマイズが豊富に用意されたダミー画像生成サービス -Cambelt
ダミー画像生成サービスの真打ちが登場したぞ、という感じです。 画像のサイズを表記したシンプルなダミー画像から、実用的なカスタマイズが豊富に用意されたダミー画像生成サービスを紹介します。 Cambelt Cambelt -GitHub Cambeltの使い方 Cambeltのデモ Cambeltの使い方 CambeltはRubyで作成されたオンラインサービスで、img要素のsrc属性にコードを記述するだけで簡単にダミー画像を配置できます。 HTML サイズ：300x200のダミー画像を生成。 <img src="http://cambelt.co/300x200" /> 下記は、Cambeltで配置したダミー画像です。 Cambeltのデモ デモではシンプルなのものから、実用的なカスタマイズを施せるものまで、たくさんあります。 まずは、シンプルなデモから。 ダミー画像のデモ：シンプル版 サイ
商用利用無料、むしろ奨励、ピクセルベースのシンプルなデザインのアイコン素材 -Modern UI Icons
ブログやウェブサイト・アプリでよく使用するものをはじめ、アプリ、チャート、天気、文具、ホビー、顔文字なども揃っているWindows Phoneをテーマに作成したアイコン素材を紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin
ミニマルでフラットがかわいい全300種のアイコン素材、PSDもAIもフォントも揃ってます -Metrize Icons
商用利用も無料で、ロイヤリティもフリーのテクスチャ素材集 -Texturemate