今後のWeb開発の未来を考えて AngularJSにしました ~とあるSIerの場合~ いまや最も優れたJavaScriptフレームワーク「AngularJSリファレンス」出版記念イベント発表資料 http://angularjs-jp.doorkeeper.jp/events/14893Read less

こんにちは。PR TIMESエンジニアの落合です。 前回の記事(Chefを使ってサーバー構築運用！ PR TIMES導入編！ - BREAK TIMES)で、 Chefの簡単な概要と、導入方法を簡単に解説させていただきました。 今回は、具体的なChefの活用法と構築方法をご紹介させていただければと思います。 PR TIMESにおけるChefの活用について 現在PR TIMESでは、開発環境、ステージング環境、プレビュー環境、本番環境が存在しています。 それぞれ、開発環境・ステージング環境には、WEBとDBが入っており、プレビューと本番環境では、 WEBとDBで別のサーバーを使用しています。 これらを上記の図のように、Windows上の作業マシンからknife-soloを実行して、 本番への適応を行えるような仕組みの構築を進めています。 それでは、実際にどのように、構築を進めているかをご紹介

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

クラウドファンディングという言葉を聞く機会が増えてきました。クラウドファンディングとは製品や作品を作りたいイノベーターやクリエーターが、インターネットを通じでアイデアを公開、アピールし、それを見た人々に資金を提供してもらうという仕組みで、クラウドファンディグサービスの草分けとも言える米国のKickstarterでは、2014年3月時点で出資総額が1000億円を超えています。 世界銀行の調査によると、クラウドファンディングの市場規模は2025年には960億ドルになり、そのうち半分の460～500億ドルは中国が占めると予測されています。 衆籌網（Zhongchou.cn）は中国最大のクラウドファンディングサービスで、創設者の盛佳（Sheng Jia）は清華大学でコンピューターサイエンスを学び、Google本社でグローバル商品検索のプロジェクトマネージャー等を歴任、2013年2月正式にサービスを

QQやWeChat(中国名：微信)などのサービス名は知っていてもテンセントの社名や事業内容を知らいない人は意外と多いのではないでしょうか？ 中国の上場するIT企業の中でアリババに次ぐ時価総額、約15.3兆円(1,400億ドル)を誇る巨大企業です。日本の時価総額1位がトヨタ自動車で約21.5兆円。2位がソフトバンクで約8.9兆円(2014年10月3日時点)なので、テンセントはちょうどトヨタとソフトバンクの間の規模の会社となります。 企業概要 社名：深圳市騰訊計算機系統有限公司 本社所在地：中国シンセン 設立：1998年11月 売上：約1兆円 社員数：約2.5万人 主要サービスは？ QQ 1999年にサービスが開始された中国最大のユーザー数を誇るコミュニケーションサービス。登録ユーザー10億人、月間アクティブユーザー数は8億人を超えています。 ビジネスシーンでの利用でも広く普及しており、ECサ

中国国内で発展している都市は上海などの大都市がどうしてもフォーカスされがちですが、近郊都市や地方都市もあなどれません。 これまでは中国の三大都市と言えば「上海」「北京」「広州」の三都市。しかし、高い経済成長率を維持している地方都市もマーケットとしての魅力は日に日に増しています。今回は急速に発展する地方都市の中で、上海の近郊都市である「蘇州」について取り上げます。 立地と都市の概要 江蘇省の南東部に長江デルタ地域に位置し、江蘇省の経済の中心として栄えています。 蘇州は「東洋のベニス」と呼ばれ、いたるところに運河が流れる観光都市としても有名です。 蘇州古典園林（歴史ある庭園の総称）は世界遺産にも登録され、その中の「拙政園」と「留園」は中国四大名園の二つに数えられています。 そんな歴史的な街である一面、中国最大の経済都市である上海からの距離は約100km。 その立地を活かし、蘇州政府は90年代か

「入乡随俗」。郷に入っては郷に従えという意味の中国の4文字熟語です。 やはり現地で成功する鍵は、地元企業の成功要因から学べることは多いのではないのでしょうか？ 本日は中国人なら誰でも知っている火鍋チェーン「海底捞」を取り上げたいと思います。 火鍋って何？ 内モンゴル発祥といわれている中国伝統の鍋料理で肉や魚介類、野菜をスープで煮て食べる。 一人当たりの平均客単価は約30～100元(500円～1,600円)くらい。 写真のような鴛鴦火鍋(ユエヤン)と呼ばれるピリ辛スープと白湯スープに分かれたものが一般的。 中国外食企業トップ10社のうち4社を火鍋チェーンが占めるほど中国の外食文化に根付いている。 海底捞は日本にも進出している小肥羊などの大手チェーンよりも後発であったが毎年30％以上の成長率で急拡大している。 海底捞火锅の概要 社名：四川海底捞餐飲股份有限公司 設立：1994年 創業者：张勇(

2014年6月時点で中国のモバイル（スマホ・タブレットなど）ネットユーザー数は6億3200万人を突破、日本とは全く違った経済圏が作られており、驚かされるのはそのユーザー数です。近年では中国国外への進出も増えており、海外の市場では日本企業にとって強力なライバルとなる可能性があります。人気スマホアプリを見ながら中国のIT業界の動向を押さえておきましょう。 今回はカテゴリー別に注目のアプリ30選を3回に分けてご紹介します。 なお中国ではスマホアプリは「App」と呼ばれます。 ■SNS 微信（英語名：WeChat） 2011年1月にサービス開始後、ロイター通信によれば月間アクティブユーザー数は4.4億人を突破。基本的な仕様はLINEと同じで、メッセージやスタンプを送ったりすることが出来るほか写真や動画の送信、音声通話、ビデオ通話機能もある。 また、LINEには無い機能としてGPSを使って近くにいる

今回は前回に引き続き、中国の人気無料スマホアプリ30選の中編です。 前編はこちら 後編はこちら ■ショッピング 淘宝（英語名：Taobao） 4億人以上のユーザーが使う、中国最大のECサイトTaobao（中国語名：淘宝網）のアプリ。Alibabaグループが運営しており、2013年の取扱高は約18.2兆円。これはAmazonの約7.5兆円、楽天の約1.8兆円を遥かに凌ぐ。2013年11月11日（中国では独身の日として、家でネットショッピングをしようと大々的にキャンペーンを行った）には1日で5600億円を売り上げ話題になった。 ■決済 支付宝銭包（英語名：Alipay） Alibabaの運営するオンライン決済サービス、2013年末時点でユーザー数は3億人を突破、 事前に銀行口座を登録し、支払い時に使った額が引き落とされる。タクシーやレストランでの支払い、公共料金の支払い、オンラインショッピング

今回は前回に引き続き、中国の人気無料スマホアプリ30選の後編です。 前編はこちら 中編はこちら ■旅行 携程旅行（英語名：Ctrip） 2億人以上のユーザーがダウンロード、アクティブユーザー1億人超、中国シェア第1位の旅行ポータルサイト携程旅行網（Ctrip.com）のアプリ。観光地の口コミ情報や、入場チケット、エアチケット、ホテル、団体旅行のプランなどの検索、予約、購入などが出来る。運営会社のCtripは2003年12月にアメリカNASDAQに上場。2013年の売上高約895億円。売上の約80%がホテルと航空会社からの手数料収入である。 去哪儿（英語名：Qunar） 日本語の読み方はチューナー、中国シェア第2位の旅行ポータルサイト去哪儿網（Qunar.com）のアプリ。ユーザー数は5000万人を突破。運営会社のQunarにはBaiduが50%以上出資している、2013年11月にNASDA

Material Design for Bootstrap 5 & Vanilla JavaScript Standard Bootstrap version built with plain JS (but works also with jQuery)

2014年9月19日中国のIT企業アリババがニューヨーク証券取引所に上場しました。資金調達額は史上最大規模の約2.7兆円にのぼり、日本でも話題になりました。アリババの上場により創業者ジャックマーの保有資産は250億ドルで中国1位の富豪となり、5位で同じくIT企業 Tencent創業者の馬化騰181億ドル、6位の検索サービスBaidu創業者の李彦宏175億ドルなどと共に、中国ではIT企業の成功者たちがチャイニーズドリームの体現者となっています。 ではこのアリババ創業者のジャックマーとはどのような人物なのでしょうか。 今回はジャックマーのあまり知られていない「成績の悪かった幼少時代」、「創業メンバーだった妻」、「数回にわたる事業失敗」の3つのエピソードをご紹介します。 エピソード１：成績の悪かった幼少時代 ジャックマーは1964年中国浙江省杭州市の生まれで、両親は「評弾」と呼ばれる伝統芸能のパ

アイデアは面白いのに、どうもダサかったり、UIがわかりにくかったりするWebサービスに出会ったことはないだろうか。 それはもしかすると、デザインを知らないエンジニアが、ふわっとした感覚と印象で作っているからなのかもしれない。そんなエンジニアでも、デザインのセンスを身につけることはできるのだろうか？　プログラマー向けにデザインを教える“デザインメンター”赤塚妙子さんに話を聞いた。 プログラミングを学んだデザイナーが始めた“デザインメンター業“ 今年の1月から“デザインメンター業”を始めたフリーランス デザイナーの赤塚妙子さん。美大を卒業後、デザイン事務所に就職。その後、Webの世界へ足を踏み入れ、今ではRuby on Railsの開発に参加するまでになった。 「自分がプログラミングを覚える中で、デザイナーとプログラマーが歩み寄る感じが面白くって。デザイナーがプログラミングを覚えることはあるけ

テキスト編集にVimを利用しているのですが、とても奥が深い道具なので一人で使う分には気づかない機能が沢山あります。 日頃職場の先輩方から教わりとても効率的に出来るようになったVimのtipsを、いくつかこの記事にまとめます。 知ってる人は既に使いこなしているものばかりだと思いますが、Vimのそんな便利だけど気付きにくい機能を共有できればと思います。 カーソルの位置を移動する直前に戻す うっかりggしてしまい作業場所を見失ってしまった、という時や検索などによってカーソル位置を変更した時に元の位置に戻りたい、ということはよくあります。 こういった移動履歴はジャンプリストと呼ばれる場所に記録されているので1手で戻る事ができます。 これはバッファ内だけでなく、ファイル間の移動を記録しているため、タグジャンプなどで別のファイルに移動した後も元いた場所に戻ることが出来ます。 参考help: :h CT

Webデザインのトレンドを知っておくことは、今そしてこれからWebサイトを制作する上で非常に大切な情報です。廃れていくものを採用するのではなく、今求められているもの、これから伸びるものを取り入れることで、Webサイトは長く幸せな時をおくることができます。 現在のWebデザインのトレンドと制作動向を知り、これからの傾向を探ったまとめを紹介します。 Improving on Existing Web Design Trends 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 トレンドを探るキーワードは全部で、26個。 デザインはより時間をかけ、コーディングはより少なく オープンソース よさそうに見えるWebデザイン ミニマリズムの進化 スクロールが好まれ、クリックは減少傾向 テキストはより少なく 明るい爽やかなカラー ユーザー目線 シンメ

インフラストラクチャー部の成田（@mirakui）です。 Rails の OR マッパーである ActiveRecord ですが、みなさんどのように運用していますか？ ActiveRecord を使うと、 SQL を直接扱うことなく、抽象化された表現で RDB にアクセスできるので、アプリケーションの開発効率という観点ではメリットが大きいです。 一方で、 ActiveRecord が駆使されているアプリケーションをサーバに配置してプロダクションとして運用する立場からすると、いくつかの問題に突き当たります。 まずはクックパッド本体アプリケーションにおける、最新の rake stats をご覧ください。 +----------------------+-------+-------+---------+---------+-----+-------+ | Name | Lines | LOC

仕事柄、奇妙なDB構造を目にすることが多い。どういう発想からそんな設計がされるのかを理解したいと思っていたのだが、モデラー仲間の秋里さんが先日うまい指摘をした。「主キーをインデックスみたいなものと勘違いしているからではないでしょうか」。インデックス（キー）というのは、レコードの並び順を規定するキーのことだ。 たしかに思い当たる節がある。「こんな順にレコードが並んでいれば処理上都合がよさそうだ」という考えで主キーが設定される。さらに主キーはユニーク制約でもあるので、重複が起こらないように「多め」に項目を突っ込んでおく。つまり「ユニーク制約をともなう代表的インデックス」程度に主キーが理解された結果として、グダグダなDB構造が出来上がるのではないか。 じっさい、昔こんなことがあった。{a,b,c,d}の複合主キーをもつテーブルＸがある。ところが、別のテーブルＹからテーブルＸの特定レコードにアクセ

「全体のリソース効率を上げましょう」というためのものである。 Reverse Proxy がなぜ必要か - naoyaのはてなダイアリー これは完璧に正しくて、ただ「リソース効率」という概念はあまり具体的な想像が追い付かない人がいそうだなと思ったので、ちょっとだけ補足しようと思った。 Reverse Proxyを入れることでリソース効率の向上を狙うんだけど、それは以下のような複数の場面におけるそれぞれのリソース効率向上を複合的に狙うものだ。 通常時のトラフィック配信におけるCPU・メモリ使用率を最適化する バースト時(過負荷時)のトラフィックをより細かく制御可能とする 障害時におけるダウンタイムおよび総合的な計算・配信能力の低下を極小化する 多数のサーバによる構成全体を増強・入れ替え・移動あるいは削減する際の自由度の向上を狙う 簡単にコンピュータの性能だけで言うと最初の項目だけをリソース効

Randen Pederson 大規模なシステムであれば使っているであろうリバースプロキシ。 セキュリティや稼働率の観点からみて利用することは非常にメリットは高いです。 ただ、社内や周りであまり知見がなく、 「動くからいいや」という理由でApacheをそのままWebサービスの一次受けとして利用されている方も多いと思います。 動くという目的からすれば確かにその通りですが、ただ一枚リバースプロキシを入れるだけで ぐっと運用効率、稼働率も拡張性も上がります。 1. ルーティング処理の簡略化 例えばRESTfulな一般的なAPI構成を作りたいと思った時に以下のようなURL構成になると思います。 http://api.something.com/search/v1/item/list.json?cid=xxxx&gid=xxxxx もしアプリケーション側のルーティングしか知らなければframewor

こんにちは、工藤です。 今回はテーブルデザインについて参考にしたいものを集めました。 簡単なようで結構悩んでしまうんですよね・・。 Oranges In The Sky http://icant.co.uk/csstablegallery/tables/39.php 名前の通りグレーを基調にリンクにオレンジと青を使ったテーブルです。 こちらのサイトでは右上にあるデザイン名からCSSを参照することができます。 Nimbupani http://icant.co.uk/csstablegallery/tables/42.php 黒を基調に、リンクに青色を使っているテーブルです。 英語だからいいのかもしれないのですがスタイリッシュなテーブルです。 Casablanca http://icant.co.uk/csstablegallery/tables/71.php グレーと赤を使ったテーブル。色