モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI
モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI 川田寛（ピクシブ株式会社） こんにちは、ふろしきです！ 私はHTML5 Experts.jpで、過去2年ほどGoogle I/Oの情報を発信し、Web技術の変化についてお伝えしてきました。振り返るとGoogleは、2014年にモバイルWebの提唱と技術要素の拡大を図り、2015年からは「RAIL（モバイルWebが目指すべきパフォーマンス指標）」や「Progressive Web Apps（アプリのように振る舞うWeb）」といった、モバイルとの親和性が高いWebを作り出すための”考え方”を推し進めました。今年2016年は、さらにそれを踏み込んでいったという感じがします。 今回のI/Oで取り上げるのもそのひとつ。毎度お馴染みGoogle Developer A
日本は本物の天国だった『求職者支援訓練 Unityスマホゲーム開発-午後科』。半年間の職業訓練がほぼ無料。実質130万円分。 - ロストテクノロジ研究会（新）
Unityすごいですね。大学や工業高校の授業では既に定番と化している。それだけでなく小中学生を対象とするゲーム開発教室も盛んに実施されている。多くは地方自治体・地方公共団体の主導のもとにです。 もちろん本格的に開発しようとすると足りない。数時間の授業の中ではものを配置し動かすだけで精一杯なのでしょうが・・ で。 普及の度合いを測るために当該ワードで検索してたらすごいものみつけました。 職業訓練校として登録されている専門学校での授業です。ハローワーク等から紹介してもらえるものみたいですね。物凄い密度で授業する。総訓練時間は600時間！ 半年間の職業訓練でみっちり鍛え上げようというのだ。 このコース。国家が授業料を支援するものみたいなのですが。なんと教科書代だけで受講できる（14,700円。他に交通費500円）。最後に任意で資格試験まで受験させてくれるのです。 こんなシステム他国にはないのです
CSSはやっぱり便利！最近のWebページでよく使うさまざまなコンポーネントを実装するスタイルシートのまとめ
ここ数年でCSSは加速度的に進化し、ひと昔前まではJavaScriptを使用しないと実装できなかったのが、CSSのみで実装できるようになりました。また、サポートすべきブラウザもIE8が除かれるようになり、今まで躊躇していたテクニックも数多く利用できます。 アコーディオンやカルーセル、モーダルボックス、ポップオーバー、フリップ コンテンツなど、JavaScript無しのCSSで実装するテクニックを紹介します。
モーションデザインはUIの未来 | POSTD
最近、「モーションデザイン」という言葉がデザイン業界で急に出てきていることに気づいていますか？大小様々な企業が、これに特化した肩書きを持つデザイナーたちを雇いはじめています。最近ではGoogleが I/Oカンファレンス で、Googleの製品で統一化されているモーションランゲージの概要について話していました。 この騒ぎは何でしょうか？そして何の意味があるのでしょうか？ モーションはストーリーを語ります。 アプリにおける全ての物事は連鎖になっていて、モーションはあなたのガイドになります。ボタンをクリックして、画面が変わる度に、そこにはストーリーがついてきます。例えば、アイテムを作ったり削除する時、アニメーションがどのように役に立つかを見ていきましょう。 アイテムを消すことは劇的で破壊的な作業ですので、適切に反応するようにしましょう。アイテムをただ画面から消すだけということはしないようにしまし
より良いCSSを書くための様々なCSS設計まとめ
CSSは誰でも簡単に自由に書けるのですが、好きなように書いていると「ここを変更したら、違うところが崩れた」といったようにすぐに破綻してしまいます。 さらに、複数人で書いている場合は、各々が好きなように書いて読むだけでも苦痛なCSSが出来上がってしまいます。 そこで、これらの問題を解決するために考えられたのが「CSS設計」です。 今回は記事が長くなり過ぎるので、CSS設計の概要のみを説明し、参考となる公式ドキュメントへのリンクを記載しました。 CSS設計とは CSS設計は、CSSを記述する時のルールとなるものです。プロジェクト毎に適したCSS設計を採用することで、「良いCSS」にすることができます。 最近では、命名規則はBEMで、構成はSMACCSのように各CSS設計の概念を取り込んだオリジナルの規約をつくるといったことも多いようです。 「良いCSS」とは 「良いCSS」の定義として、おそら
わかりやすさの技術 - やしお
社内向けの教育資料を、ど素人でもわかるようにと思いながら作っていて、じゃあ「わかりやすい」って何だろうって考えてた。今まで読んできたいろんなわかりやすかった本とそうでない本を思い浮かべながら、一般的にここを注意すればわかりやすさを確保できるだろうっていうポイントを一旦まとめておこうと思った。そうしてまとめてみると、本に限らず人に何かを伝えること一般に適用される話だなと思った。 読む側の負担を減らす わからない＝理解をはばむ障害物がある。この障害物を取り除く／回避する作業が「わかる」ために必要になる。その作業を、作者ではなく読者が負担するとき「わかりにくい」本になる。 日本社会だと情報の受け手の側がこの「わかる」ための作業を負うことでコミュニケーションを成立させる傾向にある。空気を読むというようなことだ。そのため発信者側が事前に手を尽くしてわかりやすく発信するというのが苦手で、相手が汲み取っ
Rails3/4並行稼働の仕組みと実際にやってみて良かったこと悪かったこと - クラウドワークス エンジニアブログ
クラウドワークスのエンジニアの森田（@minamijoyo）です。 ついにRails5がリリースされましたね。今日はRails5じゃないですけど、Rails3/4並行稼働させた話をしようと思います。Railsバージョンアップを検討している方々の参考になれば幸いです。 はじめに 去る2016/03/28 「Rails Upgrade Casual Talks」というイベントでRails3/4並行稼働させる仕組みを作ってる話をしました。 イベントの模様はエンジニアブログにきびたん(@ctokoro_me)がまとめてくれてるのでこちらを参照して下さい。 engineer.crowdworks.jp 上記のイベントで発表した内容はこちらです↓ Railsバージョンアップを段階的に行うためにRails3/4並行稼動させる仕組みを作ってる話 from Masayuki Morita www.slide
写真やカメラを勉強する為に参考にしているサイト【初心者向け】 - カメラを買って１年半の素人がストックフォトに挑戦
2016 - 07 - 07 写真やカメラを勉強する為に参考にしているサイト【初心者向け】 まとめ スポンサードリンク Twitter Google+ Pocket 人気記事一覧 写真撮影が上手くなるかも!?おすすめのカメラグッズ 【一眼レフ・ミラーレス一眼ユーザー必見】 かっこいいカメラバッグ Incase DSLR デザイン、収納性抜群です sony α7とLightroomでRAW画像のテザー撮影をする方法 今日は、初心者の私が写真の撮影方法を勉強したり、カメラやレンズの事を知る為に、何度も見ていたサイトをいくつか紹介したいと思います。 写真の腕をあげ、きれいな写真を沢山撮りたいですね。 studio9 photo-studio9.com 今更私なんかが紹介しなくても、写真をしている人はほとんど知ってると思いますが、幅広いとてもためになる内容ばかりです。 はじめて星空の撮影にをした時
sublimeプロジェクトの管理しよう - Qiita
{ "folders": [ { "path": "/path/to/project/report5" }, { "path": "/path/to/project/report4" } ] } これに追加するとそのプロジェクトだけ有効になります。便利ですね！ 以下のものが設定できます。 folders path フォルダーへのパス。必須 name サイドバーでの表示名 file_exclude_patterns 非表示にするファイル名のパターン folder_exclude_patterns 非表示にするディレクトリ名のパターン file_include_patterns 表示にするファイル名のパターン folder_include_patterns 表示にするディレクトリ名のパターン setting PreferencesのUser settingsを上書きすることが出来る。 buil
RailsのRSpecテストを速くする方法まとめ - Rails Webook
Photo by Flickr: chief_huddleston's Photostream Railsの規模が大きくなると自動テストの実行時間もだんだんと長くなっていきます。素早く開発していくにはテストの実行時間を短くすることが大切です。 RSpecのテストを速くする方法をまとめましたので参考にしてください。 動作確認 Rails 4.1 rspec-rails 3.1.0 test-queue 0.2.9 目次 1. RSpecのパフォーマンス測定 2. test-queueで並列でテストを実行する 3. rspec-guardを使って更新したファイルを自動的にテストする 4. Springを使ってテストのロード時間を短くする 5. ログレベルを変える 6. GCを実行を抑える 7. RSpecファイルのリファクタリングをする 7.1. itを少なくする 7.2. createよりも
Railsの開発効率を上げる - guard-rspec 自動でテスト(RSpec)を実行させる - Rails Webook
Guardとは Guardとはファイルの変更を検知して、自動的にさまざまな処理を実行してくれるRubyのGemです。 これ単体で使うよりも、他のツールと連携し、自動的に処理を行うことにより開発効率を上げることができます。 メジャーどころとしては、次の３つだと思います。 guard-livereload - Viewファイルの変更したときに自動的にブラウザをリロードする guard-rspec - specファイルを変更したときに自動的にRSpecを実行する guard-rubocop - ファイルを修正したときにRuboCopを実行する 本記事では、Railsへguard-rspecの導入方法を記載します。 RSpecを自動的に実行することで、ソースがいつ壊れたか簡単に検知できるようにします。 対象読者 Railsの開発効率を上げたい方 確認バージョン Mac OSX 10.9 Ruby
これから iPhone アプリ開発に携わるのであれば覚えておきたい最低限のこと | DevelopersIO
iPhone アプリを作ってきて 私が iPhone アプリ開発を始めてからおよそ4年が経過しました。 その間に得た知見の一部を紹介致します。 この記事の対象読者は以下の方を想定しています。 これから iOS プログラミングを始めたい方 今まで本格的に iPhone アプリを作ってはいないけれども、興味がある方 開発の事はよくわからないけれども、アプリのプロモーションなどを担当している方 これから iPhone アプリ開発に携わるのであれば覚えておきたいこと 言語について モダンな書き方をする → Objective-C でもジェネリクスなどを積極的に使う 冗長な書き方をしない → [[Class alloc] init] は [Class new] と同等 Swift は GitHub の Release や Issue などを追う → オープンソースの活用 豊富なOSSを活用する →
Kubernetes 1.3が登場。マルチクラウド対応、データベースのようなステートフルアプリも管理可能、ローカルテスト用にミニ版も登場
Kubernetes 1.3が登場。マルチクラウド対応、データベースのようなステートフルアプリも管理可能、ローカルテスト用にミニ版も登場 Kubernetesは、多数のDockerコンテナをラベルで分類し、特定のラベルのコンテナを10個立ち上げ、稼働状況を監視して万が一途中でいくつかのコンテナが落ちたら新たに追加のコンテナを立ち上げて10個の稼働を維持するといった、Dockerのクラスタ運用を自動化してくれる機能を備えています。 Kubernetes 1.3では、従来よりも管理できるクラスタ内のノード数が2倍になり、クラスタサイズを気にする必要がほとんどなくなりました。 新機能の「Cross-cluster federated service」は、オンプレミスなども含む別々のクラウドで稼働する複数のクラスタ群を連動するものとして管理できます。マルチクラウドを用いて物理的に離れた場所で稼働す
課金モデルで急成長の中国版「ヤフー知恵袋」 企業価値1億ドルを突破 | Forbes JAPAN 公式サイト（フォーブス ジャパン）
ユーザーが日常のあらゆる質問を投稿し、回答を求めるQ&Aサイトは目新しいものではないが、中国の企業「Guokr.com（果殻網）」はQ&Aサイトをアプリ化し、サービス開始から24日で企業価値1億ドル（約102億円）の評価を獲得した。 果殻網が開発したアプリ「フェンダー（分答）」は、著名人が質問に答える米国のサイト「Ask Me Anything（AMA）」をヒントに開発された。AMAではオバマ米大統領やビル・ゲイツ、有名カルト宗教の元メンバー、マフィアのボスなど特殊な経歴を持つ人々が投稿者の質問に答えている。 フェンダーの利用者は専門家や芸能人らに料金を払って質問し、60秒のボイスメッセージで返事を受け取る。さらに、他のユーザーも1元（約15円）を払えばボイスメッセージを再生でき、その代金は質問の投稿者と回答者に分配される。つまり、質問をしたユーザーは支払った料金の一部を取り戻すことができ
Infrastructure as Code
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
Infrastructure as Codeと組織構造
2. 吉羽龍太郎 / Ryuzee.com ✤ アジャイル開発/DevOps/クラウドに関する従量課 金型コンサルティングサービスを提供 ✤ http://www.ryuzee.com @ryuzee 3. コンテキスト設定 複雑な領域 探索 理解 反応 カオスな領域 行動 理解 反応 込み入った領域 無秩序 な領域 理解 分析 反応 明白な領域 理解 分類 反応 ✤ 1チーム〜数10チームくらいの規模を想定 ✤ とてもお硬い領域というよりは変化の大き い領域の話 4. Infrastructure as Code (1) ✤ なんらかのアプリケーションを動かすためのインフラをコードで記述すること ✤ コードで書くことで再現性を高められる (はず) ✤ コードで書くことによって、ソフトウェア開発のプラクティスがインフラにも適用可能 になる
Rubyはじめての人がRails開発に参加するときに最初に知っておくべきこと - Qiita
※この内容はRailsで書かれたWantedlyのプロジェクトに参加することを想定していて、一部Railsのデフォルトでない機能の解説もありますが、使っているgemもメジャーなもので割と汎用的な内容になっていると思うので、是非参考にしてみてください。 URLを見ればだいたいどこを変更すればいいかわかると言うこと Ruby on RailsはMVC(Model View Controller)にもとづいて設計されていて、ディレクトリ構造的にもapp/以下に綺麗に分かれている。 MVCって何？って人は、ググってみてほしいが、割と宗教論争になりかけているので、モデルはDBの各テーブルに関連していて、ビューはHTMLの部分に近くて、コントローラーはビュー用にモデルを引っ張ってくるつなぎ役だと思ってれば大体合っている。これ以上は深く考えずにコードを読んだほうが良いと思う。 Router でもコード的
プログラマが知っておくべき、メモリ/ディスク/ネットワークの速度まとめ - Qiita
注: 無線ネットワークは干渉などによりこの数値より遅くなる状況も十分ありえます。 ポイント メモリからの読み込みとディスクからの読み込みはランダムアクセスで1000倍程度違う とは言え、最近はディスクも結構速い きちんと繋がれた有線ネットワークからの読み込みは、ディスクより速い つまり、ディスクから読むより、同じデータセンターのマシンのメモリから読んだほうが速い モバイルネットワークだと100キロバイトのデータでも1秒以上かかることがある メモリからの読込速度の遅さは、CPUのクロック数も10G/s程度なのと、本来はL1/L2キャッシュなどがあることを考えると通常意識しなくて良い 何故この参考値をまとめたか プログラミングをする際、どのくらいの時間でどのくらいのサイズ感の処理が出来るのかを考えられることが、ある一定規模以上のサービスを開発するときは必須条件になってくると思います。 なにより
Big Sky :: golang の channel を使ったテクニックあれこれ
golang の channel は他の言語に見ない独特のパラダイムを開発者に提供します。 単純にスレッド間でメッセージングをするだけでもC言語で書けばそこそこの量になったり、慣れていない人であればどう実装すればいいか分からないなんて事もあったと思います。しかし golang の goroutine/channel は、やっている内容の割にとても容易にスレッド間通信やキューイング、処理の受け待ち等を実装できる様になっています。尚、channel をどの様に適用したら良いかについては以下を参照下さい。 Big Sky :: Golang の channel の使い所 golang の特徴と言えば goroutine と channel ですが、その使いどころに悩む人もおられる様です。 goroutine は非同期に実行される処理、channel はその grout... http://mat
IQ200・何のためどう学ぶか？『読む・書く・考える IQ200の「学び」の方法』 - 読書で本から学ぶブログ【書評・感想】
IQが高い。 すごそうですよね。 そんなIQが高い人の学び方には興味を抱きます。 ということで、『読む・書く・考える IQ200の「学び」の方法』を読みました。 読む・書く・考える IQ200の「学び」の方法 作者: 矢野祥 出版社/メーカー: 祥伝社 発売日: 2013/08/02 メディア: 単行本 この商品を含むブログ (2件) を見る 現在22歳の著者は、4歳でIQ(知能指数)200以上と測定された「超天才」。9歳で4年制大学に入学し、12歳のときに大学院へ進学、18歳で生物学 博士号を授与され、21歳で医学博士号を取得。21歳での二つの博士号取得は世界最年少で、全米でも大きなニュースとなった。大学院修了後はシカゴ大学付 属病院に医師として勤務している。 本書は、そんな天才少年が大学入学から現在に至るまでの道のりを振り返りながら、天才が天才でありつづけるための「勉強法」を初めて公開
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
