PhantomJSとJasmineで振る舞い駆動開発なJavaScriptテスト：フレームワークで実践！ JavaScriptテスト入門（2）（1/3 ページ） しっかりとJavaScriptをテストするために、今注目のJavaScript用のテストフレームワークをいくつか紹介し、その概要から実践的な使い方まで解説する連載 前回は、JavaScriptテストの基本、今回からフレーワムークを紹介 前回の「JavaScriptテストの基礎知識と使えるフレームワーク6選」では、JavaScriptのテストを取り巻く環境や、JavaScriptのテストに使用できるフレームワークの紹介を行いました。今回からは、前回の記事で紹介されたフレームワークを使用して実際にJavaScriptのテスト環境を構築し、テストを行うまでの流れを解説します。 今回は「PhantomJS」と「Jasmine」を取り上げま

Jenkins おじさんと戯れること半日、うまくいったので備忘録を残しておく。 やりたかったのは Chef で構築したサーバーを Jenkins で CI する、というもの。このときサーバーはテストが終わる度に破棄して、テスト開始時に再度真っ新な状態から立ち上げたい。(こういうサーバーを壊して作ってというテストはなんという名前で呼ばれるのだろう?) 仮想サーバーを破棄/作成をプログラマブルにやるのはもちろん Vagrant プロビジョニングは Chef Chef の環境を整えるのに knife-solo 0.3.0.pre3 テストは serverspec コードは Github に上げる (https://github.com/naoya/jenkins-vagrant-test) CI は Jenkins という構成になっている。ひとまず Jenkins や Vagrant はローカル

Androidアプリのビルド／テストはCIでここまで変わる：グリーはいかにしてJenkinsを導入したのか（3）（1/2 ページ） グリーのサービス開発における継続的インテグレーションと、CIツールであるJenkinsの導入について、CI導入のモチベーション、進め方のポイントを中心に説明します。今回は、apkの作成までの自動化を手始めに、徐々に自動化の資産を積み上げていくことで開発ワークフローを改善していく過程を紹介します。 前回の「JenkinsでCIすればiOSアプリのビルドは、もう面倒くさくない」に続き、今回はAndroidアプリ開発とJenkinsについて紹介します。 Androidアプリのビルド Android開発の継続的インテグレーションの第一歩として、まずはAndroidアプリをJenkinsでビルドしてapkファイルを作成してみましょう。あらかじめJenkins、Andro

POST /post HTTP/1.1 Host: localhost Content-Type: application/x-www-form-urlencoded Content-Length: 7 foo=bar 1行目は request-line で、 method URI HTTP-version の形をしています。URIはホストを含めた絶対URIの場合と、ホストを含めない絶対パスの場合がありますが、絶対パスの方が一般的です。 2行目から空行までが request-header です。各行は field-name: field-value の形をしています。 field-name は大文字小文字を区別しません。 request-line から request-header とそれに続く空行まで、改行は CR LF になってます。Windowsでよく見る改行コードですね。 meth

CodeIQ中の人、millionsmileです。 いろいろ経歴を積むと、「いまさら聞けない」ことが増えてきます。「オブジェクト指向」というのもそんないまさら聞けないものの一つでしょうか。 そんなわけで、いまさら聞けないことをイマサラ問題として出題してみました。 問題は、日本のITエンジニアの父と言いたくなるくらい温かみのあるフィードバックをしてくれることで好評な有限会社システム設計の増田亨さんからの出題です。オブジェクト指向設計について2問出題していただきました。総計65名もの方に挑戦いただきました！ 問題の解説記事は、オブジェクト指向設計の3つのコツを中心に説明してくれていますので、読みやすいですし、頭にすっと入ってきます。 ではでは、増田亨さんによる解説記事をお楽しみください。 https://codeiq.jp/ace/toru_masuda/ ◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇

報道の状況を調べて、変な報道の真意を確認することができたので、今日はそれについて書きます。 発端はこの報道。→ http://headlines.yahoo.co.jp/hl?a=20130822-00000154-jij-pol 「メジを食べるのはやめましょう」。水産庁の宮原正典次長は22日、太平洋クロマグロ（本マグロ）の資源管理に関する会議で、本マグロの刺し身として店頭に並ぶメジマグロを食べるのを控えるよう、異例の呼び掛けを行った。 http://headlines.yahoo.co.jp/hl?a=20130822-00000154-jij-pol 読んでいて、かなり変に感じた。 実際、ツイートで官僚は、根拠法を行動指針にしているはず、というのが流れていたせいもあり、発言者が鰻シンポジウムの参加者でもあった*1ので、消費者に向けてのアピールかな、とも思ったが、報道される内容に省略があ

WP_Query関数を使いWordPressのindex.phpやarchive.phpに入れ子になったループ（複数ループ）を作成する方法 シェア つぶやく ブックマーク LINE Pocket WordPressのindex.phpやarchive.phpに使用されているメインループの中に、投稿記事や固定ページ記事内に記述されたループ処理を、入れ子の様な形で反映させる方法を解説します。 ループの中にループを反映させられるようになれば、例えばECサイトの各商品ページ（page.php）にカスタム投稿タイプで作成した商品情報の投稿をループで表示させ、商品一覧ページ（archive.php）にも、その各商品ページに作ったループを反映させるということが可能になります。 query_post関数の使用には要注意 ループを作るためには、投稿の表示設定をするためのquery_post関数がよく使用され

生きていれば、必ず死の瞬間はやってくる。だが、その先のことは誰にも分からない。死んだらそれで終わりなのか、それとも——。生と死が交錯する臨床の現場で、医師が体感した「命の神秘」。（編集部注：本記事は2013年3月のものです） 最新医学でも説明できない 私が勤務する東大病院では、年間3000人もの患者が集中治療室で治療を受けています。そこは生と死が隣り合わせの場所であり、私も臨床医として、日常的に多くの「死」に立ち会ってきました。 現代医療には「エビデンス・ベースド・メディスン(EBM)」、つまり「証拠に基づく医療」という考え方がベースにあります。私たち医師もEBMを踏まえて患者さんの治療に当たるのですが、実は救急外来の現場では患者さんの疾患や障害の原因がどうしても解明できない、ということがしばしば起こります。 現役の医師である私が言うのもおかしいかもしれませんが、これだけテクノロジーが発達

その人の考え方の特徴やタイプを表わすのに右脳型とか左脳型という言葉が良く使われる。男性は左脳型、女性は右脳型などとも言われており、「地図が読めない女性」は右脳型の典型とも言われていた。 右脳型の人は創造性があって感情的、左脳型の人は論理的で解析的とされ、それぞれ右脳や左脳をの使い方がどちらかに偏っていると信じられていた。だが実際はそんなことはないという。最新の研究結果では、右脳と左脳の活動に個人差はないということが判明した。 左右の脳機能の使い方に個人差は見いだせなかった 米ユタ州ソルトレイクシティにあるユタ大学の神経科学者、ジェフ・アンダーソン率いる研究チームは、2年間に渡り、7～29歳の1011人の被験者の脳の神経活動を観察、7000以上の区域に分けた脳画像から右脳・左脳の機能に個人差があるのかどうかを、IDI（International Neuroimaging Data-Shari

SEOの知識ほど陳腐化の早い知識もそうそうないのではないだろうか？ ITはそもそもそういう分野であるのだが、特にSEOは陳腐化が早いと思う。 昨日の知識が間違いになってしまっているかもしれない技術分野はそうそうはない。 なので私はSEOの技術を追わず、本質を追求することをお勧めしたい。 詳しくは、正しいSEOの戦略に書いたとおりである。 Googleが目指している究極の場所は決まっているのだから、それを目指してSEOすればいい。 Googleの目指す究極の場所とは、コンテンツの価値を正しく判断して、検索意図に対する適合性の高い順番に正しく並べて表示させることである。 だから、究極的にSEOとは、 に他ならない。 究極的にはSEOとはそのようなものだ。 しかし、SEOのテクニカルな知識を覚えると、大きく有利になる。 究極の場所にたどり着くまでの道のりはまだまだ果てしなく遠いからだ。 だから、

Google is embarrassed about its AI Overviews, too. After a deluge of dunks and memes over the past week, which cracked on the poor quality and outright misinformation that arose…

bashの補完は公式で提供されていたが、gruntのzsh補完がなかったので作った。 私が存在を知らないだけかもしれないので、知ってる方がいたら教えてください。 (zsh-completions と oh-my-zsh にはなかった。1つだけgithubにあったけど微妙だった。) ちなみに公式のbash補完は、以下の設定を .bashrc などに記述すれば使用出来ます。 eval "$(grunt --completion=bash)" zsh補完イメージ インストール方法 Githubに置いてあるのでとってきて下さい。 yonchu/grunt-zsh-completion · GitHub $ git clone git://github.com/yonchu/grunt-zsh-completion.git or $ wget https://github.com/yonchu/gr

jsCafe v13で発表した Grunt のビギナーズ向けのスライドです。 間違い・不明点があれば連絡してもらえれば直します。Read less

はじめに 近年注目されているサーバー管理ツール「Chef（シェフ）」は、ファイルに記述した設定内容に応じて自動的にユーザーの作成やパッケージのインストール、設定ファイルの編集などを行うツールだ。今回はこのChefについて、基本的な環境構築方法と使い方を紹介する。 前回はサーバーの設定管理ツールとして「Puppet」を紹介したが、今回紹介するChefは、このPuppetと人気を二分するサーバー設定管理ツールだ。 Chefは米Opscodeが開発しているオープンソースソフトウェアで、Rubyなどのオープンソースな技術を使って実装されている。ライセンスはApache License 2.0だ。同社はChefにいくつかの機能を追加した有償版の「Private Chef」やクラウド型の「Hosted Chef」といったサービスも提供しているが、本記事ではオープンソース版のChefについて紹介する。

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

ディズニーランドにはもう10回以上行っているENJIです。 かといっても大のディズニーファンというわけでもないのですが、女性の方はだいたい好きなので自ずと行く機会も長い人生それなりにあるわけです。 ただ、最初の2〜3回めまで位は驚きとワクワクに溢れているのですがさすがに年齢も重ね、行く回数も増えてくるとワクワクとドキドキよりもアトラクションに並ぶ「ゲンナリ」の方が断然高くなります。 もうね、200分待ちとかありえないから。 50分でもムリ。それをアトラクション毎に繰り返すなんて拷問以外の何者でもありません。そんな僕の様な方にお勧めのプランをご紹介します！ こんなプランなら彼女も大喜び間違いなしですよ！ photo credit: Express Monorail via photopin cc スポンサーリンク 混雑予想も待ち時間も不要なファストパスだけど・・・ ディズニーランドのアトラク

[対象: 初級] Googleのサーチクオリティチームで以前に働いていた4人が、SEOの都市伝説に対するQ&AをState of Searchブログに寄稿しました。 回答したのは、Fili Wiese氏とKaspar Szymanski氏、Jonas Weber氏、Ariel Lambrecht氏です。 ありがちなSEO都市伝説をズバッと斬っているので紹介します。 元Google社員が斬った12個のSEO都市伝説 組織として、GoogleはSEOを嫌っている。 そんなことは全然ない。実際、良いSEO施策は、Googleがクロールとインデックス、ユーザーにコンテンツを提供することを手助けする。 オーソリティの高いサイトは、疑わしい最適化テクニックを自由にやろうとできる。本当かウソか。 ウソ。Googleのサーチクオリティチームで（働いていた）経験に基づけば、すべてのサイトは同じ扱いを受ける。

4. 典型的なXSSサンプルに対する「素朴な疑問」 • クッキーの値がアラートで表示されても、特に危険性はないよ うな気がする • クッキーの値はブラウザのアドオンなどでも表示できるよね • 任意のJavaScriptが実行されると言っても、ホームページ作 れば任意のJavaScriptが書けるし、見た人のブラウザで実行 されるよね… Copyright © 2013 HASH Consulting Corp. 4 5. そもそもの疑問：JavaScriptは危険か? • 実は、JavaScriptの実行自体は危険ではない • Webは、未知の（ひょっとすると悪意のある?）サイトを訪問し ても「悪いこと」が起きないように設計されている • JavaScriptの「サンドボックス」による保護 – JavaScriptからローカルファイルにアクセスできない – JavaScriptからクリップ

http://anond.hatelabo.jp/20130825164553 http://anond.hatelabo.jp/20110824143747 コレ読んで書きたくなったので。 [基本的に学歴は重要] ・ベンチャーは大抵、創業初期～中期に「安い人材を育てよう」⇒「無理だコレ！」の流れを確実に経験してるので 学歴に関しては経験則として「能力とおおよそ比例する」という感覚を強固に持ってることが多いです。 あと、ベンチャー経営者は大抵「学生ノリ」を強烈に引きずっているので、母校の学生を好むことが多い。 低学歴の場合、突出した何かを持ってない限り面接もしない。してるヒマがないから。 ある意味、成功しているベンチャーの間口は大手より狭い。これは儲かってる中小企業にも言えることだと思う。 学生が入りたいと思うようなベンチャーは、意外に入社難度高め。っつーか、正直こんなとこ新卒で受けなくて

[基本的にはまず学歴は大卒であればどうでもいい] ・留年浪人どうでもいい。Fランはほとんど営業に回されるが、そこでエース級の活躍する奴もままいる。早慶でも早々にメンタルでリタイヤしてしまう奴もいる。結果としては、学歴よりも配属部署とそこの上長次第なので、最低限大学さえ出てればOK。 ただし、出世するなら別。Fランでなれるのは本社なら課長まで。地方なら部長まで。 [出来る人よりも失点のない人を] ・これはその通り。試験がペーパー→面接（人事によるもの、各部署から集めた課長によるもの、各部署から集めた部長によるもの、幹部によるものっていう4段階）と何度もある限りどうしても失点が少ない人が残る。 大学での突出した実績や、ペーパーでのダントツの成績、面接での突飛な答えによる一発逆転は、試験の仕組み上起こりにくい。 [コネは案外きく] ・きく。特に社内より他社（資本関係や取引関係のある会社）からのコ

ドットインストール代表のライフハックブログ

1. LiveStyle for Vim allows editing CSS in Vim and seeing live updates in Chrome without reloading the page. 2. To use it, install the LiveStyle Vim plugin and Chrome extension, run the livestyled server, and bind CSS files in Chrome to the server to enable live updates. 3. Editing and saving CSS in Vim will then instantly update in the browser without reloading.Read less

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

はじめに JavaScript Weekly や 私がやってるJSer.infoなど、 週刊などでJavaScript等の情報について紹介するサイトがここ数年でかなり多くなりました。 詳しくはオフライン勉強会でJSer.info一周年について発表してきた | JSer.infoでも乱立するまとめサイトとして触れています。 それらのサイト、メールマガジン、ポッドキャスト等をまとめたMeta Weeklyというサイトをつくったという話です。 Meta Weeklyって何? Meta Weekly は 単純にそれらのサイトをまとめたリンク集のようなものです。 基本的にまとめているサイトは、フロントエンド、JavaScriptに関連するような生きているサイトをリストアップしています。 機能らしい機能はDaily, Weeklyなどでフィルターするぐらいしかありませんが、RSSがあるサイトなどはそれ

2013.08.24 Ps / Ai / Fw ガチンコバトル勉強会でお話した際に使用したスライドです。 Webデザインで Adobe Illustrator を使うにあたっての最低限注意したいポイントや、地味に便利なTipsをご紹介しつつ、Photoshop や Fireworks とは違う切り口での魅力を主張してみました。

っていうタイトルにすると炎上すると聞いたので・・・(震え声) 最近、アプリのパクリについていろいろ起きているようです。 スマホアプリ市場でパクリが横行していて凄いことになっています 「違法パクリアプリ」製造元を追う 似たような問題は前にもあったのですが(アプリ名を失念)、アプリをパクったとき「悪いパクリ方」と「良いパクリ方」があり(権利侵害と、真っ当な模倣)、その区別はちゃんとしなければならない気がします。 アイデアは著作権法では保護されない まず、大前提として、アイデアは著作権法では保護されません。 著作権法では、著作物を 思想又は感情を創作的に**表現したもの**であって、文芸、学術、美術又は音楽の範囲に属するもの とあります(著作権法 - Wikipedia)。したがって、アイデアのような思想や感情そのものは保護されません。 「釣りゲーム訴訟、グリー敗訴が確定　最高裁が上告退ける」と

iPhoneからWebでHTMLのフォームから写真をアップロードしてもらったときなど、画像が回転して表示されてしまう場合があるようです。原因はExifのOrientationの値が「1」以外になっていること。 画像の向きの情報がExifに埋め込まれているけれど、ファイル自体は回転していない（＝撮影した向きになっていない）ために表示がおかしくなるのです。 ブラウザーの仕様によりますが、ExifのOrientationの値を無視して、ファイルを表示しようとすると撮影した向きとは合わない表示になってしまうことになります。 解決するには、アップロードされたときにExifのOrientationを見て、サーバー側で画像を回転させてしまうのがオススメ。回転して、ExifのOrientationの値を正しい向きに補正します。 以下、PHPのimagick拡張を使った場合の例。 <?php $imagic

OAuth daemonはnode/JavaScript製のオープンソース・ソフトウェア（GNU Affero General Public License）です。 OAuth.ioはフロントエンドエンジニアにとっては便利なサービスと言えますが、セキュリティ的にはOAuthの概念を覆してしまう問題があります。そこでOAuth.ioのコア部分を取り出してオープンソース化したOAuth daemonを使ってみましょう。 管理画面です。まず最初に管理者アカウントを設定します。 次にアプリケーションを作成します。複数作成が可能です。 ドメインも複数指定できます。 そしてプロバイダごとにキーの設定を行います。 例えばこんな感じです。 Tumblrなどになるとどこに設定を行うべきかのヘルプもあります。分かりやすいです。 クライアントID、シークレットを設定します。 その場で試すことができます。認証ダイ

1: 以下、名無しにかわりましてVIPがお送りします 2013/08/26(月) 00:01:09.44 ID:ugpxo64U0 ●持ちの情報全て流出らしい しかも、その●で書き込んだ内容も流出 ●を買ったときの名前や住所、クレカ情報も流出 なんと過去10年以上の情報、全て コテ情報も流出 キャップ情報も流出 be情報も流出（らしい） ありとあらゆる情報が流出 なお、２ｃｈ運営は数日前から気付いてた模様 あまりにも危険な情報だから、 これ以上は自分達でググって調べて 洩れたデータを公開しているhttp://maru.unko.in/のようなサイトが複数作られています。洩れた対象の方は早めに対策を！ 漏れたもの ・全てのトリップ/キー情報(運営用の物含む) ・●ユーザ全員の過去十年の書き込み履歴 ・●ユーザ(クレカ払い)は、書き込み内容に紐付けて、本名住所電番クレカ番号も全公開 流出した●

下記勉強会の発表資料です。 --------------------------------------------------------- 使いたくなる UI をつくる！ フロントエンド 勉強会 : ATND http://atnd.org/events/42371 ---------------------------------------------------------Read less

Twitterでつぶやかれている内容を検索する時に、演算子（パラメータ）なるものが用意されています。 この演算子を知る事で、Tiwtterのツイートをより早く検索する事が出来るようになります。 今回は、Twitterで用意されている演算子を、検索例とともに紹介していこうと思います。 Twitterの検索演算子（パラメータ）のまとめlang:ja「lang:ja」と検索すると、日本語のツイートだけを表示する事が可能です。他の言語のツイートが紛れ込んでいる時には、lang:という演算子を利用してみてください。 例えば、iPhoneは様々な国で使用されているので、日本でのツイートだけ検索したければ、「iPhone lang:ja」といった感じです。 なお、lang:jaの部分を変更すると、他の言語に絞って検索する事も出来ます。 lang:en→英語lang:ko→韓国語lang:zh→中国語la

2. 自己紹介  株式会社シリアルゲームズ（http://www.serialgames.co.jp/）  サーバとクライアントの両方を制作可能です。  サーバとクライアントのワンパッケージを提供しています。  主にゲーム業界のバックエンドを支える業務をしています。  最近は iOS/Android の仕事も多く手がけています。  個人的には、クライアントサイドならなんでもやります。  言語はえり好みしませんが、 Delphi/ C / C++ / C# / Java / x86 MachineLanguage 等が守備範囲です。

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert