こんにちは、宇津井です。 弊社ではゲソてんというゲームプラットフォームを運営しております。ゲソてんではサービスリリース当初から主にキャッシュ的な役割でRedisを導入していました。つい先日の事ですが訳あってRedis 2.6からサポートされたRedis Sentinelを採用しました。今回は、採用に至った経緯をご紹介します。 簡単なシステム構成 パフォーマンスは良いし、Memcachedには無い便利な機能を提供するRedisですが約一年間運用していくつかの問題が出てきました。 Redisサーバーが突然高負荷に陥るするとWebサーバーも高負荷に陥るRedisのReplicationは張ってるけどアプリケーション側でRedis Slaveへフェイルオーバーしない(MySQLを直接参照する)Redis落ちると恐らくMySQLサーバーが耐えられない(落ちた事無いけど)という事で対策を行ってきました
Webサイトデザインの新しい流行が「フラットデザイン」になりつつある。Windows 8やWindows Phoneですでにその兆候があったが、Appleが発表したiOS 7のデザインでその流れは確実になった。iOSはモバイルデバイスやタブレットデバイスで過半数を確保し、バージョンアップ率も高く同分野において支配的なポジションにある。iOSがフラットデザインへ変更することはデザインの流行に強い影響を与える可能性が高い。 フラットデザインをまとめたサイトや、フラットデザインを実現するためのJavaScriptフレームワークなどの情報がDailyJSの記事「jQuery Roundup: Go Flat!」に掲載された。フラットデザインを実現するための資料サイトとして参考になる。 jQuery Mobileを採用している場合、「jQuery Mobile Flat-UI Theme」が最初のと
実寸大(単位は㎜)の定規を作ってみました。 手元に定規がない時、オークションやインターネット販売の商品がどのくらいの大きさなのか調べたい時等に便利です。
BootMetroはBootstrapをベースにWindows8のModern UI Style風にしたソフトウェアです。 ついにWindows8が発売になりました。機能的なことはもちろん、注目を集めているのはModern UI Style(旧Metro UI)でしょう。そんなUIをWeb上でBoostrapをベースに作られたのがBootMetroです。 デモサイトです。確かにWindows8 UI風です。 設定は右側に表示される仕組みです。 テーマを変更できます。 メニューは左側。 グリッド表示。 正方形のタイル表示。 テーブル。 Bootstrapの各種JavaScriptライブラリにも対応しています。 タブ表示。 追加機能は下に表示されます。 アイコンは多数用意されています。 BootMetroはBootstrapの機能性、汎用性の高さとModern UI Styleのシンプルな表示
html5jについて html5jは、HTML5などのWebプラットフォーム技術を使った「ものづくり」に関わるすべての人々を応援する、非営利・中立のコミュニティです。私たちは、日本のWebクリエイター・エンジニアのスキル向上をお手伝いして、日本が世界のWebシーンをリードするような存在になることを心より願っています。 html5jの活動 html5jはWebクリエイター・エンジニアの皆さんに対し、「つながる」「学べる」「盛り上がる」を合言葉とし、以下の活動を行なっています。 html5jメーリングリスト Web開発に関する話題について質問したり、共有したりするためのメーリングリストです。また、勉強会の告知なども行なっています。 html5jメーリングリストに参加する (Googleグループに移動) 投稿ルール HTML5などの技術やWeb開発に関する話題であれば、どんな内容でも構いません。
もともと、Appleが主にDashboardウィジェットの描画のためにWebKitに導入したCanvas API。サンプルコードと見比べながら、効率良く学習しよう Canvas APIの基礎 本連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。今回はHTML5のcanvas要素で使える2次元描画コンテキスト、俗にいう「Canvas API」を取り上げます。 Canvas APIは、もともとAppleが主にDashboardウィジェットの描画のためにWebKitに導入したものです。それがFirefoxやOpera、Internet Explorer(9以降)に実装され、現在はW3Cによって標準化が進められています。JavaScriptのメソッドで直接図形を描画するのが特徴で、ビットマップ画像の加工や、ゲームのようなインタラクティブ性の高いアプリケーションに向
todoyuはタスク、時間管理、カレンダーといった機能が備わったWebベースのプロジェクト管理ソフトウェアです。 企業においては複数のプロジェクトが同時に進行するなんてのはざらです。そして一人が複数のプロジェクトにまたがって活動しているケースも多々あります。そこで使ってみたいのが大型なプロジェクト管理、todoyuです。 管理者としてログインしています。 プロジェクト詳細です。 カレンダー(月表示)です。 連絡先です。 帳票管理です。 こちらはメンバーとしてログインしています。Todoやタイムトラッキングが表示されているのが特徴です。 タイムトラッキングはその場で修正できます。 フィードバックの一覧です。 主な機能はプロジェクト管理、タイムトラッキング、カレンダー、レポート、請求書、タスク管理、コンタクト管理となっています。UIが特徴的なので最初に慣れるまでは時間がかかるかも知れません。管
以前、ミニマルデザインの映画ポスターの記事を紹介して大人気となりました。それに便乗するわけではありませんが、今回はミニマルなデザインのウェブサイトを35集めて紹介した記事を。 — SEO Japan sachagreif radoorco kicktable thomasrobin socialwear captaindash theworkcycle crafft alexandermunk sam.brown lisidesign strbk adonit goliathsportswear dwd mikesmart bindacademie svenjohan brandonhawthorne xctravels lomography lamoulade computergraphics joshsullivan danielhritzkiv calepino wanda kyan
PHPの実行環境をPaaS型クラウドとして提供している「PHP fog」はブログで、いままで6カ月だった無料サービスの利用期間を、永久に無料のままにすると発表しました。しかも3つのアプリケーションまで無料にするとのこと。 もちろん無料で使えるリソースの範囲はそれほど大きくありませんが、PHPアプリケーションを自由にデプロイできるため、例えばWordpressを入れて自由にブログを運営する、といったことができるはず。 実はPHP fogだけでなくPaaS型クラウドでは無料でずっと利用できるコースを設定しているサービスがいくつもあります。この機会にまとめてみました。 PHP fog まずはそのPHP fog。名前の通りPHPの実行環境をクラウド上で提供します。MySQLデータベースもあらかじめ用意されており、WordPress、Drupal、Sugar CRM、Joomlaといった有名どころの
import io.vertx.core.AbstractVerticle; public class Server extends AbstractVerticle { public void start() { vertx.createHttpServer().requestHandler(req -> { req.response() .putHeader("content-type", "text/plain") .end("Hello from Vert.x!"); }).listen(8080); } } import io.vertx.core.AbstractVerticle class Server : AbstractVerticle() { override fun start() { vertx.createHttpServer().requestHandler {
※超今更です。今更UXかよと言われそうで恥ずかしいんですが、まだまだUIとUXが混同されがちだなーというのと、じゃあUXって必要なのかよ?というモヤモヤを整理したいなと思い書きました。 UXデザインとは まず前提ですが、UX(User Experience)デザインとは、 ユーザーエクスペリエンス(UXと略記されることが多い)とは、ユーザーがある製品やシステムを使ったときに得られる経験や満足など全体を指す用語である。ウェブ上での商品販売などソフトウェアやビジネスに関連して使われることが多いが、インタラクションデザイン全般に適用される概念である。例えば自動音声応答装置は貧しいユーザーエクスペリエンスをもたらすデザインとしてよく引き合いに出される。VIA:Wikipedia と、あります。 ユーザーエクスペリエンス=直訳するとユーザーの経験・体験と翻訳されますが、ユーザーが満足するかしな
Facebookが大規模スケーラビリティへの挑戦で学んだこと(前編)~800億枚の写真データとPHPのスケーラビリティ問題 全世界で3億人を超える会員を抱え、世界最大のSNSとなったFacebook。同社の巨大なシステムは、3つのデータセンターにある約3万台のサーバと、PHP、C++、Memcache、MySQLなどのソフトウェア群によって支えられています(同社のデータセンターの巨大さは、記事「3億のユーザーを抱えるFacebookのデータセンター。移動は自転車、希望は100Gbイーサネット 」を参照)。 同社の技術担当バイスプレジデント Jeff Rothschild氏は、Facebookが実現している大規模なスケーラビリティを、いかにしてこれらのソフトウェアで実現しているのか、10月8日に米カリフォルニア大学サンディエゴ校で行ったセミナー「High Performance at Mas
私が仕事で Web制作をする時に、よく利用させてもらっている jQuery のプラグインをまとめてみました。ライセンスは MIT、GPL のものばかりです。デザイン、レイアウト的に汎用性のあるものになっています。また、IE 特有のバグ(透過PNGの黒ずみなど)対策についても少し触れてみました。 Webサイトを作る時に、何かとお世話になっている jQuery のプラグイン。HTML と CSS だけでは表現できないことも、Javascript を使うことでいろいろできるようになりますよね!インターネットを見ていると、本当にたくさんの jQuery のプラグインが公開されています。feed を読んでいても、1日一個くらいは新しい jQuery のプラグインに出会います。どれを使ったらいいか迷うくらい … 。 今回は、そんな数ある jQuery のプラグインの中から、 私がクライアントワーク(仕
Online reStructuredText editorはWebブラウザ上でreStructuredTextを記述できるソフトウェアです。 最近は様々なテキスト記法がありますが、その一つがreStructuredTextです。記法にまだあまり慣れていない、そんな方でも気軽に記述できるようになるのがOnline reStructuredText editorです。 メイン画面です。左がエディター、右が変換された後の文書が表示されます。 サンプルの記述です。ツールバー部分のボタンを使うと記法が自動で挿入されます。 リアルタイムのコードチェックも入っています。 日本語も問題なく扱えます。 リストを使ってみました。リストの自動挿入などはありません。 Natureに切り替えるとCSSを当てた見栄えになります。 対応しているマークアップは見出しや文字装飾、リスト、画像やリンクの挿入など多数あります
esoTalkは格好いいUIの掲示板ソフトウェアです。 Webコミュニティの基本と言えば掲示板です。2ちゃんねるからphpBBをはじめ、多数の掲示板ソフトウェアが存在しますが今回紹介するのは最近のスタイルを活かしたesoTalkです。 スレッド一覧です。 スレッド詳細です。 新規登録します。 登録すると既読管理ができるようになります。 タグで絞り込んだりできます。 返信用ボックスです。 esoTalkはスタイリッシュな見栄えに加えて、JavaScriptを使った各種アニメーションが特徴となっています。実際使ってみると、その使い勝手の良さが分かるはずです。 esoTalkはPHP製のオープンソース・ソフトウェア(GPL v2)です。 MOONGIFTはこう見る インターネット上のサービスは流行り廃りがありますが、それでも2ちゃんねるは根強く生き残っています。コミュニティサイトは一度形成される
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く