対象読者 JavaScriptフレームワーク・ライブラリの選定に悩んでいる方 本格的にJavaScriptを触るのが初めてという方 jQueryでの大規模なフロントエンド開発に限界を感じている方 必要な環境 Node.jsがインストールされていることが推奨です。 React.jsとは何か React.jsは最近注目を浴びているFacebook製のライブラリで、MVCアーキテクチャでいうViewにあたる機能を提供します。 前提として、JavaScriptの世界でMVCのVといえば、紛れもなくDOM（Document Object Model）のことを指します。特に何も意識しないで作った場合、都合の良いDOMからデータを引っ張り出しては別のDOMを書き換えるといった、行き当たりばったりな作りになりがちです。そこで、MVCの考え方を導入することにより、データを画面とは独立した構造体として切り出し

車輪開発大好きおたいがです。こんにちは。（挨拶） 本日、下記イベントに参加してきたのでレポート ( 箇条書きメモ ) します。 ng-mtg#6 AngularJS 勉強会 http://angularjs-jp.doorkeeper.jp/events/12996 今回のテーマは Directive & セキュリティということで、案件実績のある講師による講演でした。 『 ディレクティブパターン 』 株式会社 LIG 林 優一 氏 実務におけるディレクティブ開発経験を元に、基本的なお作法の解説を交えつつ、ディレクティブ実装パターンについて紹介されました。 ディレクティブ実装パターン テンプレートパターン 共通のテンプレートを反映させるためのディレクティブパターン 共通パターン ビューと実装をカプセル化するようなディレクティブパターン イベントフックパターン ユーザーのイベントとハンドリング

Document Object ModelDocumentコンストラクターDocument()インスタンスプロパティactiveElementadoptedStyleSheets (en-US)alinkColor 非推奨 all 非推奨 anchors 非推奨 applets 非推奨 bgColor 非推奨 bodycharacterSetchildElementCountchildren (en-US)compatModecontentTypecookiecurrentScriptdefaultViewdesignModedirdoctypedocumentElementdocumentURIdomain 非推奨 embedsfeaturePolicy Experimental fgColor 非推奨 firstElementChild (en-US)fontsformsfragmen

Sinatra ライクな Node.js 用Webアプリケーションフレームワーク、軽量アプリケーション向け。 Node.js + Express で最低限のWebページが作れます。 ちなみに Sinatra は Ruby です。 Node.js をデーモン化して、プロセスを監視してくれます。 最近は pm2 という更に高機能な監視ツールもあるのですが、移行は今後考えるとして日本語文献の多い forever を使う。 今回は、nginx から pm2 で動かした Node.js サービスに流すまでを目指します。 環境 ゲスト: CentOS 6.2 ホスト: MacBookAir MacOS 10.8 VM: Parallels Desktop 9 for mac ゲストを対象とし、IPアドレスは 10.211.55.2 とする。 Node.js インストール CentOSでndenvをシス

IEEE IoT Vertical and Topical Summit The 7th IEEE Internet of Things (IoT) Vertical and Topical Summit at Radio & Wireless Week (RWW) 2024 is devoted to biomedical IoT applications. Register now! All About IoT Security The IEEE IoT Technical Community partnered with IEEE Educational Activities to develop a 6-course program designed to provide learners with a broad overview of IoT security by start

1月16 iphoneのブラウザからカメラを起動させる。WEBアプリに。 カテゴリ:HTML5iphone/ipadサイト Tweet iPhoneのカメラを起動させて撮影させるアプリをつくるには、ローカルアプリを作るしかないのかな？WEBアプリでできないのかな？ と調べてみたら、iOS6からはiPhoneのsafariでできるようになったみたいですね。 HTML5の関連仕様である、HTML Media Captureにsafariが対応したようです。 HTML Media Captureとは、HTMLのフォームから、デバイスのカメラや動画や音声を取り込む機能にアクセスするためのもの。 カメラにアクセスするには以下のように書く。 <input type="file" accept="image/*"> 実際に画面から「ファイルを選択」をタップすると以下のようになる。 ここで、「写真を撮る」

Save the tabs in your current window to a new, timestamped, bookmarks folder.

こんにちは、滋賀県大津市のちいさなパソコン教室「ぱそこんる～む１２３」の竹内よしひろです。 先週の金曜日、雪で行けなかった市の北部のお宅に訪問教室でお邪魔いたしました。 その方も今日から、このアメブロでブログを始められました。 みなさんは、ブラウザソフトは何をお使いでしょうか？ 私は、GoogleのChromeを使っています。 で、タブをたくさん開けるのは便利ですが、つい、後から見ようと思ってタブを開き過ぎて収拾がつかなくなってしまいます。 そんな時、今開いているすべてのタブをブックマークに保存して、新たなウインドウでChromeを開き直す事になります。 そんな時、今までは、キーボードから (Ctrl)キー　＋　（shift)キー　＋　（D）キー を押して保存していました。 しかし、今日、「SaveTabs」という現在開いているタブをまとめてブックマークしてくれる拡張機能を見つけました。

Google Chrome のすばらしいアプリ、ゲーム、拡張機能、テーマをぜひご利用ください。

さっき書いた記事ではAPI経由でChatworkのチャットグループを取得しました。 今回はチャットグループに投稿してみたいと思います。 ChatworkAPIにexpressからrequestモジュールで接続 - Qiita チャットワークAPIで投稿 サンプルリクエスト curl -X POST -H "X-ChatWorkToken: YOUR API KEY" -d "body=Hello+ChatWork%21" "https://api.chatwork.com/v1/rooms/{room_id}/messages" 今回はPOSTですが、前回のGETと同じくAPIにはヘッダーにAPI KEY(token)を付けます。 前回の内容でチャット毎のroom_idが分かったと思うので、それをメモしておきましょう。 前回のコードを修正&書き足してチャットワークにPOST(投稿) req

4 ヶ月あまり続いた新規開発案件がようやく落ち着きを見せたので、ここらで振り返りをしてみたいとします1)リリースまでに巻き取れなかった不具合や未実装箇所が幾つか残っているので、まだ気持ち的には終われていないのですが…。 サービスのおおまかなアウトライン コンシューマ ( 一般ユーザー ) 向けサービス ブラウザで動く Web アプリケーション ワンソースによるレスポンシブレイアウト サポートするブラウザは IE9 以降や Android4.x 以降のモダンブラウザのみ Ruby on Rails 多言語対応あり SEO 対策はそれなりに必要 わりとフワッとしか要件が決まっていないままスタートしたので、TRY & ERROR を繰り返しながらの開発 すごく大雑把ですが、だいたいこんな感じの Web アプリケーションです。これを踏まえてフロントエンドをどのように開発していくかを設計していきまし

になる。 File Icons TreeViewで見たときのファイルアイコンが素敵になる。cool Git Plus Git操作が楽になる。 Ctrl-Shift-A a で全ファイルAdd + コミット用のコメント記入用のパネルが開く。 コメントを書いて保存すればすぐにコミット。楽。 Linter Linter。画面下部にリアルタイムで表示されるようになる。 言語に対応するプラグインを別途入れる必要あり。 とりあえず以下を追加 Linter Coffeelint (Coffee Script) Linter Jshint (JavaScript) Linter Rubocop (Rails) Linter Ruby (Ruby) Local History ローカルの履歴管理が出来るようになる。 こまめにGit管理すればいいだけじゃね？という気もしますが、 コミット忘れてて何かあったとき

Evernote uses cookies to enable the Evernote service and to improve your experience with us. To learn more, check out our cookie policy. By clicking OK or continuing to use our site, you agree that we can place these cookies.

はじめに Docker 1.3がリリースされましたね！ DOCKER 1.3: SIGNED IMAGES, PROCESS INJECTION, SECURITY OPTIONS, MAC SHARED DIRECTORIES それに合わせて、Dockerコンテナのオーケストレーションツールであるfigも1.0がリリースされました！ FIG 1.0: BOOT2DOCKER COMPATIBILITY AND MORE figの概要についてざっとご説明すると「複数のDockerコンテナの定義をYAML形式の設定ファイルに書いておくことで、コマンド一発で構築したり構成変更できたりする」という便利ツールです。 ということで、fig 1.0リリース記念、Mac OS X上でfigを使ってみました！ やってみる boot2dockerのセットアップ boot2dockerのgithubリポジトリ

ビジネスのスタートアップ期にグループウェアを導入しようと考えている人も多いと思います。しかしながら、すでにたくさんのグループウェアが世の中にあるので、選ぶのに迷ってしまうという人もいるかもしれません。 その中でも、Google Apps for Businessなら、1人500円からアカウントを作れます（600円プランもあり、こちらはユーザーを自由に増減できます）。導入コストも低く抑えられるので個人事業主にもおすすめです。 Google Apps for Businessには、Google Appsのアプリが搭載されています。Gmailやカレンダー、ハングアウトといったメジャーな機能や、ドキュメントやスプレッドシートといったビジネスで使用できるアプリが自由に使えるので、仕事をする上で役立ちます。というわけで今回は、Google Apps for Businessを導入する5つのメリットと題

以前、Windows上のVmwareにUbuntuを入れてみました。 WindowsでVMware Player上のUbuntuを動かしてみたメモ | Futurismo UbuntuなどのDebian系Linuxもいいけれども、Linuxハッカーを目指すあたくしとしては、RedHat系もゴニョゴニョいじりたいわけでして。 そうはいっても、容量が貧弱なMyパソコンに２つ目のVMイメージはデカイ。なので、最小構成で、CentOSを入れてみて、容量がどんなもんか調べてみました。 環境# Windows 7 64bit vmware player 5.0.1 build-894247 CentOS 6.4 32bit 64biit minimal CentOS のISOをダウンロード# ここが、CentOSの公式サイトです。 https://www.centos.org/ ミラーサイトからイメー

http://dotinstall.com/lessons/basic_expressjsはExpress 3.xが前提となっているのだが、Express 4.xで学ぶ場合には少し気をつけなければならない所があるので、以下にメモしておく。 【補足】 この記事を書いた時から更に変更が加わっているため、本記事のコメントも参考にして下さい。 http://dotinstall.com/lessons/basic_expressjs/26502 上記はexpressコマンドの使い方を学ぶ章であるが、Express 4.x以降はexpressコマンドのインストール方法が変わっているので注意が必要である。 $ sudo npm install express -g 演習では上記のコマンドを叩いているが、Express 4.x以降は以下のコマンドも実行する必要があった。 $ sudo npm insta

ちょっとnode.jsでAPIサーバ作ろうとして express4に上げたらいろいろと使い方が変わっていたので 備忘録的に書いておきます。 expressでのプロジェクトの作り方 ここを見ながらやるのが確実。 https://www.npmjs.org/package/express express3の場合 express3までは $ npm install -g express # グローバルにexpressコマンド入れて $ express appName # expressコマンドでひな形作成 .. $ node app.js # アプリケーション起動 こんな感じでexpressプロジェクトを作れましたが、 express4から結構変更されています。 express4の場合 express4ではひな形を作るコマンドが本体から分離されました。 またアプリケーションの起動方法も変更されて

.bash_profile はログイン時にのみ実行されます。具体的な用途は: 環境変数を設定する (export する変数) 環境変数はプロセス間で勝手に受け継がれるのでログイン時のみ設定すれば十分です。 .bashrc は対話モードの bash を起動する時に毎回実行されます。具体的な用途は: 環境変数でない変数を設定する (export しない変数) エイリアスを定義する シェル関数を定義する コマンドライン補完の設定をする これらは bash を起動する度に毎回設定する必要があるものです。 その他 .bash_profile ? .bashrc ? いろいろあるけどこいつらなにもの？ を参照。もっと突き詰めたい人は Linux: .bashrcと.bash_profileの違いを今度こそ理解する。 Bash 以外のシェルを使用しない人は .bash_profile と .bashrc

$ sudo npm uninstall -g パッケージ $ sudo npm r -g パッケージ $ sudo npm remove -g パッケージ $ sudo npm rm -g パッケージ $ sudo npm un -g パッケージ $ sudo npm unlink -g パッケージ

Vagrant入門ガイド 作者: 新原雅司出版社/メーカー: 技術評論社発売日: 2013/09/12メディア: Kindle版この商品を含むブログ (5件) を見る すごい今更なのですが,iTerm2というターミナルソフトを入れてみました。 iTerm2はMac標準のターミナルさらに強化したものだそうです。 メリットはこちら(http://www.iterm2.com/#/section/home)に書かれていました。 参考資料 公式サイト http://www.iterm2.com/#/section/home その他Webサイト iTerm2の機能まとめその1 iTerm2の機能まとめその2 iTerm2の機能まとめその3 iTerm2をもっと便利に使用する方法 インストール方法 こちら(http://www.iterm2.com/#/section/downloads)からstab

gistfile1.md Application > Terminalを起動したとき，環境変数の追加その他もろもろを自動でやってほしいとき，.bashrcを編集すればよい． 初期状態では，ホームディレクトリに.bashrcファイルはないので，自分で作成する． cd ~ vi .bashrc 例えばPATHに何かを追加したいときは，以下を足して保存． export PATH=$PATH:/usr/sample/something1 export PATH=$PATH:/usr/sample/something2 でもこれだけだとだめで，.bash_profileファイルに以下のコードも必要．この.bash_profileファイルも初期状態ではホームディレクトリには無いので，新規作成． if [ -f ~/.bashrc ]; then . ~/.bashrc fi これで，次にTermina

MySQL ではデータベースを作成したあとでテーブルなどを作成するにはまずどのデータベースを使用するのかを USE 文を使って指定します。選択したデータベースはデフォルトデータベースとなります。ここでは MySQL de USE 文を使って使用するデータベースを選択する手順について解説します。

JavaScriptのMVCフレームワークであるAngularJSについてその使い方の基礎を解説していきます。

HomebrewでMySQLをインストールする際の注意点などについてです。MySQL自体はインストール時に表示される注意書きどおりに設定すれば問題なかったのですが、起動スクリプトで少しトラブったので備忘録です。 その他にもメモっておきたいことがあったので記事にしました。HomebrewでMySQLをインストールした方の参考になればと思います。 MySQLのインストールと初期設定 まずはMySQLのインストール。 インストールが終了すると、下のように色々と表示されるので、その通りに進めていけばとりあえず使えるようになります。 ちなみに、これらの注意書きは$ brew info mysqlを実行すればいつでも見れます。 データベースとユーザーの設定 インストールが済んだら、表示された内容に従って順に設定していきます。最初にデータベースのインストールとデータを格納する場所の設定をします。 $ u

September 25, 201123:59 iTerm2 + Vim を Solarized カラースキーマにする覚え書き。 カテゴリTemporary Comment(0)Trackback(0) ※※このエントリは内容に誤りがあります※※ 修正版は ターミナル (iTerm2) な Vim を Solarized カラースキーマで！ になります。必要に応じて参照して下さい。 ターミナルで Vim を使う時もカラースキーマは Solarized で！ ということで iTerm2 での Vim も カラースキーマを Solarized にしました。 簡単な作業なのですが、少しだけ設定ファイルをいじったりするので例によって備忘録代わりに書いておきます。 iTerm2 上の Vim カラースキーマを Solarized にする手順は以下のとおりです。 1.iTerm2 のカラースキーマを