LAMPに代わる構成として注目のMEANスタックの基礎知識とインストール、ひな型作成：MEANスタックで始めるWebアプリ開発入門（1）（1/3 ページ） MEANスタックを用いたWebアプリの開発方法について紹介していく連載。初回はMEANスタックの特徴と構成要素MongoDB、Express、AngularJS、Node.jsの概要、インストールの仕方とひな型の作成方法を解説。 連載目次 今でもよく使用されていますが、以前からWebアプリ開発ではLAMP環境がよく使用されていました。LAMPとは、一般的なWebアプリを開発するのに人気の高いオープンソースソフトウェアを組み合わせたもので、以下を用いたシステムのことです。それぞれの頭文字を取って「LAMP」と呼ばれています（参考）。 OS：Linux Webサーバー：Apache HTTP Server データベース：MySQL プログラ

「バブル期の日本」と「シリコンバレーなう」の共通点：プログラマ社長のコラム「エンジニア、起業のススメ」（10）（1/2 ページ） シリコンバレーでは今、二流エンジニアたちがオフィスの卓球台の周りで多忙ぶりを嘆き合っている。その姿はまるで、バブル時代のニッポンのサラリーマンのようだ。 連載目次 私が初めて日本に来たのは、1980年台後半のバブル全盛期だった。 誰も彼もがジュリアナで踊り、「『NO』と言える日本人」が話題だった。日本車や日本製の電化製品が世界市場を席巻し、西側諸国は日本の労働市場に羨望（せんぼう）のまなざしを向けていた。日本人従業員は教育レベルが高く、規律正しく、信じられないほどの働き者として有名だった。 労働現場の実態 その勤勉な国で働くことになり、私がどんなに困惑したか、あなたに想像できるだろうか？ 私が働いていたのは、日本の大手IT企業だった。同僚たちは9時の定時前に全員

無料でLINEやSkypeのようなリアルタイムアプリが簡単に作れるSkyWay：HTML5アプリ作ろうぜ！（10）（1/2 ページ） HTML5関連のPtoP技術通信として注目のWebRTCを、JavaScriptだけで手軽に使えるプラットフォーム「SkyWay」と、その中核となるライブラリ「PeerJS」の概要と基本的な使い方を解説します。

FoursquareやPinterestなど日本でもユーザーの多い米国スタートアップ企業のメール配信に採用されていることで知られる米SendGridは、2013年12月から日本での本格展開をスタートした。PaaSサービスとの連携もできる。 FoursquareやPinterestなど日本でもユーザーの多い米国スタートアップ企業のメール配信に採用されていることで知られる米SendGridは、2013年12月から日本での本格展開をスタートした。日本国内の窓口は構造計画研究所が担う。同社では、既に日本語のWebサイトを開設しており、サポート業務をスタートしている。また、開発者向けに、API操作などのドキュメントも日本語で提供する。 課金方法は月額で、リスト数ではなく実際の送信数で算出する。月次6000通までは無料。以降、ブロンズプラン（4万通まで、1180円／月）、シルバープラン（10万通まで、

米Amazon.comは、ネット通販サイトなどがAmazonユーザーのアカウント情報を利用して決済できるサービスを提供すると発表した。 米Amazon.comは2013年10月8日、ネット通販サイトなどがAmazonユーザーのアカウント情報を利用して決済できるサービス「Login and Pay with Amazon」を提供すると発表した。 通販業者などが同サービスを利用すると、ユーザーはAmazonに登録済みの情報でログインし、そのサイトで買い物ができるようになる。この機能をサイトに組み込んでバックエンドシステムと連携させるためのウィジェットとAPIも提供する。料金は決済額と決済件数に応じた従量制となる。 Amazonによれば、通販サイトの多くがユーザーに専用アカウントの作成を奨励しているのに対し、買い手のほとんどはユーザー登録の手間を嫌う傾向にある。このため登録済みの情報を使って決済

box-shadowで表現する、「セミフラット」なズルいデザインテクニック：ズルいデザイン（3）（1/2 ページ） 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな

「Twilioって何？ そもそも何て読むの？」という人は、前回を見てね 前回の「TwilioとRailsで作る、電話でテキスト読み上げアプリ」では、Twilioについての概要、Twilioのアカウントの登録手順、そしてAndroidアプリに組み込む初歩ということで「入力されたテキストを読み上げるアプリ」を実装しました。 今回はTwilioを使ってLINEやcomm、カカオトークなどのような通話アプリを作る方法を紹介します。 今回のレシピ Twilioサービス クライアント Android SDK（APIレベル8＝Android 2.2以上） Twilio Client SDK for Android サーバ Ruby 2.0.0-p195 Rails 4.0.0 twilio-ruby jquery-rails sqlite3 pg（ruby-pg） turbolinks therubyr

「Vagrant」って何ぞ？（・o・）：Vagrant開発者 Mitchell Hashimoto氏に聞いた 仮想の開発環境作成ツールとして人気が高まっている「Vagrant（ベイグラント）」。その開発者であるMitchell Hashimoto（ミッチェル　ハシモト）氏が来日するとの情報を聞き、2013年7月12日、VOYAGE GROUPで行われたミートアップに駆け付けた。 「Vagrant」とは Vagrantとは、違う環境に移行可能な開発環境を簡単に構築・管理し、配布することができる開発環境作成ツール。「ほんの数行書くだけで開発用の仮想マシンを構築できる」という優れものだ。 Vagrantのビジョンは、「開発者とシステム管理者にとって最高の『開発フロー』を提供すること」。Vagrantをダウンロードして「vagrant up」と入力し、実行するだけでそれが可能となる。 システム管理

Web Componentsとは 本稿では、Google I/O 2013の中から、「Web Components」に関するセッションをレポートする。 「Web Components」は、簡単にいうと、Web（HTML）をコンポーネント化するための仕組みで、再利用性やメンテナンス性、開発効率を上げるのに大きな効果があるといわれている。 今年のGoogle I/Oでは、次の2つのセッションでWeb Componentsについて解説があった。 Web Components: A Tectonic Shift for Web Development（Google Chromeチーム 開発者Eric Bidelman氏） 資料：http://www.WebComponentsshift.com/ 「Web Components: A Tectonic Shift for Web Developme

「スタートアップはかっこいい」、そんな風潮がなんとなく身の周りで高まっている。最近では、スタートアップ企業が集まるイベントやワークスペースにも、多くの人が集まるようになった。そんな中、起業家であり投資家でもあるニルス・ジョンソン（Nils Johnson）氏は、強いメッセージを発信する――「スタートアップが『かっこいい』というのは、リクルーターによるブランディングメッセージにすぎない」。 7月2日、Open Network Spaceで行われたミートアップで、筆者はBeautylish共同創業者であり投資家のニルス氏に話を聞いた。 ニルス氏は、美容に関する商品やメイクアップ技術などを紹介する電子商取引サイト「Beautylish」を運営する一方で、投資家として立ち上げから間もない10社以上のスタートアップ企業へ出資も行っている。これまでに投資した企業は、Dropboxが買収したMailbo

作る側の都合でUI/UXを悪くしないための注意点まとめ：スマホ向けサイト制作で泣かないための秘伝ノウハウ（終）（1/2 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。最終回は、サイトに載せるべきコンテンツはどんなものが良いのか、2つのコンテンツ例レスポンシブWebデザインとユーザー体験の関係、技術／デザイン面で気を付けることなどを紹介します。 スマートフォン向けWebサイト構築の注意点総括 こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「いまさら聞けないCSS3入門＆スマホ対応6つの問題点」では、スマートフォン向けWebサイト上でのCSS実装上の注意点と、機種依存事例を紹介しました。 今回は、K

「DB」「要件定義」が通じない？ 顧客の知識レベルを探る：ITエンジニアの市場価値を高める「営業力」（8）（1/2 ページ） 「相手の役に立つことを言う」「相手の知らなかったことを言う」「相手の好奇心を満たすことを言う」からなる三大発信方針は、心掛けるだけで、顧客のあなたに対する印象が良くなる（つまり、市場価値の向上につながる）というものです。 当たり前のことのように思えますが、これらを意識して心掛けているという人は、私の知る限りほとんどいません。なので、心掛けるだけでも差別化につながります。 では、どうすれば心掛けていることが相手に伝わるのでしょうか？ 適切な質問ができればいいのです。適切な質問ができない限り、相手の役に立つことが何なのか、相手が知らないことが何なのか、相手が興味を持っていることが何なのかは、一つとして分かりません。 三大発信方針を心掛けている人は、まず「この人は心掛けて

HTML5向けのゲームエンジンとして国内で知名度を上げて来たenchant.jsのブース出展としては今回が2回目。 残念ながらセッションを取材する時間は取れなかったが、その分、ブースに集まって来たさまざまな情報から、次世代ゲームのあるべき具体像が明確化してきた。 1. かつて億単位のライセンス料が必要だったハイエンドゲームエンジンが原則無料で使用可能に 今回、PS4の発表に合わせてUnreal Engine 4（以下、UE4）やCryengineなどハイエンドゲーム向けのゲームエンジンのバージョンアップが多数発表された。 UE4はPS3、Xbox360世代でデファクトスタンダードの地位を確立したUnreal Engine3の正統的なバージョンアップで、新世代のハードウェアに対応した機能が多数搭載された。 CryengineはCrytechのゲームエンジンで、こちらもハイエンドゲーム向けだが

本連載では、Life is Tech ! が主催するイベント「Edu×Tech Fes 2013 U-18～驚異のプレゼンテーション～」をレポートする。Edu×Tech Fes 2013 U-18は、テクノロジーから教育を考え、教育からテクノロジーを考えるイベント。天才中高生が語るゾクゾクする3時間を、全7回の連載でお届けする。 山本氏は、3～4歳のころからCGに興味があり、Pixarの映画が大好き、将来は「Pixarでアニメーション映画を作りたい。そして、夢の大切さを世界に発信したい」と語る。千葉県立千葉中学校に入学後、中学のゼミでCGの研究を始めた。ゼミでは、デジタルハリウッドや日本のPixarを目指すマーザ・アニメーションプラネットで働く人の話を聞き、研究発表を行った。すると、ある先生が全校生徒の前でこんなことを言ったという。――「CGなんかの研究をして、何の社会貢献になるんだ」――

タッチ操作でアプリ開発ができる！「TouchDevelop」とは TouchDevelopはMicrosoft Researchが提供しているタッチデバイス向け開発環境です。発表当初はWindows Phone上で動作するアプリでWindows Phoneアプリを開発するものでした。 しかし、現在はWebブラウザ上で開発ができるツールになったので、非常に多くのデバイスで開発ができます。また、開発できるプラットフォームとして、Windowsストアアプリ、Windows Phoneの2種類がありますが、Webブラウザで開発・実行できるため、HTML5アプリとしても動作可能です。いずれにせよ、タッチ対応のアプリをタッチ環境で開発できます。 Microsoft ResearchのNikolai氏のブログによると、以下のデバイスに対応しているようです。おそらく、いまこの記事を読んでいるそのデバイスで

最近、ものづくりに注目が集まっている。Webサービスの開発を行っている人たちの間でも、Arduinoなどを組み合わせ、プログラムと連動させて、実際に動くものを作る人が増えてきた。 ものづくりのポイント、設計からテスト、そして資金集めまでを知ることができる「みんな何かの作り手だ～Makerからメーカー、クラウドファンディングまで～」をレポートする。 このイベントは、鳥人間がおばかアプリ選手権2012夏に出場し、見事「いいニャ！」で、Web CAT Studio賞を受賞した副賞として、Web CAT Studioが開催したものだ。ものづくりを始めて、量産に着手した3名が登壇し、自分たちの経験を語った。 みんな何かの作り手だ～ソフト屋がハードを作って売って分かったこと～ 鳥人間は、Facebookの通知を教えてくれるガジェット『NOTICE』開発を、STROKEを開発したBsizeの八木さんと、

第10回　iPhoneユーザーのためのWi-Fiスポット切り捨て設定術：Windowsネットワーク管理者のためのiPhone／iPod touch入門（1/2 ページ） 外出先でWi-Fiスポットに接続できたと思ったら3Gより遅い…… そんなWi-Fiスポットへ、iPhoneが自動接続しないようにする設定方法を解説する。 連載目次 最近、外出中にスマートフォンが公衆無線LANサービス（Wi-Fiスポット）のアクセス・ポイントを検出することがとても多くなった。だが、見つかったWi-Fiスポットに接続しようとすると、思いのほかログインに時間がかかり、その間はほかの作業ができなかったりする。また接続できても通信速度は3G回線より遅いこともよくある。もう面倒なので外出中はWi-Fiをオフにしよう…… これは2012年4月に公開した弊誌4コマ・マンガ「がんばれ！アドミンくん」の第310話「Wi-Fi

基幹系システムでCloud SQLは使えるか試してみた：Google Cloud SQLは基幹系で使えるのか（後編）（1/4 ページ） 生産管理システムで「再帰呼び出し」の速度を検証 グーグルはGoogle App Engine（以下、GAE）から利用できるRDB（MySQL）の「Google Cloud SQL」（以後Cloud SQL）の提供を“Limited Preview（限定プレビュー）”としてアナウンスしています。前回の「」では、ローカル環境でCloud SQLを動かすための準備・設定などを中心に見てきました。今回は、下記の3つのポイントを中心に見ていきます。

連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。