α7が出たときは違和感があったデザインも、すっかり馴染んで1つの個性となった感じ。α7S＋Vario-Tessar T* FE 24-70mm F4 ZA OSS。カメラがデカく見えるのは、持ってる人の手が小さいからであります ソニーから手のひらに乗るフルサイズミラーレス（いや、手のひらはちょっと大げさか）として「α7」が登場してから約9カ月。光学ローパスレス仕様の高解像度モデル「α7R」に次ぐ、3台目の兄弟が登場した。それが「α7S」である。 α7Sのボディはα7、α7Rとまったく同じと思っていい。厳密な意味で全く同じというわけではないが、大きさやデザイン、操作系はそのままだ。ぎゅっと圧縮したようなボディに大きく飛び出たペンタ部（中に入ってるのはEVFだが）を持つ独特のデザインのカメラである。 3兄弟ともフルサイズのセンサーを持つ、Eマウント（つまり、かつてのNEXと同じマウント）のミラ
最近こういうことよくやらなきゃなのでまとめました。 以下のリンクにある動画とスライドのまとめみたいなものです！ 自分用なので、細かいことは書いてませんが。 参考：Memory Management Masterclass with Addy Osmani - YouTube 参考：JavaScript Memory Management Masterclass // Speaker Deck 動画のがわかりやすいので、時間のある人はぜひぜひ。 0. はじめに パフォーマンスチェックには、DevToolsのTimelineとProfileが便利 Chromeのタスクマネージャでもメモリの使用量とかはわかるけど、DevTools使ったほうがわかりやすいし使うべき 1. DevToolsを使ったDEMO Sawtooth Curve DevToolsのTimelineで、所謂ノコギリ型にメモリの
https://www.youtube.com/watch?v=VkTCL6Nqm6Y 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約1時間前 OSCON 2014におけるInstagramのWebチーム責任者であるPete Huntの講演。PeteはInstagramに異動する前は、FacebookのPhoto/Video/Product Infraチームに在籍。 今回は、InstagramのwebサイトInstagram.comにおいて、シングルページアプリの課題である最初の読込みスピードを上げるために、どのような工夫をしたかについて紹介してくれてます。 Instagram.comのJavaScriptファイルは、縮小化後で9.5MB & gzip圧縮後で2.5MB。そのサイズだと、一つのファイルにまとめ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 思い立ったが吉日ということで、プロジェクトのモジュール管理をRequire.jsからBrowserifyへと移行し、その直後にWebpackに移行しました。もうちょっと考えてツールを選ぼうと思います。 さて、Require.jsからBrowserifyへ変えた理由は、シンタックスをCommonJS的に書けるようになって、全体がシンプルになるから、という理由でしたが、BrowserifyからWebpackへの移行は、もうちょっと切ない理由での移行になりました。 Webpackとは ドキュメントも若干わかりづらいですが充実しており、基本的に
JSで書くデスクトップアプリが熱い Electron 熱いです。 Atom を始め、Qiita の Kobito や Slack など、 十分に実用できるアプリケーションが登場しはじめています。 なにかと話題のRPGツクールMVは、NW.js（旧node-webkit）ですが、これもJSで書かれていますね。 NW.js は、その他、女の子といちゃこらする系のゲームでも使われています。 JS でデスクトップアプリを書いて、うん千万売り上げるのも、もはや絵空事ではありません。 今回は、Electron と Redux、React の組み合わせで、 デスクトップアプリを作るまでの、簡単なチュートリアルを書きます。 登場人物紹介 Electron Github が開発してる、JS でデスクトップアプリが書けるすごいやつ NW.js より活発そうですごい React Facebook 製のすごいやつ
1. サイトマップとワイヤーフレーム VS プロトタイプ サイトマップは、ウェブサイト内におけるコンテンツの配置図。 ワイヤーフレームは、画面上における情報の配置図。 二つともウェブサイトの設計図にあたる大切なものですが、ウェブサイトの動きを触って確かめられないのが弱点です。 それに対して、プロトタイプは「ウェブサイトの模型」として実際に動かせます。クリックしてリンク先のページを開きながら、操作性を体感しサイト全体の構成も追いかけられます。 2. 手書きのワイヤーフレーム たとえば、こんな手書き（雑…汚くてスミマセン）のワイヤーフレーム。トップページの「メールアイコン」と「contactの文字」をクリックすると「お問い合わせ」のページへ移動する仕様です。これをプロトタイプにしてみます。 3. プロトタイプの見本 手書きのワイヤーフレームから作ったプロトタイプの挙動を動画にしました。動画で見
2016年2月18日 スマートフォン, 便利ツール 以前「Webサイトのプロトタイプ制作に使える無料オンラインツール」というのを記事にしましたが、今回はモバイルアプリ制作に特化したツールを調査してみました。ただ、知らない間に便利ツールが増えまくり、あまりにも数が多いので無料で使えるものに絞り、さらに使ってみていいなと思ったものを集めました。それでも数が多いので…あとは実際にみなさんで試してみて、自分にあったものを探してみてください！ ↑私が10年以上利用している会計ソフト！ おすすめ無料プロトタイピングツール Marvel Marvel 無料プランでもプロジェクトを無制限に作成できちゃうプロトタイピングツール。ブラウザー上で編集していきます。リンク先となるページ画像がサムネイルで表示されていて、ページ推移時のアニメーションも分かりやすいです。コメント機能もあり。 完成したプロトタイプはUR
CSS3のFlexboxとはボックスレイアウトを支援するレイアウトモジュールで、ボックスの横並びや縦並びが手軽にできるようになります。しかし、Flexboxは設定内容が多く、理解が難しく感じるかもしれません。今回はWindows風ロゴをFlexboxで使って作成し、理解を深めていきましょう。 Flexboxを使ったWindowsロゴの作例 このWindows風ロゴは、CSS3 Flexboxを使って作られています。この実行結果はjsdo.itで確認できます。この作り方を通してFlexboxの性質を学んでいきましょう。 基本設計 まずはHTMLの基本設計を行います。Windowsのロゴは4つの長方形で成り立っているので、一つの長方形を一つの要素で表現するための下記のHTMLコードを記述します。
バッチ処理というのはそれ単体で勉強しようとするとなかなか何を勉強したらいいのかわからないことが多い。 特に経験がWeb系ばっかりだと、いざバッチ処理を実装しようとした時に基本的なノウハウを知らないままに書いてしまうことが多い。 バッチ処理というのは実態を整理すると「何らかのトリガーを期に起動し、データをロード・加工・変換・集計してから、出力する」という事になる。 まぁ、INがあって処理してOUTがあるという点では関数だと考えてもいいだろう。 システムの利用者(人に限らない)のアクションとは直接関係ない処理であったり、利用者のアクションをトリガーとしていても、即時にレスポンスがいらないor返せない場合に バッチ処理を選択する事が多い。 実現方式はシェルスクリプト、LL言語、実行可能バイナリだったりするし、デーモンとして立ち上げる場合もある。 利用者の操作に対して対話的・同期的な処理はオンライ
私がホテルを予約する際によく利用するサイトをまとめてみました。 まずは国内ホテルから。 都内ホテルの予約はほぼ一休です。 あとはJTBもおすすめ。アップグレードやレイトチェックアウトなど追加料金不要で特典が付くプランがあるからです。（→シャングリラホテル東京宿泊記） 近ツーは他サイトで取り扱っていないシングルルームプランがあります。 （→名古屋観光ホテル宿泊記） 旅館だと２人部屋を３人利用可にして割引するプランもたまに見かけます。 とにかくどこでもいいから安く泊まりたいならじゃらんかなと。 次は海外ホテルです。 海外ホテルを予約するならエイチ・アイ・エスが一番おすすめです。（→オークラ台北宿泊記） 韓国ホテルだと楽天トラベルもおすすめ。（→ｊｗマリオット東大門スクエアソウル宿泊記） 朝食無料、化粧品サンプル、割引券など色んな特典が付いてくるプランが多いです。 エクスペディアは予約時の入力項
Redux の不満 Fluxの実装であるReduxの不満点のうちの１つとして、Reducerの扱いがある。もちろんReducerの考え方とそれによるStoreの状態管理、およびcombineReducersによる状態の分割統治についてはまあよいのだけれども、Reducerには同期的な状態変化しか扱えない（扱わない）という制約がある。得てして実際のアプリではモックで同期処理で行っていたことでがいつの間にか非同期の処理となったりすることもあり、その場合Reducerで上手くやってたことでもAction Creatorの方に移動しなきゃいけなくなったりする。 Action Creatorsでは現在のState情報を見るのにはgetState()といきなりStateツリー全体にアクセスすることになる。Reducerではうまくできていた分割統治がここでは厳しくなる。なんとかMiddlewareで工夫
such a beautiful song.... 東京はすっかり本格的な初冬到来。 そんなこと忘れて南国のお話を続けましょうかねー。 三日目はいよいよ朝から一番大事な表紙撮影。 緊張のためめちゃくちゃ早起きしてしまったけど、良いのが撮れたので大満足。 これで残りも精一杯楽しめるわーーーーーーーーーい！！！ っつーーーわけで、ランチランチ♡ ハワイにいるといつも、ほんとにいっつも、お腹がすく。 空気なのか、それとも波の音なのか、ただの食いしん坊なのか。 ランチは海の見えるとっても素敵なお店 ”Queen's Surf Cafe"へ。 アイスティーにお花♡ こうゆうのってすごく素敵。 ここのご飯はほんとに ま じ で おいしかった。 えびのガーリック炒め、とか、ロコモコとか。 なにせ海を見ながら食べられるし、安い。 その上ボリューム満点。 売店のおねえさんはめっちゃ陽気で親切だし。 日本語通
最近お気に入りのこの曲をBGMに ハローエブリワン 夜に飛ぶ飛行機に乗ったことってある？ みんなが寝静まった頃 窓を開けるとどんな光景が広がってるか知ってる？ 目を疑うような星空。 目の前の天の川。 もう空ですらなくて、目の前に広がる 星、星、ほし。 天の川がものすごい太い帯になって目の前に現れる。 ハワイに行ってきた。 夜に飛ぶ飛行機に乗って。 HAWAII 仕事で行ったのにあんなにいい思いして良かったのかしら、ってくらい贅沢させてもらった五日間。 良い写真も撮れたし、ほんとに楽しかった！！！ ハワイの色んな見所とか食べ物屋さんに取材とかも兼ねてたくさん連れてってもらったからその一部始終を紹介いたす、ze! とりあえず素敵すぎるホテルにテンション上がりまくりかーらーのスタート。 馬鹿にしてもいいよ！ 今回泊まらせてもらったのはピンクのホテル、Royal Hawaiian! ロビーがまるで
2016年2月3日（水）、ICTCOにて100人の定員規模で開催されたセミナー「DIST.10 デザインとJavaScript」。その中で「HTML5 Canvasコンテンツの高解像度対応はどこまで行うべきか」というタイトルで登壇しました。今回はその発表資料を記事として公開します。 FWAでピックアップされているサイトでは70%がcanvas要素を使っている モーショングラフィックや3D表現等のリッチな表現をWebコンテンツで行う場合、canvas要素は不可欠です。FWAのSITE OF THE DAY(※)で調査したところ、2015年11月から3ヶ月間の91件中61件（約70%）のサイトでcanvas要素（Context2D、WebGL）が使われていました。 ※ FWAは世界的権威のWebデザインアワードで、優れたデザインのWebサイトを毎日1つずつ「SITE OF THE DAY」とし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
