フラットなデザインを理解する上で知っておきたい5つのポイント -Principles of Flat Design
フラットなデザインは、決して単純なデザインと同じ意味ではありません。もちろんシンプルにデザインして答えがでるのであれば、それにこしたことはありません。 フラットなデザインのUI素材を数多くリリースしているdesignmodoから、フラットなデザインとは何かを理解する上で重要となる5つの特徴を紹介します。 フラットにあまり心を動かされなかったのですが、ぐらっときました。 Into the Arctic フラットなデザインはその名の通り、二次元のフラットなスタイルを使用します。このコンセプトは既存のエフェクトなしで機能します。ドロップシャドウ、ベベル、エンボス、グラデーションなど奥行きを与えるエフェクトは使わないようにします。 ページ内のテキスト、ボックス、画像、フォーム、ナビゲーションなどの全ての要素はエッジのきいたスタイルで、シャドウはありません。Appleによく見るSkeuomorphi
[ccchart] いろいろなチャートサンプルを一覧できるページ - Qiita
ccchartのv1.06.2をリリースしましたが、最近 Qiita に全然書いてないので、この機にちょっとだけ書いときます。 えーと、ちかごろ ccchart に追加された機能は、ページ内のすべてのチャートに共通する設定をまとめてグローバルプロパティとして指定できる ccchart.base メソッド とか、バグフィックスとかバグフィクスとかバグフィクスとかいろいろやってました。 Updateの歩み http://ccchart.com/update.json Memoとか http://ccchart.com/#memo で、まぁ、なにはともあれ、実際にチャート出力したサンプル一覧みたいなページもあると便利かなぁということで、こんなの作りました。 ここです。http://ccchart.com/test/showcase.htm 実際に30個以上のチャートを描画してますが、まぁ、そんな
![[ccchart] いろいろなチャートサンプルを一覧できるページ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/73f99c4d8010eec672fdf89d4dd94b8dbaaee4e1/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCY2NjaGFydCU1RCUyMCVFMyU4MSU4NCVFMyU4MiU4RCVFMyU4MSU4NCVFMyU4MiU4RCVFMyU4MSVBQSVFMyU4MyU4MSVFMyU4MyVBMyVFMyU4MyVCQyVFMyU4MyU4OCVFMyU4MiVCNSVFMyU4MyVCMyVFMyU4MyU5NyVFMyU4MyVBQiVFMyU4MiU5MiVFNCVCOCU4MCVFOCVBNiVBNyVFMyU4MSVBNyVFMyU4MSU4RCVFMyU4MiU4QiVFMyU4MyU5QSVFMyU4MyVCQyVFMyU4MiVCOCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NjVhMDMyNjM1MjBkZTBiNmNkMjMwZTAyNmYzZTE3ZTY%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0b3NoaXJvdCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NDY3MGVkODc4NzUxMTgwY2EyYjg0Zjc1NzYzZTg4YzQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Daa762582c7f392b7dbc1edd96abaabde)
Spring MVCでコントローラーのリクエストハンドラメソッドのメタ情報を記録する方法 - 達人プログラマーを目指して
正攻法でアクションハンドラメソッドのメタ情報を取得することは困難 開発で利用するフレームワークを作成する際には、実行対象となるオブジェクトの型やメソッドに付けられたアノテーションなどのメタ情報を利用したい場合が多くあります。特に、Spring MVCを拡張してさまざまなことを裏でやらせたい場合には、現在実行中のクラスやメソッドのメタ情報（ClassクラスやMethodクラスのインスタンス）をスレッドごとにグローバルにアクセス可能なコンテキストオブジェクト内に記録しておくと便利です。なぜなら、Springの場合ViewResolverやViewなど独自に拡張可能なインターフェースが多数提供されているものの、通常の手段では実行中のクラスやメソッドの情報をパラメーターなどから簡単に取得できないことが多いからです。 たとえば、Spring MVCでセッション属性のキーをコントローラーごとに別々にす
Route 53のアップデートによりフェイルオーバーのヘルスチェックでELBを指定できるようになった件を検証してみた - サーバーワークスエンジニアブログ
Route 53のフェイルオーバでできないことがありました 先出の『【初心に帰るシリーズ】月額約10円で設置したウェブサイトの有効活用方法』にて、簡単にウェブサイトのフェイルオーバができるとご紹介しました。 しかし、これにはできないことがありました。 5月31日のAWSアップデートにて、これができるようになりましたので、検証がてらご紹介します。 Route 53のフェイルオーバでできなかったこと 先出の『【初心に帰るシリーズ】月額約10円で設置したウェブサイトの有効活用方法』でご紹介したように、本番サイトを監視して落ちたら（落としたら）Sorry画面が出るようにするというとき、本番サイトの監視対象としてIPアドレスを指定していました。 このとき指定できるのがIPアドレスのみで、ELBのようなホスト名（DNSネーム）を指定することができませんでした。 5月31日のAWSアップデートでこれがで
それは知識ですか、スキルですか、資質ですか？ | タイム・コンサルタントの日誌から
東大で大学院生にプロジェクト・マネジメントを教えていたら、「自分は計画を立てるのが元々あまり上手ではないが、どうしたらいいでしょうか」という質問を受けた。プロジェクト計画の立案、とくにその中心になるＷＢＳの作り方について説明し、二人一組でちょっとした演習をした後のことだ。WBSを作るだけなら誰にでもできるが、良いWBSを作るのは、案外難しい－－そういう話をしたら、出てきた質問だった。 秀才タイプの人は、自分の弱点を人前にさらすのをきらう。だから逆に、この率直な質問には好感がもてた。わたしは学生にこう聞いてみた。 －－失礼だけど、あなたは英語の会話は得意ですか? 相手はちょっと質問の論点から外れたことに戸惑ったようだが、答えた。 「えっと・・、いや、苦手です。」 －－じゃあ、得意になるためにはどうしたらいいと思いますか。 「うーんと。やっぱりたくさん練習するしかない、ですか?」 －－そう。そ
ビッグデータ分析、Hadoop活用の意外な落とし穴
ビッグデータがIT部門に付きつける課題 ビッグデータに備えよう。自社のデータセンターがその大波にまだ襲われていなくても、襲われるのは時間の問題だ。そうなれば、ITインフラとオペレーションの新たな要件に対応しなければならなくなる。 ビッグデータアナリティクスは、「eHarmony」のような結婚仲介サービスのWebサイトや、小売業者による顧客の購買行動予測、さらには医療機関による個人の寿命や疾病罹患の予測など、多種多様な用途で利用されている。こうしたデータ利用は、ジョージ・オーウェルの小説『1984年』で描かれた、ビッグブラザーが支配する監視社会を少し連想させるが、ビッグデータアナリティクスは、コンピューティングを利用して人間行動に解釈を加え、影響を与える方法に革命をもたらしている。 関連記事 データサイエンティストに聞く、ビッグデータ活用の条件 NFL 49ersが実践、有望選手のスカウトに
ソフトウェアの思想が設計にもたらす影響
Emacsは死んだ Emacsの設計は、思想上の理由から、わざと貧弱であるという話。 Emacsの内蔵言語であるelispは、貧弱だそうだ。私はLisp系の言語に詳しくないが、少なくとも今まで出会ったLisperは皆elispは貧弱だと答えている。それにも関わらず、今まで出会ったLisperは全員、LispのコーディングにはEmacsを利用しているのは不思議だ。おそらく、Emacsとその資産を再実装する手間を考えたら、Emacsを使ったほうが得策なのだろう。 elispが近年のLispの進化を反映していないというだけではない。Emacsのelispはマルチスレッドに対応しておらず、ちょっと重い処理をしようとするとユーザーに応答できなくなってしまうし、共通の処理は共有のライブラリとしてまとめるという普通のことが難しく、ファイルI/Oなどの低級なAPIも不足しているという。 自然として、Ema
Yahooが作ったピュアCSSのUIライブラリ「Pure」:phpspot開発日誌
Pure Yahooが作ったピュアCSSのUIライブラリ「Pure」 グリッド、フォーム、ボタン、テーブル、メニュー等を実現するCSSモジュールです。 なんとなくBootstrapっぽい感じがしますが、JavaScriptレスというのが特徴なんでしょうか。 今時JavaScriptは普通に動くでしょ、という方もいるかもしれませんが、CSSのみなので5.7KBという軽量さがアドバンテージになるのかもしれませんね。 レスポンシブサイトをつくる際にも使えるということで、選択肢の１つとして評価検証してみてもよいのかも。 関連エントリ レスポンシブに使えるタブUI実装jQueryプラグイン「Easy-Responsive-Tabs-to-Accordion」 範囲指定が可能になるUI実装jQueryプラグイン「noUiSlider」 フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「Fla
MongoDB 2.4 の性能 徹底評価（Memory vs DISK） - 中年engineerの独り言 - crumbjp
大体欲しいデータは揃ったのと、MongoDBの気持ちが解ってきたのでMongoDB2.4の性能調査は今回で最後の予定 実は前回MongoDB 2.4 の性能 徹底評価（レコード長による評価）のFETCHバイト数（1.5GB） 実は今回のOn-memoryデータ vs DISKリードに繋げる事を意図した大きさだった。 システムの2GBメモリに収まるだろう。と・・・ しかし、、測れど測れど、意図した通りの結果にならない・・・ それで気付いた。 インデックスの大きさを勘違いしていたのだ。 MongoDBのインデックスは単なるコレクションでは無いようだ！ 1億件の数値型インデックスは2.3GBにもなる。 という訳で、1億件のコレクションのインデックスはそもそもメモリーに入らない。。 １ドキュメント辺り25〜26byte インデックス数値型８バイト＋ドキュメントへのポインタ８バイト＋メタ情報？ _i
アジャイル開発企業間アライアンス『日本エンタープライズ・アジャイル・トランスフォーメーション』の発足 - ニュース - ビッグローブ株式会社
株式会社NTTデータ NECビッグローブ株式会社 ヤフー株式会社 株式会社NTTデータ（以下 NTTデータ）と、株式会社バンダイナムコスタジオ（以下 バンダイナムコスタジオ）、NECビッグローブ株式会社（以下 BIGLOBE）、ヤフー株式会社（以下 ヤフー）の4社は、2013年6月3日、アジャイル開発の組織導入のノウハウを共有することを目的に、企業間アライアンス『日本エンタープライズ・アジャイル・トランスフォーメーション』を設立しました。 加盟企業各社は、激しさを増すビジネス環境の変化に適応し、お客さまおよびユーザーへ価値あるサービスをより迅速かつ柔軟に提供し続けるために、アジャイル開発に関する研修の共有や導入ノウハウの蓄積を行い、各企業における開発力・課題解決力を高め合うことを目指します。 【背景】 これまで欧米を中心に普及してきたアジャイル開発は、米国IT企業のソフトウエア開発における
時間よ、戻れ！昔のMicrosoft製品が必要になった場合 - サーバーワークスエンジニアブログ
福岡人はラーメン以外にもうどんを食べる事を知って軽くショックを受けている小室です。 先日古いMS製品を手に入れる必要があったので、ツイッターで助けを求めたら知り合いが教えてくれましたので、共有したいと思います。 AWS導入支援サービスをやっていると、昔のバージョンからAWSに移行するタイミングでアップグレードをしたい、というお客様がいらっしゃいます。 もちろん当社にはMS製品のプロがいますので、移行についてや仕様について回答出来るのですが、全ての製品の全てのバージョンを知り尽くしている訳ではないのも事実としてあります。 そのようなお客様向けに、移行テストをさせて頂く事もあるのですが、その際に問題になるのが古いバージョンのソフトウェアをどうやって入手するか？です。 多分MS製品をよくお使いの方はご存知かと思いますが、TechNet サブスクリプションで解決する事が出来ます。 こちらをサブスク
playフレームワークのサンプルwebsocket-chatを動かす - Qiita
[error] websocket-chat/app/controllers/Application.scala:37: object js is not a member of package views [error] Ok(views.js.chatRoom(username)) [error] ^ [error] one error found [error] (compile:compile) Compilation failed [error] application - というエラーがでて動かない。 http://stackoverflow.com/questions/16235446/render-a-playframework2-javascript-as-template を見ると、viewsで使える拡張子は".html, .xml or .txt"らしい。 じゃ、なん
git 1.7.4.4未満だとGitLabのtree表示でエラーになることがある｜TechRacho by BPS株式会社
gitは、1.7以上になっても意外とマイナーバージョンでの仕様変更がちょくちょくあります。 今回は、1.7.4.3と1.7.4.4のお話。そんな古いバージョン使うなって話ですが、Ubuntu 10.04初期インストール時の参照パッケージは1.7.0系なので、十分引っかかることはありそうです。 1.7.4.4の変更点は、diffを見るのが一番詳しいですが、ReleaseNoteにさらっとこんなことが書いてあります。 "git log --max-count=4 -Sfoobar" now shows 4 commits that changes the number of occurrences of string "foobar"; it used to scan only for 4 commits and then emitted only matching ones. たとえば、こう
s3fsを使ってEC2からS3をマウントしたときにうまくいかなくて調べた事まとめ | DevelopersIO
こんにちは植木和樹です。今回はタイトル通りs3fsという仕組みを使ってEC2からS3をマウントしてみました。 解決したい問題 たとえば複数のWebサーバがあった時に、サーバ間でファイルを共有したいってことがあります。Webアプリの処理でファイルを作る場合、あるEC2インスタンス障害が発生してダウンしても別のインスタンスからアクセスできるようにしておきたい、といったケースです。 解決策として以下の案が思いつきます。 NFSで領域を共有する RDSにファイルを格納する S3にファイルをアップロードする 既存のアプリをなるべく変更せずに対応するとなるとNFSサーバを用意するのが手っ取り早いのですが、そうなるとNFSサーバが単一障害点(SPOF)になります。冗長かのためにEC2インスタンスの数が増えて構成が複雑になるのはなるべく避けたいですよね。 ということで信頼性の高いS3ストレージをなんとかお
AWS 認定ソリューションアーキテクト – アソシエイト レベル試験に合格する方法 | DevelopersIO
今週から日本語でのAWS認定試験が始まります 現在急激に需要が高まっているAWS技術者について、どの程度サービスや関連技術を理解しているかチェックする試験が始まります。私は一足先にノリで英語版を受験しました。今回は、今週から始まる日本語でのAWS認定試験に合格するためにどこらへんを押さえておくべきか確認しておきたいと思います。ちなみに、クラスメソッド社員は全員持っていると言いたいですねー。 試験範囲は？ AWS社が公開しているBluePrintには以下のような記述があります。 要件を理解し、AWS アーキテクチャーのベストプラクティスを用いて構築するソリューションを定義することができる。 アーキテクチャーのベストプラクティスを、開発者およびシステム管理者に対してプロジェクトのライフサイクルを通じて助言できる。 これだけでは、どのAWSプロダクトを学べば良いのかよくわかりません。私は以下のよ
JavaScriptでアスペクト指向プログラミング | DevelopersIO
JavascriptでAOP JavaではDIと同時に当たり前になったAOP(アスペクト指向プログラミング)ですが、Javascriptでも行うことができます。 今回紹介するAopJSは、JavascriptでAOPを行うためのライブラリです。 ドキュメントを参考にいろいろとためしてみましょう。 ※ちなみに、AopJSは通常のライブラリとしてだけでなく、JQueryのプラグインとしても提供されています。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.5 Node.js : v0.10.8 npm : 1.2.23 gitリポジトリからAopJSを取得します。 % mkdir aopjs % cd aopjs % git clone https://github.com/victorcastroamigo/aopjs.git 次のようにindex
RDSでリードレプリカの状態が監視可能になったので試してみた | DevelopersIO
RDS - リードレプリカの状態を監視可能になりました こんにちは植木和樹です。5月23日よりAWS RDSのMySQLでリードレプリカのレプリケーション状態が監視可能になりました。 【AWS発表】 Amazon RDS - リードレプリカの状態を監視可能に ということで試してみました。 マネージメントコンソールでレプリケーション状態を確認する RDSインスタンスのページでリードレプリカを見ると"Replication State"という項目が追加されています。下の画面のように replicating になっていれば正常です。ところで、いつの間にやらRDSのインターフェースが新しくなっていますね。 レプリケーションを失敗させてみよう MySQLマスターサイトからリードレプリカを作成し、あとは気長に失敗するのを待って・・・いる時間はないので、無理矢理失敗させてしまいましょう。今回はリードレプ
広島Git勉強会 201306 - やりなおせるGit入門 - そんなこと覚えてない
広島Git勉強会 に参加しました。 1セッション喋りました。 はじめからgit reset と git checkoutあたりを説明しようと思ってたのですが、「元に戻せること」を主眼においていろいろ考えました。 結果として、「危険」「少し危険」なコマンドを定義して、よくわからない時どうすればいいのか伝えられるか試みてみました。 「危険」なコマンドはワークツリーにした変更が消えてしまう恐れがあるもの。 「少し危険」なコマンドはgit reflogなどを利用しないと追えなくなるコミットができてしまうもの。 と定義して、そこを強調しながら説明してみました。 スライドはこちらに。 結局、難しかったのか簡単だったのか、周りの空気を読む余裕が僕にはまだまだ足りなくて、「経験値を積まないといけないなぁ」と、思うのでした。 追記 ブクマのコメントなどなどに返信 「git commit の -m はそろそろ
基幹システムをクラウドへあげるのは簡単ではなかった。ノーチラス・テクノロジーズがクラウドの現実を語る（後編）
基幹システムをクラウドへあげるのは簡単ではなかった。ノーチラス・テクノロジーズがクラウドの現実を語る（後編） 基幹システムをクラウドで実現する。その過程でどのような技術を用い、どのような苦労があったのか。小売り流通業である西鉄ストアの基幹システムをAmazonクラウド（以下、AWS：Amazon Web Services）の上で実現したノーチラス・テクノロジーズが、その詳細について紹介したセミナーを5月15日、アマゾンジャパン本社のセミナールームで開催しました。 （本記事は「基幹システムをクラウドへあげるのは簡単ではなかった。ノーチラス・テクノロジーズがクラウドの現実を語る（前編）」の続きです） 和製クラウドでトラブルが続き、やむなくAWSへ移行 インフラについて。やはり和製クラウドベンダのインフラは値段が高い。いろいろ話をして安くならないかと相談したけれど、無理でした。理由は簡単です。デ
基幹システムをクラウドへあげるのは簡単ではなかった。ノーチラス・テクノロジーズがクラウドの現実を語る（前編）
基幹システムをクラウドへあげるのは簡単ではなかった。ノーチラス・テクノロジーズがクラウドの現実を語る（前編） 基幹システムをクラウドで実現する。その過程でどのような技術を用い、どのような苦労があったのか。小売り流通業である西鉄ストアの基幹システムをAmazonクラウド（以下、AWS：Amazon Web Services）の上で実現したノーチラス・テクノロジーズが、その詳細について紹介したセミナーを5月15日、アマゾンジャパン本社のセミナールームで開催しました。 大規模システム開発の現状、Hadoopの可能性、クラウドのメリットとデメリットなど、参考にすべき多くの内容が語られたセミナーでした。この記事ではその概要を紹介します。 止まってはいけない基幹システムをクラウドへ ノーチラス・テクノロジーズ 代表取締役社長 神林飛志氏（写真中央）。 西鉄ストア様の本部基幹システムをクラウドへ移行する
IT系インターンシップまとめ【2013夏】 - 海峡
学生の皆様方、夏休みのご予定はもうお決まりでしょうか。どうせ学生なんて夏休みは全員暇なんだから、夏に暇に殺されないように暇つぶしの一つや二つをそろそろ考え始めてはいかがでしょうか。 夏休みの暇つぶしのひとつとして、企業のインターンシップに参加するというのがあります。インターンに参加すると、タダで貴重な経験ができたり、場合によっては金が貯まったりします。夏休みの暇つぶしには最適ですね。 僕は情報系の学生なのでIT系の企業のインターンを調べたりするのですが、ググってもすぐには出てこないことが多かったりしてだるいのでまとめました。 順番に特に意味はないです。給料順に並べたら面白いかと思ったけど、めんどくさくなってやめた。 国内でのインターンのみ記載してます。期間・締め切りに関しては複数ある場合、テキトウにいずれか一つを載せました。 インターンまとめ はてな 求人情報：募集要項：インターンシップ
Windows(7)環境でgvmをインストールする - mike、mikeなるままに…
こんにちわ、みけです。 Windowsでのgroovyの環境構築といえば、 zipを落としてきて、解凍して、パスを通してといった作業をしなければならないのですが、 最近それが結構面倒くさいなと感じて、 Windowsから疎遠になっていました。 gvmをインストールすればいいんですが、 gvmのインストールコマンド はい、Windowsではできませんね。 cygwin WindowsでGNUな環境を構築するといえば、cygwinですが、 僕は自分が認める(他人はどうだかよく知らん)情弱なので、 cygwin環境の構築に挫折した人です。 で、cygwinでgvmインストールできるよと言われても、 その元になるcygwinが構築できないので、 Windowsでgvm使えないじゃんと思っていました。 mingw Windowsにはいっているmsysgitをいじっていて、 mingwなら構築できそう
GrailsのSpring Security Core Pluginでパスワードのソルトとストレッチング - Yamkazu's Blog
パスワードをハッシュで保存して置くのは当たり前ですが、レインボーテーブル使用した総当たり探索の対策として、ソルトとストレッチングを組み合わせ、より安全にパスワードを保存するのが一般的になってきました。 GrailsのSpring Security Core PluginはデフォルトではSHA-256のハッシュでパスワードを保存しますが、ソルトやストレッチングは使用されていません。しかし、そこは認証のデパートSpring Security、ソルトとストレッチングのサポートが組み込まれています。 まずはソルトのサポートから見て行きましょう。 usernameをソルトとする usernameをソルトとして扱うにはConfig.groovyに以下の設定を追加します。 grails.plugins.springsecurity.dao.reflectionSaltSourceProperty = '
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Skills Library | Learn Chef
モックの代替としてのサービスの仮想化
PC
Windowsアプリをコマンド一発で導入できるパッケージ管理システム「Chocolatey」NOT SUPPORTED
layer8.sh
やりなおせる Git 入門
HTML/JS/CSSでAndroidアプリ風UIを作るフレームワーク「Fries」:phpspot開発日誌
日本語概略:: RubyKaigi 2013 – great conference, but I probably wouldn’t go next year if I was a woman
Rubyistのためのズルいデザインハンズオン in RubyHiroba P4D ワークショップ
http://blog.inouetakuya.info/entry/20130602/1370173582