動画はデータ容量が大きい 画像と違い、動画コンテンツはデータ容量がとても大きいため、データをダウンロードして再生するまでに待ち時間が発生します。 動画のデータ容量が大きい理由はとても単純で、動画は画像データが集合したものだからです。静止画像を人間の目が滑らかに感じられる速さで切り替えて表示することで絵を動かすという表現を実現しています（よくパラパラマンガに例えられますが、そんな感じです）。この人間の目が滑らかに感じる速さというのが 1 秒間に 30 枚だったり 24 枚を切り替えることになります。29.97 (≒30) fps とか 24 fps とかの数字を耳にしたことがあるかと思いますが、24 fps の場合は 1 秒間（s）の間（p）に 24 フレーム（f）を切り替えることを意味します。 データを全て自分の端末にダウンロードしてから再生しようとすると、かなり長い待ち時間が発生してしま

暇な時間を持て余していた大学時代、僕はパチプロとしてコツコツとお金を稼ぎ、100万円の軍資金を集めた。 僕が大学の頃はたしか日経平均株価がわずかに回復に向かっていった時期で、本屋には ・デイトレードで3億稼ぐ方法 とか、 ・1億稼ぐ魔法のテクニカルチャート分析 というタイトルの本が並んでいた。 デイトレードで100億稼いだというB.N.Fというトレーダーが現れたのもその時期だったと思う。 僕は己の才能を過信していた。 他の人間が稼げたのだから、僕にできないはずがない。 パチンコで勝ちまくった僕だから、デイトレードも同じように勝てるはずだ。 そんな自信から、なけなしの100万をデイトレードに突っ込み、たった３ヶ月で50万の金を失った。 それからは 「負けを取り戻そう」 と焦った結果、パチンコでも負けが続き、結局奨学金に頼って生きるハメになった。 あれから10年近くの時が経った。 あの頃有名に

いま注目すべきシリコンバレーの有名なIT企業は新規のデザインや機能が有効かどうかを検証するためにA/Bテストを行っています。 その一方で、日本の企業も含め、A/Bテストを本番環境で導入している企業は非常に少ないです。 加えて、日本で言われているA/Bテストと海外で言われているA/Bテストは少々異なるものだと感じています。 日本のA/Bテストはフォームの最適化やデザインの修正にとどまっている一方で、海外のA/Bテストはプロダクト開発のサイクルの一部分となっています。 プロダクト開発のサイクルの一部としてA/Bテストを取り入れるためには、大量のテストを定常的に回していく仕組みが必要となってきます。 そこでデータドリブンであると言われているようなシリコンバレーのIT企業は自社でA/Bテストの基盤を作成しています。 今回は社内A/Bテスト勉強会で発表するために、シリコンバレーの有名IT企業がどのよ

(編注：2016/07/29、いただいたフィードバックをもとに記事を修正いたしました。) 免責事項：　私はJSX、Flux、 ES6 、そして webpack を非常に気に入っています。これらのツールについては他のシリーズで話します。 React.jsが騒ぎを起こしているのはご存知の通りです。確かに、 XMLHttpRequest 以来の良いツールです。しかし、調査に数時間を費やした挙句、あまりに多くの用語に 圧倒された だけで終わっていないでしょうか。JSX、flux、ES6、webpack、react-routerが使える今、 他に必要なのは React の使い方を説明してくれる人だけです。 喜んでください、それがまさに当シリーズでやろうとしていることです。信じられませんか？大丈夫、 2分後、 初めてのReactアプリを作った後には納得いただけるでしょう。何もダウンロードせずに、です。

みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？　入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ

著者：お得情報研究家まめ お得情報研究家として、テレビ出演多数。大阪在住の男性です。結婚や子育てで、あまりにもお金がかかる割に、安月給で将来が不安に。実体験を元に、消費・投資・浪費に関わるお金の使い方や節約情報を配信しています。お得情報や割引クーポン、コスパのいい商品を探すのが得意。 まめのプロフィール X（Twitter）：お得情報研究家まめ｜ビリオンログ インスタグラム：お得情報研究家まめ｜ビリオンログ

どうも、まさとらん（@0310lan）です。 みなさんは、「JavaScriptライブラリ」を活用しているでしょうか？ Webサイト制作はもちろんのこと、さまざまなWebアプリやサービスなどを開発する時に、大幅な時間短縮やクオリティを飛躍的にアップすることが出来るようになります。 そこで今回は、国内外で人気が高くて誰でも簡単に扱える「JavaScriptライブラリ」を厳選してご紹介しようと思います！ ■多機能な「写真ギャラリー」を組み込めるライブラリ！ ◆1.Viewer.js 複数の画像を表示する際に、オシャレな「ギャラリー風」に変換してくれるライブラリです。 類似のライブラリはいくつか存在しますが、「Viewer.js」は使い方が非常にシンプルで扱いやすいのに、多機能性も備えているスグレモノとなっています。 基本的な使い方としては、HTMLファイルに表示させたい画像を「リスト要素」で指

こんにちは。名古屋オフィスのコクシンです。 Webサイト制作で欠かせない工程にブラウザごとの動作検証（ブラウザチェック）がありますが、なかなか実機と特定のバージョンのブラウザを揃えるのって難しいですよね。 ChromeやFirefoxならどのOSにもインストールできるので準備も検証も簡単ですが、iOS SafariやAndroid Browser、Internet Explorerなどの固有のデバイス・OSにしかインストールされないものとなると非常に厄介です。 そこで今回は、iOS Safari、Android Browser、Internet Explorerといった主要ブラウザを1台のMacの仮想デバイス上で実行し、簡単にブラウザチェックする方法をご紹介します。 iOS Safari を仮想環境で実行する まずは、iOS Safariを仮想環境で実行してみましょう。 実行するためには、

Linuxのソースコードを管理するために開発された分散型バージョン管理システムの1つである「Git」を取り入れたブラウザ向けRPG「ギットクエスト」が登場しました。Git×RPGというぶっ飛んだコラボレーションがどのようなゲーム内容になっているのか気になったので、実際にプレイしてみました。 ギットクエスト http://unit8.net/gq/ 上記URLを開いたら「ニューゲーム」をクリック、もしくはカーソルを合わせてEnterキーを押します。 「サブバー村は、並行開発によって壊滅寸前であった…」 主人公は赤枠で囲われている男性キャラクターです。 右クリックするとメニューが展開されました。主人公はプログラマのわかもの。 「Gitコマンド」を技として使うようですが、レベルが1しかないためか、まだコマンドを習得していません。 わかものは「リーヌスの剣」「ヘネペタの盾」「リファクタリングの帽子

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

この記事は animateLAB Advent Calendar 2015 19日目の記事です。 こんにちは。ポエムおじさんこと@kariaです。今年のAdvent Calendarもついに19日目となりました。後半に入り歴戦のエンジニアたちが次々と参戦してくれて、主催者としてはありがたい限りです。 今日はポエムデーのはずだったのですが、予定を変更して私の手元の秘伝のタレに少し味付けをして公開することにしました。ということで、LAMP環境で障害対応をすることになった時にどこからアタリを付けてどう調べていくか？という初動対応のお話をします。 そもそもLAMP環境とは OS:Linux Webサーバ:Apache データベース:MySQL アプリケーション：PHP/Perl/Python という組み合わせの、IT用語辞典に項目があるぐらいメジャーな環境構成のことをLAMPと呼びます。最近だとW

先日「サーバーのセキュリティ設定がなにすればいいかわからない」と相談をうけまして。 自分も初心者の時どこまでやればいいかわからず手当たりしだいにやって沼に入っていたのを思い出しながら自鯖構築したときのメモを元にまとめてみました。 注意 セキュリティ対策は用途や場合などによって違います。 自分で理解したうえで自己責任でおねがいします。 対象読者 Linuxのサーバーを建て慣れていない人 Linuxはある程度さわれる人(自分でパッケージを入れたり、サービスを止めたりできる) ラインナップ ☆は導入の重要度と導入の容易さから個人的偏見からつけた値です。 4つ以上が"最低限やること"だと思ってください。 sshd

宇野 和弘｜Kazuhiro Uno 回答者プロフィール： 表参道、渋谷の有名美容室４店舗を経験。キャリア２１年。毛髪、薬剤知識が豊富。得意分野はカラーリングと縮毛矯正。丁寧なカウンセリングをベースにしたカットでスタイルを作り、併せて最適なヘアケアを提案。特に３０〜４０代の美意識の高い大人の女性から評価を頂いています。

GitHub、Gitで画像や動画など大容量ファイルを扱える「Git LFS」（Git Large File Storage）正式リリース GitHubは10月1日（日本時間10月2日早朝）、サンフランシスコで同社初の大型プライベートイベント「GitHub Universe」を開催しています。 その基調講演にて同社CEOのChris Wanstrath氏は、画像や動画、音声といった大容量のファイルをGitワークフローで扱えるGitエクステンション「Git LFS」（Git Large File Storage）の正式提供を発表しました。 Gitはそもそもテキストファイルのコードを扱うことを前提にして差分や圧縮などの操作を行うように作られているため、デザイナやクリエイタなどが扱う画像や動画のような大容量ファイルの扱いは苦手でした。 Git LFSはGitの中に大容量ファイルへのテキストポインタ

環境 移行元：iMac os marvericks,vagrant最新,virtualbox(centOS64bit,ruby,sqlite,rails) 移行先：MacbookAir marvericks,vagrant,virtualbox 今回はデスクトップで環境構築した内容をそのままノートPCに移行しました。 今までは外出先ではObjective-cしか弄ってなかったんですが、Rubyも弄りたくなりまして…w 参考にしたのはコチラ http://qiita.com/kon_yu/items/ac7fb2c5af1cc0844225 移行元と移行先でやることを分けてメモっておきます。 移行元でやること ○package.boxのエクスポート # vagrant package しばし、待たれよ…w その間に移行先にvagrantやvirtualboxインストールしちゃってもいいかもで

CakePHP2 を勉強してきて、1つのテーブルにデータを入れるには Model::save を使えばよいし、やってみた記録を残してくださっている方々のページも見つかって心強いのです。 けれどもじゃあ、表示したページのフォームにいろいろデータを入力して、登録！とかクリックしまして処理を走らせたときに、2つのテーブルに1度に綺麗にスマートにデータベースに Insert する方法は、意外と見つかりません。 ですので、やってみました。記録を残します。 ポイント アソシエーション設定済みの複数モデルのテーブルに1度にデータを保存するには、Model::saveAssociated を使う。 ちなみに、Model::saveMany はひとつのモデルに複数行を登録するときに使う、らしい（未検証）。 ちなみに、Model::saveAll は Model::saveMany または、Model::sa