前回のブログに引き続き、AngularJSの機能を触っていきたいと思います。 こちらは今回機能紹介のために用意したＰＣ版のデモです。モバイルでは見にくいので、でうまく動かない場合はＰＣに最新版のブラウザ (最新版のGoogle Chromeなど) をダウンロードしてからご覧ください。 今回はデモで用いられているAngularJSの機能、主にngViewについて紹介していきたいと思います。ngViewを用いることでURLの切り替えによって読み込むコンテンツを切り替えることができます。 上記デモはボタンをクリックするごとにURLを切り替えて、そのURLに対応したHTMLテンプレートとコントローラーを読み込ませて表示を行なっています。また、切り替える時のアニメーションにはngAnimateというAngularJSのアニメーション機能を使っています。 まずはindex.htmlのソースコードを掲載

こんにちは、鴨田です。 普段はプロジェクトマネージャーやデザインディレクション、デザイナーとして、 働いている時間が長いのですが、営業として他社様に出向き、 案件ヒアリングや見積もりをすることがあります。 スマホ案件に携わることが多いため、大体の場合はスマホアプリ案件なのですが、 見積もり時に注意すべき事が多々あります。 今日は、スマホアプリ開発の見積もりで注意すべき点について、 いくつかご紹介できればと思います。 １．対応OSのバージョン 対応OSに関しては、おそらくiOS、Android両対応であったり、 どちらかをリリースしてから、もう一方を作るというケースが多いと思います。 重要なのは、どのバージョンを対象としてる作るのか、です。 iOS6.0以上、Android4.0以上、ということであれば、 ほとんど問題なく、開発を進めることが出来ます。 これが、iOS5.0以上とかAndro

こんにちは。海原です。 ここ最近、統計学が流行していますね。「統計学が最強の学問である」がきっかけになっているのでしょうか。数年前に比べてマーケティングが重要視される今日、統計の需要が増えたのかもしれません。私はまだこの本を読んでいませんが、読もうと思った矢先にたまたま統計ツールRに出会いまして、調べながら少しいじってみました。Rを使った感触から申し上げますと、SQLを叩いて好きなデータをピックアップするよりもずっと簡単で小気味良いのです。 他の統計ツールには色々な種類があるようですが、よく知られるものとしてIBMのSPSS (IBM)（有償）があります。 その点、RはMac/Win両方に対応しており無償です。またSPSSに劣らない機能を備えており、統計学者の間でデファクトスタンダードとなっているようです。 Rに関して検索すれば丁寧な解説サイトがたくさんありますので、インストールから何の心

こんにちは、中川です。 PHPよりもJavaScriptを書く機会が多いこの頃です。 さて、JavaScriptといえば、何も考えずにアプリを作ると プロジェクトがカオスになることで有名な言語ですね。 気を使って作っていてもちょっとした油断で、 気付いた時にはメンテナンス不可能なコードが出来上がっていたりします。 今回ご紹介するのは、不幸にもそんな状態になってしまったたくさんのコードの どこがどのような状況なのかをパッと確認できるツールをご紹介します。 ■plato https://github.com/jsoverson/plato platoはNode.jsで動作します。 プロジェクトのJSファイルを解析して、 コードの行数や複雑度、メンテナンス性、jshintの警告などをHTMLレポートとしてまとめてくれます。 実際のレポート画面は以下で確認できます。 ・jquery ( http:

こんにちは、志田です。 前回に引き続き、リレーショナルデータベースについてはじめから勉強していきましょう。 前回のまとめ テーブルは、縦方向に並ぶ情報である「列」と、横方向に並ぶ「行」からなることを、前回勉強しました。 また、この縦方向に並ぶ「列」に対し、データの「型」を決めました。 今回は、まずデータベースを作り、そこに表を追加してみましょう。 データベースの作成 まずはデータベースを作成し、そこにテーブルを作るのが基本のやり方です。 Excelでいうと、新しいExcelのファイルを作ってブック（データベース）を作成し、シート（テーブル）を作るという動作に似ています。 では、MySQLに接続して、データベースを作成してみましょう。 CREATE DATABASE データベース名; このコマンドでデータベースを作成することができます。 大文字のコマンドは全て、MySQLの命令や、予約語とい

今回は、ちょっと便利なJavascriptオブジェクトの作り方をご紹介します。いわゆるモジュール・パターンと呼ばれている方法です。 はじめに 最近、HTML5への注目と共に、Javascriptを使用する機会が増えてきました。以下のように適用範囲は多岐に渡っています。 通常のWebサイトでのユーザビリティ向上 スマートフォン用Webサイト開発 HTML5アプリによるクライアント・アプリ開発 スマートフォンのハイブリッドアプリ開発 Node.jsによるサーバサイド・プログラミング このように、Javascriptが基幹となる仕組みが広がっています。クライアント側とサーバ側を同じ言語で作れることは、開発側にとってはとても有難いことです（学習コストの低減、人的リソース配分の柔軟性など）。もちろん、発注者やエンドユーアにとっても開発速度などの面で利益が生まれます。 Javascriptプログラミン

こんにちは、橋本です。 前回にひきつづき、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 consoleオブジェクトには以下の19個(logを除くと18個)のメソッドがあります。 assert count debug dir dirxml error group groupCollapsed groupEnd info log markTimeline profile profileEnd time timeEnd timeStamp trace warn そのうち前回は、assertメソッドからgroupEndメソッドまで見て行きました。 今回はinfoメソッドからwarnメソッドまでの使い方について書いていきたいと思います。 infoメソッド console.info(messa

こんにちは！ゲームだいすき志田です。 ゲームをやっていると、どのアイテムが足りないとか、自作キャラクターの性能だとか、 管理したいなぁってこと、ありますよね？ないですか？ありますね。 そんなとき、データベースを使いましょう！ 今回は、DBとはなにか、というところと、簡単な正規化について勉強しましょう。 データベースとはなにか とはいえ、最近、猫も杓子も「データベース」ですね。 …便利そうなのはわかるけど、DBってそもそもいったい何でしょうか。 データベースとは、Data Base、データの基地という意味で、 つまりはデータの集合です。 世の中には、いろいろな種類のデータベースがあります。 ・リレーショナルデータベース（関係データベース） ・オブジェクトデータベース ・階層型データベース ・ネットワーク型データベース ・分散型データベース この入門記事では、最もポピュラーでよく使う、「リレー

<pre wp-pre-tag-0=""></pre> nbsp;ls -al total 8 drwxr-xr-x   4 masa  masa   136  7 26 09:44 . drwxr-xr-x+ 54 masa  masa  1836  7 26 09:44 .. drwxr-xr-x  13 masa  masa   442  7 26 09:44 .git -rw-r--r--   1 masa  masa   104  7 26 09:44 index.html

drwxr-xr-x   3 masatoshi  staff  102  6 13 18:29 . drwx------+ 17 masatoshi  staff  578  6 13 18:28 .. drwxr-xr-x  10 masatoshi  staff  340  6 13 18:29 .git

こんにちは、アシアルの志田です。 社内でもgitが浸透し、皆バージョン管理といえばgitだよね、という空気になってきました。 ですが、これまでバージョン管理システムを使ったことがない人にオススメしても、 「gitて…まあ…そりゃ…ねえ、いつかやらないといけないけど…」 「ギット？ジット？俺はgiはジと読む派なので、gitは胡散臭いと思う」 「そもそもバージョン管理して何が嬉しいの？なんか難しそうでいやだ」 というような反応ばかりでした。 きっとみんな、gitって難しくて訳のわからんもんだと思っているのでは？と思い、 今回はgit入門の入門、gitってなんだ？というところから、簡単にgitを使う際の流れについてご説明します。 ちょっと不安を覚えるようなイラストがついていますので、頑張って読んでください。 バージョン管理ってなに？ プログラムを書いていて、こんなことありませんか？私はあります…

新年度です！ 新入学、新入社を迎えるみなさん、おめでとうございます。 エンジニアのみなさんがWebアプリケーションを作るとき、一番悩むのはデザインではありませんか？ カッコよくって統一的なデザインがほしい！でもデザインセンスないし…実は私もそうでした。 ですが、2月にメジャーバージョンアップしたTwitter Bootstrapを使うと、簡単にカッコいいサイトが作れます！ Twitter Bootstrapとはなにか Twitter Bootstrap CSSのフレームワークです。 Web上に使ってみた！スゲー！等、たくさんのドキュメントが存在していますが、中には2月以前のバージョン(v1.4)について言及しているものもありますので、2系を使う方はバージョンの違いに気をつけて下さい（クラス名など結構ガラっと変わっています）。 今回ご説明しているのは、Twitter Bootstrap 2に

var IS_ANDROID = (/android/gi).test(navigator.appVersion); var IS_IOS4    = navigator.userAgent.match(/OS 4_[0-9_]+ like Mac OS X/i) !== null; var IS_IOS5    = navigator.userAgent.match(/OS 5_[0-9_]+ like Mac OS X/i) !== null; こういった値を何らかのオブジェクトにまとめておくと、とても便利です。 ② javascriptの読み込み 画面数が増えるに従い、javascriptファイルが増えるに従い、javascriptファイルを読み込み・使用することが多くなります。その一方で、javascript言語の仕様上、依存関係を各ファイルに記述できません。そんな時には、scri