前回エントリーでは「UIデザイナーが理解しておくべき11種類のナビゲーションと特徴」として、ナビゲーションの種類を、機能的な側面から分類し、ご紹介しました。 続編となる今回は、ナビゲーションをデザイン的な側面からとらえ、形状、ふるまい（動き）、階層というの3種類の表現軸に分けて、ナビゲーションでよく使われているデザインというものを整理してみました。 形状のデザイン UIにおけるナビゲーション要素が、主にどのような形状でデザインされているか、というパターンをここではご紹介しています。 メニューバー メニューをボタン化し、バー状にまとめたデザインです。PCサイトのグローバルナビゲーションやローカルナビゲーションなどによく採用されます。 一覧性に優れ、一目でナビゲーション要素と分かるため、ユーザビリティに優れます。一方、ある程度の表示スペースを必要とするため、スマートフォンではあまり用いられない

PALO ALTO, CA - MAY 20: The Tesla Motors logo is seen on the hood of a car at Tesla Motors headquarters May 20, 2010 in Palo Alto, California. Electric car maker Tesla Motors is set to annoucne a partnership with Japanese automaker Toyota to make electric cars in California. (Photo by Justin Sullivan/Getty Images)

git grepが便利なので，同じ感覚でag (The Silver Searcher)を使ってみたいという話です．何事も速いほうが良い． 前提 ぶっちゃけagは，デフォの状態で.git/以下の内容や.gitignoreに書かれてるファイルやディレクトリなんかを検索の対象から排除するのであんま旨味は無い． 方法 以下のエイリアスを張る *1．もちろんconfigファイルを直で編集しても良いです． $ git config alias.ag '!git ls-files | xargs ag'git ls-filesを使って，gitで管理されているファイルの一覧を持ってきて，xargsを使ってagに渡してやるという感じ． 実際僕はこれで十分なんですが，表示と挙動をgit grep(1)っぽくしたい場合は以下のようになるでしょう． $ git config alias.ag '!git ls-

CSSの標準仕様では一部のプロパティーに簡略(ショートハンド)プロパティーが用意されている。marginやbackground、fontプロパティーなどがそれ。うまく使うとCSSをかなり短くできるので、積極的に使いたいけど、なかなかの複雑さでそうもいかない。かといって機械的に処理するのも、CSSは人が簡単に書けることを想定して仕様が作られている節がある(根拠はない)のでまた難しい。 先日知ったCSS Shorthand Generatorの内部で使われているshrthndパッケージはまさに機械的に処理するためのもの。でも予想通り、全然ちゃんと機能するものではなかった。 例えばshrthndパッケージでは複数のfont-*プロパティーをまとめることができることになっている。 .test { font-family: serif; font-size: 1.5em; } このように書くと、以下

jpg、bmp、targaといったファイルフォーマットの画像を画質を劣化させずにより小さなファイルサイズのものに圧縮してくれるエンコーダーが「mozjpeg encoder」です。JPEG画像をさらに10％圧縮してページ表示を高速化する「mozjpeg」プロジェクトで公開されているソースコードを基に作られたもので、一瞬でファイルサイズを小さくできます。 mozjpeg encoder https://mozjpeg.codelove.de/ これがmozjpeg encoder。 画面上部にある赤枠部分で画質をどれくらいにするか変更可能。「lossless」を選べば画質の劣化なしにファイルサイズを落とすことも可能。 使用する際は画像ファイルを「before」部分にドラッグ＆ドロップ。 すると処理がスタートして…… ファイルサイズを落とすことに成功。 オリジナル画像は0.99MB。(クリック

Androidスマートフォン市場の売上動向が激変している。簡単にいうと、今まで王者のサムソンの売上が減少し、中国発のxiaomiが特に中国・インドなどの数を取れる市場で売上を大幅に伸ばしている。 中国のスマホ市場、XiaomiがSamsung抜き首位に、2014年第2四半期 | 日経クロステック（xTECH） 中国市場のメーカー別出荷台数を見ると、同国のXiaomi（シャオミ＝小米科技）が前年同期比240％増の1500万台となり、韓国Samsung Electronicsを抜き、初めて中国市場で首位になった。これに対し、Samsungの出荷台数は同15％減の1320万台で、2年半ぶりに2位に後退した。3位以降は、中国Lenovo Group（聯想集団）の1300万台、中国Yulong Computer Telecommunication Scientific（宇竜計算机通信科技）の1270

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ソフトウェアを正しく理解する唯一の方法はコードを読むことです。 ドキュメントを読めばそのソフトウェアが何を実装しているか分かりますが、どのように実装されているかまでは分かりません。 開発中に何らかのトラブルに悩まされたときや、効率的なコーディングをしたいと思ったとき、下位レイヤのソフトウェアを理解しておけば素早く対処できるシーンが多くあります。 ただ、コードを読むことは簡単なタスクではありません。 現代的なソフトウェアはそれなりの規模のコードを含んでいることがほとんどです。アーキテクチャ間の差異を吸収するためのコードなど、本質的な機能を理解する上ではあまり重要ではないコードも含まれています。 何らかの問題が発生してからコードを読もうと思っても、準備なしでは関連する箇所を探すだけでかなりの労力が必要な作業となります。 従って、普段からコードを読んでおくことが重要です。 また、コードを読むにあ

#概要 CentOS7のデフォルトのファイルシステムがXFSとなりました。 mkfsコマンドでも、minix, xfs, btrfsが使えるようになりました。 そこで気になるファイルシステムを色々調べ、ベンチマークを自分なり取ってみました。 多少なりともご参考になればと思います。 #色々なファイルシステム こちらをご参考ください。 http://qiita.com/sion_cojp/items/c8e015db39ddbf43012e #それぞれファイルシステムを作ってみる 今回の環境は CentOS6（ホスト） 4Core, MEM:32G, HDD:300G CentOS7（ゲスト。こちらで計測しております。） vCPU *1, MEM:4G, HDD:40G 容量が少なかったため、btrfsのベンチマークが終わった後、zfsにファイルシステムを変更し検証をしております。 ### z

はじめに CentOS 7で"最小限のインストール"以外を選んだ場合にインストールされるchronyはntpdに代わり標準となったNTPクライアント兼サーバである。 とはいえ、CentOS 7でも相変わらずntpdは使用できるし、ntpdateの代わりではないのでntpdateコマンドを打ちたければntpdateを使用する。 以下、初期稿ではchronyの、ntpdとの違いを中心に記述する。注目点があればそれも書くが、まともに追っていくと深いので、後で気になる点が増えたら追記する形を取る。 あと、この記事でネタにするのはchronyであってcronieではないので悪しからず。 chronyのインストールと起動 CentOS 7ではOSインストール時にインストールされていなければyum install chronyでインストールすることができる（CentOS 6でも6.8からOS標準のリポジ

昔Qiitaで書いた内容なんですが、PHPのswitch文は悪名高い「==」演算子で比較を行います。 <?php switch (true) { case 0: echo '数字の0'; break; case '0': echo '文字列の0'; break; case '0.0': echo '文字列の0.0'; break; case true: echo '真偽値のtrue'; break; } このコードは「文字列の0.0」を出力します。大変分かりにくいですね。 この点はif ... elseif ...を使えば解決するんですが、switchで書きたくなるようなコードをelseifにするとおそらく読みにくくなるでしょう。 ではどうするか。 正解はオブジェクトのポリモーフィズム(多態性)機能を使うことです。 といっても、多態性で調べて出てくる記事とか書籍に関しては抽象的な説明が多い

あなたは待つという行為は好きですか。私達の生活では1日の中に何度も待たなければいけない時間が発生します。 朝の出勤のために電車が来るのを待ったり、会社のエレベーターが降りてくるのを待つなど、既に慣れてしまってあまり意識していないかもしれませんが、実際には多くの待ち時間があるはずです。 アプリケーションでの待機 上記の現実での待つことと同じくらいの数を、私達はアプリケーションで体験しています。例えばTwitterで新しいツイートを見るためにリロードしたり、Safariで画面が切り替わるまでを待つなど、現実世界と比べるとミクロな時間かもしれませんが、回数的には同じくらい待つことを行なっています。 たしかに短い時間かもしれませんが、現実世界と違いアプリケーションを利用中のユーザーは他の何かをして待つことが困難という問題があります。現実の待ち時間ではiPhoneをすぐに取り出してTwitterやニ

最近、こちらの本を再読しました。 『経営の真髄』P.F.ドラッカー 経営の真髄[上] (知識社会のマネジメント) 作者: P.F.ドラッカー,ジョゼフ・A・マチャレロ,上田惇生 出版社/メーカー: ダイヤモンド社 発売日: 2012/09/22 メディア: 単行本 購入: 1人 クリック: 1回 この商品を含むブログを見る ドラッカー関係を再読しようか考えているところで、それを考えるにしても、まずはこの本からだろうということで、再読しました。上下巻あります。今回は、上巻を。自分の頭の整理に、気になったところをまとめておきます。 本書は、ドラッカーの『マネジメント』の改訂版です。「Management Revised Edition」を翻訳したものです。 「もしドラ」でとりあげられた、『マネジメント』を改訂したものの翻訳ですね。 マネジメント[エッセンシャル版] - 基本と原則 作者: ピー

たまには恵比寿でおいしいランチを食べたいな。その日の気分やシチュエーションにピッタリなランチができるお店が見つかると嬉しいですよね。 しかし恵比寿はオシャレで美味しいランチが食べられるお店が多いのでどこに行くか迷ってしまいます。 そこで、実際に恵比寿に職場があった私が何度も行って美味しかったお店を厳選してご紹介します。ぜひ参考にしてみてください♪ 本格派のイタリアンを気軽に楽しめるお店｜パルテノペ 恵比寿店 店内にある大きなピザ釜で焼かれたマルゲリータがおススメです。出来立ての熱々のピザは薄めの生地なのにしっかりしていて濃厚なチーズと、とてもマッチしています。新鮮野菜を使ったサラダもとても美味しいです！ 広いテーブルがあるのでランチミーティングなど社員の交流にも使えそうですね。 [ 利用方法 ]　ランチミーティング、デート、友達と [ 営業時間 ]　月～金ランチ11:30～14:30（L.

はてなブログで記事のリンクを貼る際に このリンクボタンを押してURLをコピペしてプレビューでタイトルに変えることは可能です。 ただしこのリンクの貼り方では下記のような貼り方で何かブログイメージが・・・ i phoneのスピーカーをお金をかけずに自作してみた～作製時間10分で超簡単～ - キングギドラの日常 ↑こんな感じでなんかパッとしない感じです。 そこで今回は他のサイトさんを利用して出来上がったHTMLを貼り付けて見た目を改善する方法を紹介したいと思います。 利用サイトと方法 otatin.comさんを訪問し ↑の赤枠内にリンクさせたいページのURLをコピーして貼り、コード出力ボタンを押します。 そうするとサムネイル、タイトル、はてブ数、サマリー付きのHTMLを ↑のように作成してくれます。 このHTMLをコピーしてブログ内に貼り付けるだけです。 ※記載モードは注意してください。 使用例

このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。

ネイティブアド研究会を発足・8月から活動開始へ│JIAA 一般社団法人インターネット広告推進協議会（JIAA）がネイティブアド研究会を発足し、日本におけるネイティブアドのガイドライン策定と普及啓発の促進を図るというリリースが出ました。それはそれで大切なことですが、ボクは「それより前にすべきことがあるだろ！」と思うのです。 いろんな方々がネイティブ広告について一生懸命説明している ネイティブ広告に関しては、各ニュースメディアがさまざまな角度から問題提起をしています。主に、ユーザーが不信感を抱いているというものです。 賛否両論「ネイティブ広告」って何？ それは記事か、広告か | THE PAGE（ザ・ページ） ※2014年1月20日 ネイティブ広告で騙された気分に？ ジャストシステムがスマホ広告印象調査 -INTERNET Watch ※2014年7月3日 記事にそっくり「ネイティブ広告」 定

この Qiita の連載記事ではデータ分析のための主要言語として Python を利用してきました。ところでみなさんは Python のコーディング規約 PEP8 をご存知でしょうか。 ソースコードスタイルガイド PEP8 ソースコードは一般に「書かれる時間」よりも「読まれる時間」の方が長い、そのような事実に基づいて、「スタイルを統一し読みやすいコードを書こう」というアイデアのもとに作られたのがこのガイドです。 Style Guide for Python Code http://legacy.python.org/dev/peps/pep-0008/ 本家は当然ながら英語ですが有志の方が日本語に翻訳してくださっています。 PEP8 日本語訳 https://github.com/mumumu/pep8-ja どちらにせよ Python を利用する方は必ず一読するべきかと思います。 自動的

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 「開発者（個人）のための」としているのは、別に自分でやっても良いんだけど Jenkins に任せられるなら任せたい、くらいのモチベーションを表現したつもりです。 環境 Ubuntu 14.04 LTS Jenkins 1.573 Bootstrap になって雰囲気が変わりましたね 初期設定 Jenkins 初期設定 Plugin のインストール Git Plugin 依存しているPluginも自動的にインストールされます。 Git Parameter Plugin は、ビルド時に Extended Choice Paramet

以下のような記事が昨日話題になりました。 はてなブックマーク - 保守性・管理性が劇的に上がるPHPのスマートなコードの書き方12選 | BULK SERVER blog 現在では記事自体は削除されていますが、魚拓がとられているのでまだご覧になってない方は以下のリンクをどうぞ。 http://bulkserver.jp/blog/2014/08/07/php-code/ - 2014年8月12日 09:28 - ウェブ魚拓 すでに消されてる記事に対して、アレコレ言うのはちょっと悪趣味かなとも思ったのですが、ブコメを見ると「もうすこし優しく教えてあげなよ」「括弧の省略がなんで嫌いなんだろう」といった記述があったので書いてみることにしました。 元記事を書いた方にこのエントリが読まれることを切に願います。 自分の立場 なんというか某記事、そんなにDisりたくないし、自分だって間違った理解でブログ

ゲーム業界から足を洗い、派遣からも足を洗って新天地が旅行業界。 まったく知らない世界なので、いろいろ調べないとと思ってます。 その結果をまとめて発表する場も特にないので、この場を使ってしまえというわけで、使います。 わたくし、以前からちょこちょこ書いているのですが、 TRIP'Sという旅行系メディアの立ち上げをしました。 TRIP'S（トリップス） まあ、まだまだペーペーです。 生ぬるい目で見守ってくださいますと幸いです。 で、最近旅行系メディアが乱立しているという肌感覚はありまして、それなのにその領域にさらに一発立ち上げたっていうのはロキノンな感じで素敵だとは思っているのですが。 わたし、ちょっとあまのじゃくなので、競合と同じことはなるべくしたくない。 そして、負けず嫌いなので、認知度や影響力で上回ってやりたい。いずれ。 という野望を抱いてしまったので、 取り急ぎPVと、どんな感じのサイ

今回はJavaの型システムのコンストラクタについて考えてみたい。 Javaの型システム、あるいはJavaのオブジェクト指向において、コンストラクタという存在は特殊な存在だ。 コンストラクタ内からはそのクラスのインスタンスフィールドにアクセスできる。これは通常のインスタンスメソッドと同等のスコープであってstaticメソッドのそれとは異なる。しかし、コンストラクタを呼び出すにあたってはインスタンスのメソッドという体ではなく、staticメソッドのように（インスタンスではなく）クラスに属するものとして呼び出すことになる。（もっともnewという専用のキーワードを用いるのでそうは見えないかもしれないが） クラスやinterface、つまりJavaの「型」によるポリモフィズムの世界を考えるとき、コンストラクタはのけものである。継承関係を持つクラスであってもコンストラクタは継承されないし、オーバーライ

15. 例１ nav>ul#menu>li*5>a[href=#]{Item $} <nav> <ul id="menu"> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> <li><a href="#">Item 3</a></li> <li><a href="#">Item 4</a></li> <li><a href="#">Item 5</a></li> </ul> </nav> Ctrl + e

5. JJUG CCC 2014 Fall http://www.java-users.jp/?p=1253 2014/11/15(土) 2014/09/30までCall for Paper募集中！ Springネタを是非お待ちしております！

火中の栗かしら……。 規約のうち問題にされてるのは概ね以下のようだ。 ４．テレビ朝日は投稿データを、地域・期間・回数・利用目的・利用方法（放送、モバイルを含むインターネット配信、出版、ビデオグラム化、その他現存し、または将来開発されるあらゆる媒体による利用）・利用態様を問わず、自由に利用し、またテレビ朝日が指定する第三者に利用させることができるものとします。当該利用にかかる対価は無償とします。 ５．テレビ朝日（テレビ朝日指定の第三者を含みます）は、前項記載の利用のために、投稿データを自由に編集・改変することができるものとします。投稿者はいかなる場合も、投稿者の有する著作者人格権を行使しません。 ７．テレビ朝日は、投稿データの利用に関して投稿者に何らかの損害が生じた場合でも、一切の責任を負いません。また投稿者は、投稿データの利用に関して第三者からテレビ朝日に何らかの異議・請求等があった場合、

「Rubyによるクローラー開発技法」で付録か何かで書こうか悩んだ末に書かなかったのが、kimonolabsの話です。kimonolabsは、クローラー／スクレイピングをオンラインで実行できるWebサービス（SaaS）です。クローラー本を書いておいて何ですが、９割の人は自分でクローラーを作らずに、この手のサービスを利用すれば事足りると思います。（書かなかった理由は、Ruby縛りサービスの継続性とスケジュールの問題です。主に最後） kimonolabsとは？ kimonolabsは、先述のとおりWebスクレイピングをしてくれるSaaSです。会員登録してChromeの拡張をいれれば、すぐに使えるようになります。一般的に、Webスクレイピングする場合は、次のような手順が必要です。 対象ページのダウンロード ダウンロードしたページから、特定の箇所を抜き出す 抜き出したデータの保存 対象ページのダウン

弊社では毎年インターンを受け入れているのだけど，いまもインターンが来てて，テスト先に書きたいけど油断すると先に実装を書いてしまう，とか話してた． 個人的には，テスト先に書くのが大事というよりかは，意識して仕様を先に考えるのが大事だと思っている．テストを先に書くと，先に仕様を考えざるを得ないので，良いスタイルが身につく． 僕がよくやるのは，関連しそうなクラスの絵をひと通りノートに書いてみて，その図だけで，うまく動くことを説明できるくらい考えてみる．その時点でおかしかったら，コード書いてもおかしくなる．ノートに方眼ついてるとクラス図書きやすい．UMLとかじゃなくても，自分で見て分かるくらいでもいいと思う． 紙でうまくいったら，外部仕様だけソースコードに書いてみる．クラス名と，メソッドの定義と，メソッドの上くらいに，ひと通りコメントでも書いてみて，この関数はこういうことをするんです，こういう引数