タグ

ブックマーク / dev.classmethod.jp (98)

  • Node + Socket.IO で簡単なチャットアプリの作成 | DevelopersIO

    こんにちは、うえじゅんです。 今回はタイトル通りNodeとSocket.IOを使って簡単なチャットアプリを作ってみたいと思います。 「Node」のインストール インストールはとても簡単です。 公式サイトからダウンロードしてインストールするだけです。 (確認した環境はMacです) インストールが完了したらターミナルで「node -v」と入力して「v0.8.12」と表示されていれば無事成功です。 ついでに「Express」もインストールします 。 ターミナルで以下のコマンドを実行してください。 (エラーが出る場合は、「sudo」をつけてみてください。) 「Express」 npm install -g express インストールが終わったらこちらもバージョンを確認しておきましょう。 「express -V」で「3.0.0rc5」と表示されたら成功です。 プロジェクトの作成 ターミナルで「ex

    Node + Socket.IO で簡単なチャットアプリの作成 | DevelopersIO
  • Amazon EC2(Linux)システム管理で知らないとハマる5つの環境設定 | DevelopersIO

    ども、大瀧です。みなさん、EC2をバリバリ使ってますか?使いたいときにすぐ使える仮想マシンとして、開発・検証から番まで幅広く活用されていると思います。 日頃EC2を業務で運用する中で、EC2インスタンスをコピーすると意図しない環境設定に変わってしまうというトラブルが度々あり、cloud-initというツールに拠ることがわかってきました。 「EC2インスタンスのコピーなんて、一旦インスタンスを作成したあとはあまりやらないのでは?」と思われがちですが、EC2独特の制限などもあり、実際の運用では思ったよりも頻繁にインスタンスのコピーが必要になります。インスタンスのバックアップ&リストアなどはイメージしやすいと思いますが、それ以外にも意外なケースとして以下があります *1。インスタンスのコピーは、AMI(Amazon Machine Image:インスタンスのバックアップ)を取得し、新規インスタ

    Amazon EC2(Linux)システム管理で知らないとハマる5つの環境設定 | DevelopersIO
    pinkroot
    pinkroot 2014/02/07
  • node.jsのいろいろなモジュール47 – 次世代フレームワーク「koa」 | DevelopersIO

    koaフレームワーク koaとは、より小さく/より表現的に/より堅牢に を目標に、Expressの開発チームよって新たに開発されているフレームワークです。 Nodev0.12で新たに導入されるgenerators/yieldの機能を利用して、ミドルウェアの仕組みや簡単なエラー処理を実現しているようです。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.9 Node.js : v0.11.9 サンプルアプリ作成 Node v0.11.9〜をインストール 先程もいったように、koaはNodev0.12以降の新機能であるyieldを使用しているので、まずは開発版のNodeをインストールする必要があります。 Nodev0.11.9以降のNodeをインストールしていない人は、下記のようにインストールしましょう。 ここではnvmを使用してNodeをインストールす

    node.jsのいろいろなモジュール47 – 次世代フレームワーク「koa」 | DevelopersIO
  • Kuromojiで日本語全文検索 – AWSで始めるElasticSearch(1) | DevelopersIO

    はじめに 初めまして、ブロガーとして出張してきました@smokeymonkeyです。 今回、AWS上にElasticSearchを導入し、試行錯誤した結果をまとめてみました。シリーズものとして何度か続けていきたいと思いますので、どうぞ宜しくお願い致します。 ElasticSearchとは Apache v2ライセンスで公開されているオープンソースソフトウェアであり、全文検索エンジンであるLuceneを使用した、全文検索システムです。特徴として RESTfulなAPIが使える InputもOutputもJSON スキーマフリーなので面倒な定義無しにデータを登録可能 等があります。 Kuromojiとは Kuromojiはatilika社製のJavaで書かれた日形態素解析ソフトウェアで、Apache v2ライセンスで公開されているオープンソースソフトウェアです。形態素解析としてはChaSe

    Kuromojiで日本語全文検索 – AWSで始めるElasticSearch(1) | DevelopersIO
    pinkroot
    pinkroot 2013/11/17
  • AWS ELBの社内向け構成ガイドを公開してみる 負荷分散編 – Cross-Zone Routingを踏まえて | DevelopersIO

    ども、大瀧です。 最近、お客さまからの問い合わせからElastic Load Balancing(ELB)の負荷分散について調べ社内資料としてまとめる機会がありました。せっかくなので、ブログ記事として公開してみます。内容は随時アップデートしますので、ツッコミ・ご指摘があればぜひお願いします! 負荷分散の仕組み ELBは、クライアントのリクエストを受け付けEC2インスタンスにトラフィックを転送するために、2種類の負荷分散を組み合わせて動作します。 スケーラビリティと冗長性のために、ELBはロードバランサの機能を提供するノードを複数動作させるはたらきがあり、クライアントから複数のノードへアクセスを分散させるためにDNSラウンドロビン、ノードからEC2インスタンスへのトラフィック転送を分散させるためにLeast Connsという手法を用いています。 DNSラウンドロビン DNSラウンドロビンはそ

    AWS ELBの社内向け構成ガイドを公開してみる 負荷分散編 – Cross-Zone Routingを踏まえて | DevelopersIO
    pinkroot
    pinkroot 2013/11/12
  • よく分かる!iOS アプリのリリース手順のまとめ | DevelopersIO

    2014/04/16 コンプライアンスの「Content Rights」と「Advertising Identifier」についての解説を追加しました。 はじめに iOS 7 がリリースされ、さまざまな新しい機能が使えるようになりました。iOS 7 SDK を使ったアプリをリリースしたい!と思っているかたも多いのではないでしょうか。しかし iOS アプリのリリース作業は手順が複雑そうで取っ付きづらい印象を持たれているかたが多いと思います。筆者もそうでした。 ということで、最新 (2013年10月21日現在) の iOS アプリのリリース手順についてできる限り分かりやすくまとめてみました。リリース時の参考にしていただければと思います。 概要 まずはじめに全体像を確認しておきましょう。iOS アプリのリリースは下図のようなフローで行います。 リリース用の Provisioning Profil

    よく分かる!iOS アプリのリリース手順のまとめ | DevelopersIO
    pinkroot
    pinkroot 2013/10/21
  • iOS 7 から始める UIKit 入門 コントロール編 #1 はじめに | DevelopersIO

    はじめに シリーズでは iOS 7 からアプリ開発を始める人をメインターゲットとした UIKit の使いかたについて、UIKit User Interface Catalog をベースに解説していきたいと思います。 UIKit User Interface Catalog はそもそもどのようなことが載っているかといいますと、アプリ内に UIKit をどのように組み込んで使っていけばいいのかといったようなかなり基礎的な内容が詳細に解説されています。iOS 7 から新しくなったところもあるので、新しい UIKit の教科書みたいなものでしょうか。以上のことから iOS 7 から iOS アプリを作りたい! と思っている人にとって非常に役に立つガイドラインになっています。 ビューとコントロールに分かれておりますが、まずはじめはコントロールについて解説したいと思います!第1回目はコントロールにつ

    iOS 7 から始める UIKit 入門 コントロール編 #1 はじめに | DevelopersIO
  • AWSサービスの各種上限値一覧 | DevelopersIO

    2015/11/13追記:現行のサービスにおける上限値や制限値については下記のAWS公式ページに情報がまとまっているようです。サービス毎の状況を確認される場合はこちらをご参照ください。 - AWS Service Limits - Amazon Web Services - AWS サービス制限 - アマゾン ウェブ サービス AWSでインフラ構築作業を行っていると、規模によってはあっという間に(定められている)要素数の上限に達してしまいます。後述する『上限緩和申請』を行えばその上限は増やす事が出来るのですが、実際に構築を行う前にその辺りの申請はスムーズに済ませておきたいところ。と言うわけで、現在AWSで利用上限が定められている要素とそれらの上限を増やす(上限緩和申請)ための依頼フォームの情報を個人的学習目的及び今後の備忘録として整理してみました。 AWS Service Limits(A

    AWSサービスの各種上限値一覧 | DevelopersIO
    pinkroot
    pinkroot 2013/10/13
  • iOS 7 特集 | DevelopersIO

    [iOS][iBeacon] iOS 7.1 からアプリを起動していなくても領域観測できるようになったので、さまざまなバックグラウンド処理を試してみた

    iOS 7 特集 | DevelopersIO
    pinkroot
    pinkroot 2013/09/22
  • Xcode 5 / Auto Layout の記事一覧 | DevelopersIO

    DevelopersIOは、AWS、iOS/Androidアプリ、ビッグデータ、Alexa等の最新技術情報からリモートワークや働き方に関する記事まで多彩なトピックを紹介するクラスメソッドのオウンドメディアです。

    Xcode 5 / Auto Layout の記事一覧 | DevelopersIO
    pinkroot
    pinkroot 2013/09/22
  • Storyboardで始めるiPhoneアプリ開発 | シリーズ | Developers.IO

    Storyboardで始めるiPhoneアプリ開発 シリーズ [iOS]StoryboardでTODOリストアプリを作ろう(3/3) 仕上げ編 Delegateパターンについて 記事 2013年06月18日 平屋真吾 37 11 「Storyboardで始めるiPhoneアプリ開発シリーズ」の第五回目になります。 前回の「[iOS]StoryboardでTODOリストアプリを作ろう(2/3) TODO項目の入力画面とカスタムクラスの作成編」では、 […]

    Storyboardで始めるiPhoneアプリ開発 | シリーズ | Developers.IO
  • ユニットテストにまつわる10の勘違い | DevelopersIO

    渡辺です。さる方面からテスト系のエントリーがまだか…と催促されたので、ユニットテストについて少し考えてみたいと思います。 最近、TwitterのTLをチェックしていると、JUnitを利用しているにも関わらず違和感のあるTweetや、原因をJUnitにして来解決すべき問題から目をそらしているようなTweetを多く見かけます。そこで、JUnitをによるユニットテストに関するありがちな勘違いをまとめてみました。 なお、JUnitの部分は、RSpecでもNUnitでも適当に置き換えて読んでも構いません。 1.JUnitを使うことが目的という勘違い JUnitを利用すること自体を目的にしたところで何も得る事はありません。 ありがちな話ですが、「納品物としてJUnitのテストコード(または実行結果)を求められている」ことが理由でJUnitを利用しているならば、それは足かせでしかない可能性があります。

    ユニットテストにまつわる10の勘違い | DevelopersIO
    pinkroot
    pinkroot 2013/09/17
  • [iOS]Storyboardで始めるiPhoneアプリ開発 #1 – pushセグエを使う | DevelopersIO

    はじめに iPhoneアプリは、Macが1台あれば作ることができます。 (OSのバージョンは10.7.4以降である必要があります) 「とりあえず動くものを作ってみよう!」といった感じで簡単なアプリを作ってみたいと思います。 「アプリの画面」や「画面の遷移」を視覚的に作成できる「Storyboard」を使いながら、 コードを書かずにできるとこまでを今回はやってみます。 Storyboardとは Xcode4.2から導入されました。iOS5以降を対象としたアプリの開発で使用出来ます。 下の画像のような画面で「画面内のUIパーツのレイアウト」や、「画面から画面への遷移」を視覚的に作成出来ます。 開発の準備 用意するものは以下の通りです。 OS X 10.7.4以降がインストールされたMac 開発ツール「Xcode」 Xcodeは無料でインストールできます。最新版のバージョンは4.6.2です。 X

    [iOS]Storyboardで始めるiPhoneアプリ開発 #1 – pushセグエを使う | DevelopersIO
    pinkroot
    pinkroot 2013/07/02
  • 身につけておきたいWebサイト高速化テクニック #1|アジェンダ編 | DevelopersIO

    Webサイトの表示高速化対策していますか? 日は欧米諸国に比べWebサイトの表示高速化対策をしているサイトが少ないです。 特に、最近ではスマートフォンの普及によりモバイルサイトの需要も増え、高速化をしなければいけない機会も増えてるのかなと思います。 日のモバイルデータ通信はLTEで高速になりつつあるとは言え、まだまだ「貧弱!貧弱ゥ!」です。 幸いなことに僕も最近鶴の一声によってクライアントからサーバー周りまで包括的な高速化対策を経験する機会を得ることができました。 それまでは、「手間がかかりすぎるからできればやりたくない」というのが音でした。職務怠慢ですね(苦笑)。 でも、できるだけ楽したい!と思うのが人の常。 この連載ではできるだけ楽をしながらできる高速化手法と計測結果を1つ1つ紹介しようと思います。 基的にはすべて受け売りの内容です。やってみた対策を羅列して、連載の中で自分で試

    身につけておきたいWebサイト高速化テクニック #1|アジェンダ編 | DevelopersIO
    pinkroot
    pinkroot 2013/01/12
  • HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 | DevelopersIO

    そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け(※自分含む)のサンプルをいくつか紹介していきたいと思います。 はじめに - パララックスエフェクトについて パララックス(parallax)を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ○ニー映画で古くから使われていたり、ビデオゲームにおいても横スクロールアクションのゲームなどで昔から使われています。 JavaScript(jQuery)でパララックスエフェクト 1 | スクロール値を取得 どれだけスクロールしたかという値を取得します。これだけではまだパララックスも何もありませんが、全てはここから始まるのです。 $(function() { $(window).scroll(fu

    pinkroot
    pinkroot 2012/10/18
  • 【番外編】Androidの爆速エミュレータ環境を構築する | DevelopersIO

    ※追記しました. OSXの方々は注意点もありますので、追記も併せてご覧ください 2012.10.17 Android爆速エミュレータ環境の作り方 Android開発者界隈のTwitter TLで、「Androidのエミュレータが低速で使い物にならないとか言って許されるのは小学生までだよねー。きゃははー」的な会話が繰り広げられていたので、これは知らないのはマズイのでは、という危機感から、一念発起し、爆速Androidエミュレータ環境の構築を試みました Androidのエミュレータが低速で使い物にならないというのは、すでに過去の話だそうです。真の情報強者の方々は、すでに爆速エミュレータでの開発を行っているようです。中には、実機よりも早いので、実機代わりに使ってるという方もおられるようです もうAndroidのエミュレータが遅いなんて言わせない!iPhoneのエミュレータに匹敵する(?)速度を手

    【番外編】Androidの爆速エミュレータ環境を構築する | DevelopersIO
    pinkroot
    pinkroot 2012/10/12
  • 【Webデザイナ-・コーダー向け】すぐに使えるSCSS入門|基礎編 | DevelopersIO

    はじめに 早速ですがみなさん、黒い画面(コンソールやターミナル)はお好きですか? ちなみに僕は最近やっと黒い画面に対していくつかの呪文使えるくらいになりました。文系理系でもどちらでもなくさらに低学歴の僕にとっては潜れば潜るほど黒い画面がつきまといます。(今では好きですよ、黒い画面) 今回は、すぐに使えるSCSS入門|基礎編ということで、「黒い画面など見たくない!」というあなたにも、GUI操作だけですぐに使えるアプリケーションのインストールからSCSSの基的な利用方法について、実際の開発に使えるポイントを押さえて解説していきたいと思います。 SCSSを覚えて生産的で楽しいWebサイト制作・アプリケーション開発をしていきましょう。 まだSCSSを知らない方向けに「SCSS」って? 前回の記事「Media Queriesの記述を少し楽にしてくれるSCSS(Sass) Mixin(自作)」からの

    pinkroot
    pinkroot 2012/10/10
  • HTML5 × CSS3 × jQueryを真面目に勉強してみる – #4 LESS | DevelopersIO

    そんな訳で、拡張メタ言語の中でも特にハードルの低いだろうLESSに触れてみることにしました。 拡張メタ言語 - LESS メタと称されるだけあって、LESSはHTMLCSSJavaScriptといった類の言語とは毛色が違います。そういった言語によって記述されたソースコードと同じ意味(機能)を持ちながら、より簡略的に表現できるようにしたための言語というわけです。 念のため分かりやすく補足しておきますと、メタとは比喩とか暗喩という意味であって、「アンタなんか牡丹じゃなくて豚よッ!」というセリフの豚という表現が正にメタに当たります。 ※豚というのは例えであって、当に動物の豚だといっているわけではありません。 他にもこのような拡張メタ言語には、CSSに対してSCSS(Sass)、HTMLに対してHamlといったものがあります。JavaScriptに対してCoffeeScriptというのが比較

    pinkroot
    pinkroot 2012/10/03