DevTools、使ってますか？ もはやChromeじゃないと開発できないくらいに飼い慣らされています。 ブレークポイントやconsole.logなど基本的な使い方から、TimelineとAuditsを使ってのパフォーマンス計測などなど、DevToolsのポテンシャルは計り知れません。 個人的にはConsole APIが好きなんですが、今回はConsoleパネルで使える Command Line API の使い方についてまとめてみました。 $_ $_には最後に評価した式の結果が保存されています。 Console上で計算を行なった場合や、$セレクタなどでDOMを検索した結果など、最後の結果が常に保存されます。 $0 〜 $4 $0から$4にはElementsパネルで選択した要素が5つ保存されています。$0が最後に選択した要素で数字が増えるごとに過去に選択した要素になります。 $0は特に使いや

こんにちは、制作部デザイナーのぺちこです。 近頃動画を使ったサイト制作に関わらせていただく機会に恵まれておりますが、 お恥ずかしながらvideo実装をしたことがなかったので、 ひたすら勉強三昧でした。 背景に動画を使ったサイトも、今ではだいぶん主流になってきた印象ですが、 動画を1つのコンテンツとして、長めにしっかりと載せているサイトも増えてきましたね！ 動画を大事なコンテンツの一部とすると、 YouTubeやVimeoで簡易的に載せるだけではどうしても物足りず…。 せっかくなので<video>タグを使用してオリジナルのコントローラーやシークバーを作ってしまおう！というのが今回の記事の内容です。 では早速行きましょう！ オリジナルUIの全画面動画を<video>で実装する方法 JSを使用すればvideoをがっつりコントロールできるのですが、 これがまた調べてもスクリプトが出てくるばかりで、

リポジトリだけつくって、ずっと放置してた 「iOS のカスタム画面遷移ギャラリーアプリ」 にやっと手をつけて、64種類 を試せるようにして公開しました。 https://github.com/shu223/AnimatedTransitionGallery なぜつくったのか iOS 7 から UIViewControllerAnimatedTransitioning および UIViewControllerTransitioningDelegate プロトコルが追加され、カスタム画面遷移（トランジションエフェクト）が格段に実装しやすくなりましたが、結局のところ実際のアニメーション部分は自分で実装する必要があります。 で、カスタム画面遷移は UIViewController の実装とは切り離せるようにAPIが設計されていて、使い回しやすい ので、こうして一カ所にまとまっていてすぐに試せて見比

本日はメルマガの日。なのでブログはさくっと役立ち情報を書いておきます。メルマガで「永江さんが使ってる便利なサービスを教えてください」というのがけっこうあるので、本日はとっておきのひとつ。 競合のだいたいの訪問者数を知る方法 です。まあ昔からALEXAのトラフイックとかはありましたが、けっこう適当です。Googleのページランクなんてもっと適当で、ほとんど意味が無いと思います。で、いま１番いけてるのがコレでしょう。けっこう前から使ってますが、アクセス数が少ないところは出てきません。誤差はありますが「いまいけてるのか」「だめなのか」というリサーチには十分と思われます。Chromeの拡張機能にもありますのでわたしは入れてます。アクセスが少ないと誤差が大きくなる印象。 http://www.similarweb.com/ ここにいって調べたいサイトのURLを入れる。ドメインで見ているのでアメブロの

関連キーワード Amazon Web Services | Active Directory | IaaS | Windows Azure 「多くの『Amazon Web Services』（AWS）プライベートクラウド利用者は、『Amazon Virtual Private Cloud』（VPC）にサインアップするところから始めている」と米Amazon Web Servicesの主任プロダクトマネジャー、ポール・ダフィー氏は話す。「オンプレミスから拡張したいときはそこが出発点になる」という。VPCを利用すると、AWS内に定義された論理的に分離されているネットワークを作成できる。この新しいネットワークは、利用者の既存資産に統合でき、企業で現在使用しているのと同じIPアドレスや、同じまたは同等のネットワークアクセスコントロール（ファイアウォールなど）を通ってアクセスできる。 VPCを利用する

Googleアナリティクスとは？ 「登録／設定」が難しそう…… Googleアナリティクスは、Googleが無料で提供するアクセス解析用のサービスです。 「アクセス解析？」と聞き慣れない用語に首をかしげてはいませんか？ アクセス解析とは、サイトへのアクセスを分析することです。 Googleアナリティクスを使えば、単にアクセスを数えるだけでなく、サイトを訪れた人の様々な行動を分析できます。 分析結果からはサイトを改善するためのたくさんのヒントが得られるので、Googleアナリティクスはサイトオーナーにとって欠かせません。 でも、ちょっと登録から最初の設定がめんどくさいんですよね。 聞き慣れない用語を理解するところから始めなければいけないので、苦手意識が先に出てしまう初心者さんもいるでしょう。 そこで今回の記事が役立ちます。 今回の記事では、Googleアナリティクスの設定手順と基本的な使い方

ツイートの下の［開く］がなどになっていて、クリックすると上記のような表示になるのです。これが「Twitter Cards」と呼ばれる仕組みです。 昔は一部のサイトでしか使えなかったのですが、今は設定して登録すればどんなサイトでも利用できるようです。 設定手順は以前にこのコラムで紹介していますでそちらをご覧いただくとして、 Twitter Cardsを設定して自社サイト情報をツイートに出す2つの手順（OGP済みなら10分でOK）そのうち「Twitterカードを表示したいサイトをTwitterに登録」の部分が少し変わっているので、そこを解説します。 「ネットショップ担当者フォーラム」というサイトを立ち上げたのですが、その際にTwitterカードを登録しようとしたら、以前よりも手順が楽になっていたので、改めて解説です。 Twitterカードを表示したいサイトをTwitterに登録Twitterに

こんにちは、霙(@xxmiz0rexx)です。 立て続けに記事を書いてしまうほど愛してやまない魅力的なエディタ『Sublime Text』。 便利な機能は星の数ほどありますが、今回はこれだけ覚えておけばSublime Textの恩恵にあずかれるはず！！という、 私のオススメショートカットキーたちをご紹介したいと思います:) ※Mac版です 覚えておきたいショートカットキー とりあえず一番オススメの3つをご紹介。とっておきの便利な子たちがいます。 私がSublime Textを使う理由の最たるものがこれで、もっと言うとこれがあるから使っていますｗ みぞれが選ぶ最も便利なショートカットキー3個 入力コマンド 結果

Gunosy（グノシー）の特徴はプロダクトだけではないようです。良い会社には「リズム」が必要と語るその真意とは。また、技術に優れた福島氏と、経営経験に優れた木村氏という二人の共同代表の役割分担とは。Gunosyのチーム論に迫ったインタビューです。

TOP > すき家 > すき家の経営陣がアルバイト一人に店内業務全てを押し付ける「ワンオペ」をやらせた結果→店内が悲惨な状況に…人を雇うよりも強盗されたほうがいいと考えるブラック企業ゼンショー Tweet カテゴリすき家 0 ：ハムスター２ちゃんねる 2014年4月16日 8:23 ID：hamusoku 店員一人じゃこうなるわ、全部片付けられない。若い兄さんひとりでかわいそうだ。すき家経営陣、悔い改めろ！ 忙しすぎて味噌汁に親指相当入ってたわ！ 強盗被害も多いすき家　深夜店員1人営業続ける理由は何か 厳しい労働などのためにゼンショーには「ブラック企業」批判がついて回る。 「深夜のワンオペレーション（ワンオペ）」も問題視されている。他の牛丼チェーンと違い、ゼンショーでは深夜、店員が1人しかいない。強盗に狙われるケースが非常に多いのだ。 「しかし、『強盗の被害額よりも、ワンオペをやめて人を増

若いうちはまず、やってみればいい 質問者：けっこうざっくりした質問なんで。自分がホンマに大雑把に持っている夢があるんですけど、アメリカで日本茶を売りたいっていう夢があって。しかも今インターネットとか見ていると「おーいお茶」とかめっちゃアメリカで人気で。行くなら今やなって思うんですけど。飲食業を一回生(大学一年生)からいきなり海外で展開するのってムリだなっていうか、難しいのかな、どうしよう、でもやりたいって思ってて。アドバイスを欲しいなって思って。 国光：でも一番いいのはとりあえずネットで英語のサイト作ってみて。そこで一旦販売してみるみたいな。そこである程度形になったら……。それだったらお金かからへんしね。 真田：お茶の葉っぱを売りたいのか、それとも飲食業ってことは店舗をやりたいのか。どっち？ 質問者：お茶そのものをまず売って、お茶の味を知ってもらってから、家でも楽しめるようにお茶葉を売りた

あまりにも処理に時間がかかるようなSQLを実行してしまい、MySQLがうんともすんとも言わなくなってしまうような状況、よくありますよね。っていうか、まぁそんな状況あってはならないんですが、時たまあります。そんな時、問題となっているクエリの処理を止めたいわけです。 特定のクエリを止める方法 MySQLで実行中のクエリ一覧を見て、SQLを強制終了する方法 こちらを見てもらえればやり方は分かります。単純にMySQLに入って、show processlist;で問題のあるクエリを発見し、プロセスIDを kill するだけ。とても簡単。 複数のクエリを一括で止める方法 今回は問題のあるクエリが100個あったらどうする…？的なのを解決するエントリーです。まぁ、問題あるクエリ100個ある状況は、アプリ的に問題あるんじゃね？っていうレベルですが。 1個ずつプロセスIDをコピペして…なんてやってられないです

【動画あり】ノイズミュージックとか貼っていく Tweet 1: ◆/lxxx.SPQQ 2014/04/13(日)02:05:56 ID:mDIP6ShpS ノイズ音楽やらインダストリアルやら貼っていくよ！ 3: ◆/lxxx.SPQQ 2014/04/13(日)02:06:58 ID:mDIP6ShpS 音量注意なのもあるので苦手な人は気をつけて！ 2: ◆/lxxx.SPQQ 2014/04/13(日)02:06:15 ID:mDIP6ShpS ◆Sutcliffe Jugend ノイズバンドWHITEHOUSEのメンバー、Kevin Tomkinsが所属するユニットです 使用済みのコンドームをアルバムに封入するなどして悪評を得ました Sutcliffe Jugend - Blind Ignorance http://www.youtube.com/watch?v=BVjmsjl7jG

柴那典×さやわか 『初音ミクはなぜ世界を変えたのか?』刊行記念対談（後編） 2014.04.15 19:45 音楽ライターの柴那典氏と物語評論家のさやわか氏が４月６日に五反田のゲンロンカフェで行ったトークセッション『★さやわか式☆現代文化論　第6回『初音ミクの真実！』さやわか×柴那典』の模様を取材。前編【初音ミクはいかにして真の文化となったか？ 柴那典＋さやわかが徹底討論】では、テレビ論や音楽ビジネスのあり方、電子音楽の系譜における初音ミクの存在について会話が展開した。後編では、教育の現場などに導入され始めているボカロの現状や、ヤンキー文化とオタク文化について語り合った。 「初音ミクが『ここにいるんだよ』って歌うときのエモーションに中二病を感じる」（柴） さやわか：これはあえて聞きたいのですが、柴さんは初音ミクが将来的にもっと普及したら、紅白に出たりするようになるというふうに考えていますか

日本オープンオンライン教育推進協議会（JMOOC、ジェイムーク）は4月14日、大学の講義を無償で受けられるオンライン講座「MOOC（Massive Open Online Course、ムーク）」を開始した。NTTドコモが構築したプラットフォーム「gacco」などで、大学教授らによる講義が順次開講する。 MOOCは、主要大学や有名教授による授業をオープンなオンライン講座として公開するサービスで、2012年から米国などで急増している。代表的なMOOCである「Coursera」や「edX」には、米国だけでなく欧州やアジアの大学も参加しており、受講者に正規に単位を付与する大学や、認定資格を企業の採用基準として活用する事例も出てきているという。JMOOCでは、日本においてこうした環境の構築を目指す。 14日には3つの講義が始まった。gaccoではその内の1つ、東京大学の本郷和人教授による講義「日本

4/12 に大阪でコンテナに関する仮想化の勉強会を開催し，『Linux コンテナ入門』というお題で発表してきました． 前日はDocker Meetup Tokyo #2で，最終の新幹線に飛び乗り，翌日午前から準備をして (前日，私がいない間に準備してくれて助かった!!)，午後から勉強会ということで，アラフィフ予備軍のおっさんにはちょっと強行軍だったのですが，年間を通じて最もコンテナ分の濃い二日間になり，非常に楽しく，ためになる時間を過ごすことができました． この勉強会はは広く「コンテナに少しでもかすれば良い」という考えで開催しています．私がどちらかというとベースとなる仕組みの勉強ばかりなので，実際の応用事例とかも聞きたい，自分が使ってないコンテナ技術についても聞きたいと思っているからです．自分が聞きたい話を聞くために勉強会を開く，という考えですね．プログラムについても仕組みから徐々に応用に

「ユーザビリティを意識することが大切！」って言われても、何となく意味は分かるけど具体的にどうすれば良いの……と悩んでいる方も多いのではないでしょうか？ ユーザビリティとは、「単なる使いやすさ」のことではありません。特にWebにおいては売上や成果などビジネスを左右する重要な概念です。しかし、多くの人がユーザビリティについて間違った認識を持っているために、みすみす売上や成果を逃しているケースをよく目にします。 ユーザビリティを正しく理解するポイントは、特定のユーザの行動、心理、目的に焦点を当てることです。 本日は、よくある「間違い・落とし穴」を例に出しながら、売上改善に直結する「正しい」ユーザビリティの考え方をご紹介します。ぜひ皆さんもユーザビリティの理解を深め、Webサイトの改良に役立ててください！ 【事例】１つのボタンを変えただけで、年間300億の売上増！売上に直結するユーザビリティとは、

実際にデータが漏れる様子を見たい方はコチラ→あ、何か漏れてる… OpenSSL Heartbleed 実験その２へどうぞ。 さて ネット上の通信の大部分において「安全」を担保していた OpenSSL なのですが... でっかい穴 が空いていたことが明らかになったようです。いわゆる Heartbleed バグ。トホホです。 「ネット上のサービスで OpenSSL を使っている(いた)サイトは、もしかしたらこのバグを知っていた悪い人からサーバー上の情報を盗まれていたかもよ？ しかも盗んだ形跡は残らないんだぜ？」 ということになります。 サーバー上の情報というのは、例えば パスワード、メールアドレス 自分で登録した名前とか住所とか もちろん自分で入力したクレジットカード番号とか… などなど。 Mashableによると、有名なサービスでヤバイのは、 Facebook Tumblr Google Y

フリーランスになって始めてわかること 最近はフリーランスとして、仕事をしている方も増えてきているようです。僕もそのうちの一人なのですが、会社に勤めていたころとは大きく変わったことが１つだけ・・・ それは全て一人でやらなければならないということです。 会社では自分の担当していたところだけをやっていればよかったのが、経理処理や確定申告、仕事探しの営業から契約まですべて一人でやる必要があり、作ってるだけじゃ食っていけないってことを思い知らされました。 しかし、こういった「モノ作り」以外の部分を強力にサポートしてくれるツールがたくさんあります。この記事ではフリーランスWebデザイナーが自分の仕事に集中するためのサポートツールを紹介していきます。 ではさっそく各カテゴリーごとにおすすめ仕事効率化ツールをチェックしていきましょう。有名なものだけでなく新しいツールをどんどん紹介していきます。フリーランス