ポリゴン、シェイプアート、ブラー、等高線、ジオメトリック、ラインアート、シネマグラフなど、最近の気になるデザインのテクニックを身につけるPhotoshopのチュートリアルを紹介します。 時間をつくって、一つずつじっくりと攻めていきたいですね。
ポリゴン、シェイプアート、ブラー、等高線、ジオメトリック、ラインアート、シネマグラフなど、最近の気になるデザインのテクニックを身につけるPhotoshopのチュートリアルを紹介します。 時間をつくって、一つずつじっくりと攻めていきたいですね。
条件 今回は適当に東京電力電力供給状況APIからJSON形式で当日の「供給可能最大電力」と現在の「消費電力」を表示する。 -東京電力電力供給状況APIを利用 -日時を取得し2時間前の消費電力を取得する -西暦、月、日、時間をそれぞれ取得 -json形式で取得する 手順 日付を取得して西暦、月、日、時間をそれぞれ取得 //現在の日付を取得 NSDate *now = [NSDate date]; //NSCalendarでフォーマット NSCalendar *calendar = [NSCalendar currentCalendar]; NSUInteger flags; NSDateComponents *comps; //西暦、月、日、時間をそれぞれ取得 flags = NSYearCalendarUnit | NSMonthCalendarUnit | NSDayCalendarUn
by @mixiappwchr 下記の記事の中でもちらっと紹介したのですが、開発時のビルドを毎回やり直さずに修正できるXcode Pluginが非常に便利なので紹介したいと思います。 細かいチューニングを繰り返す場合に絶大な威力を発揮します。 DeNA中の人が事例で語る、アニメーションやデザインのアプリを効率よく開発するためのTips ここで書きましたが、このプラグインを使うと ビルドやり直ししてアプリ再起動など、いっさい必要ありません。 利点としては実際は裏でビルドしてるので、主にビルド時間というより、アプリが再起動が必要なくなる事です。 例えば深いところにあるUIの修正となると大きく威力を発揮します。 修正 ↓ アプリ再起動 ↓ そのページまで行く と行った事が 修正 ↓ 確認 ですみます。 シミュレータだけでなく、TCPで情報を送ってるので実機とmacが通信できるネットワークにいるな
Socket.IO 1.0がリリースアウトされました。Socket.IO v1.0が出るといわれてから一年半以上経過しましたが、やっと出ました。Node.jsに関わる方であれば一度はお世話になっていると思います。今回はSocket.IO 1.0の紹介を作者であるGuillermo Rauchがしているので、それを日本語で翻訳して紹介します。 TL;DR 翻訳していたらすごく面白かったのですが、文字だらけですごく長くなってしまったので、最初と最後にまとめを載せました。興味があれば全部目を通してみてください。 モジュール分割が進み、新しくEngine.IOが作られています。これはSocket.IOのトランスポート層のプロトコルを調律する役割を担っているライブラリです。 Engine.IOが行っている処理の一つで、最初に接続できる可能性が高いXHRやJSONPで確立し、websocketにupg
Some inspiration for headers that animate when scrolling the page. You’ve surely seen those really cool on scroll effects for headers that have been around lately. One example is the header on the Riot Industries website by Phil Renaud which rotates in 3d on click and enlarges when scrolling down. Similar work has been done by Johnny Simpson where he explores Scroll Activated Fixed Header Animatio
ビジネスからホビーまでさまざまなアイテムが揃った、ソリッドなラインが美しいアウトラインでデザインされたアイコン素材を紹介します。 アイコンは個人でも商用でも無料で利用できます! Linea ダウンロードできるアイコンはウェブ制作でよく使うフォーマットが揃っています。 ベクター(.svg) アイコンフォント(.eot, .ttf, .woff, .svg) ビットマップ(.png) アイコンのライセンスはCC BY 4.0で、個人でも商用でも無料で利用でき、ウェブでも紙でも動画でもさまざまなフォーマットで利用できます。 ダウンロードは「Pay with a Tweet」ボタンがありますが、これは作者がユーザーに何かを強制することをボイコットするもので、隣の「Download」ボタンからダウンロードできます。 アイコンはBasic, Music, Ecommerce, Software, Ba
バージョンアップはオプティマイザとの戦い? 12cが国内で出荷されてからおよそ1年が経ち、新規システムでの採用や既存システムのバージョンアップを本格的に検討しているという声を多く耳にするようになりました。Oracle Multitenantをはじめとする新機能や、Oracle Open World 2013で発表されたインメモリの機能には、非常に高い期待が寄せられています。 その一方で、バージョンアップの話題になると「オプティマイザの動作に変更はありましたか?」というご質問をいただくことが多々あります。これは期待というよりも、むしろ不安の方が大きいようです。Oracle Database 10gR1でルール・ベース・オプティマイザがサポートされなくなって以来、コスト・ベース・オプティマイザと賢く付き合うことが性能安定の必須条件になりましたが、実行計画が意図しない方向に変わらないか心配だとい
小崎 資広 2008/5/22 この記事では、Linux Kernel Watchの番外編として、Linuxの最近のメモリ管理周りの動きと、その背景のモチベーションについてお伝えしたいと思います。 メモリ管理は変更時のインパクトが大きいため、通常、Stable Tree(安定ツリー)ではあまり変更はなされません。しかし、Linuxカーネルメーリングリスト(LKML)の議論では「もうカーネル2.7は出ない」ともいわれており、十分なテストがなされたものであれば、アグレッシブなパッチでも受け入れられるようになっています。 また、メモリの急速な大容量化により、いままで問題にならなかった部分にスケーラビリティ上の問題が発生したという報告もちらほら出てきました。それを解消するためのさまざまな改善が提案されています。 こうした背景により、2007年から2008年にかけては相当面白いパッチが出てきました。
SourceTreeの使い方 - 初心者が習得すべき基本操作(diff, stash, tag, revert, cherry-pick) GitクライアントのSourceTreeソースツリーは無料で使えるGitアプリケーションとして人気があります。「SourceTreeの基本的な使い方はバッチリ! だけど、まだまだ使っていない機能があるなぁ」なんて人も多いのではないでしょうか? そんな人へオススメの知っておくと便利な機能を5つ紹介します。 ※本記事は2024年4月現在のmacOS 14.4.1、SourceTree 4.2.7で解説しています。Windows版のSourceTreeでも同じ手順で利用できます。 はじめに - SourceTreeとは? SourceTreeはGit / MercurialのGUIクライアントで、Atlassian社から無償で提供されています。Windows
これは Git (や Subversion などのバージョン管理システム) にコミットする時により良いコミットメッセージを書くための提言です。この提言は特にメッセージの一行目だけを対象とします。せめて最も重要な一行目だけでも良いメッセージを書いて欲しいからです。提言をズバリ一言で表すと 一行目には要求仕様を書け です。 背景 プロジェクトによっていろいろ慣習の差はあるものの、一般的には「コミットメッセージの一行目は変更内容の要約を簡潔に書け」とされます。特に Git は、各コミットメッセージの一行目だけを取り出してそれを一覧表示するなど、一行目を特別に処理する機能が多いので、一行目にできるだけ多くの情報を凝縮させることは重要です。またメッセージを一行しか書かない不届きな慣習のプロジェクトでは、十分な情報を持たないメッセージは無用の長物と化します。 良くないコミットメッセージ しかし私は、情
全国100万人のImmutable Infrastructure職人のみなさんこんにちは。 もう誰も彼もがDockerなので、あんまりブログに書こうという気にもならなかったのですが、知り合いからリクエストを貰ったので、5分くらいで分かるようにかいつまんで概略を説明します。 Dockerとは詳しくは本家サイト見ればだいたい分かる。仮想化技術コンテナ単位でパッケージングVirtualBoxとかと違って高速、オーバーヘッドが少ない。chrootに近い。LXCには依存しなくなっているコンテナごとにIDが振られるコンテナは差分保存なのでロールバックも簡単一回作ればどこでも動く。JavaっぽいDockerfileでコンテナを作成するDockerfileの1行ごとにコンテナIDがフラれる動作環境Linux Kernel 3.8以降 64bit OSMacの場合はVirtualBoxの中で動かす形になる→
最近、あまりプログラミングが得意でない人のサポートをする形で、長い時間にわたってペアプログラミングを行っている。そのなかで、気がついた悪い習慣と成長するための良い習慣というものをまとめてみる。 この記事のバックグラウンドとなる体系的知識が本になりました。 エンジニアリング組織論への招待 ~不確実性に向き合う思考と組織のリファクタリング あわせて読みたい 経営者マインドが足りない!vs. 現場に任せてくれない!の対立をなくすカードゲームをつくった話 新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 新人プログラマに知っておいてもらいたい人類がオブジェクト指向を手に入れるまでの軌跡 ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習 あきらめるにはまだ早い!ソースコードの品質向上に効果的なアプローチ 心理的安全性ガイドライン(あるいは権威勾配に関する一
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 プロセスマネジメントにありがちな間違いのひとつに、ミスを減らそうとして、そのチェックをするプロセスを増やしてしまうということがある。 もちろん、すべての場合にそれが間違いというわけではない。 そのチェックが機械によって自動的に行われるのであれば大丈夫だし、そもそものプロセスが単純なものであれば、ひとつ工程が増えても大きな問題にはならない。 ミスを減らそうとして、そのチェックをするプロセスを増やしてしまうことが問題になるのは、そのミスが実はすでに多すぎて複雑な工程からなるプロセスそのものが負担となり、業務の遂行を圧迫しているケースだ。 すでに多すぎて複雑すぎるところに新たにチェック工程など追加すれば、業務の圧迫度合いはより大きくなり、また違うところでミスが起きやすくなるのは目
7. 通常のWebサーバとの通信 <html> <body> <form action=“register” method=“POST”> 氏名:vultest<BR> メールアドレス:vultest@example.jp<BR> 性別:男<BR> (以下略) </html> POST /confirm.php HTTP/1.1 Host: example.jp (以下略) Cookie: PHPSESSID=xxxxxxxxxx name=vultest&mail=vultest%40example.jp&gender=1 HTTP Response HTTP Request 8. 色々いじってみてどういう応答があるか確認 POST /confirm.php HTTP/1.1 Host: example.jp (以下略) Cookie: PHPSESSID=xxxxxxxxxx name
「AmaQuick」は、Amazonの商品ページから簡単にAmazonアソシエイトのコードを取得することが出来るGoogle Chrome機能拡張です。表示内容は自分でカスタマイズすることができるのですが、今回は価格表示のタグに対応しました。 詳しい機能説明は下記の記事をご覧ください。 ▼「AmaQuick」Amazonの商品ページからAmazonアソシエイトのアフィリエイトタグを簡単コピペするGoogle Chrome機能拡張 今回のバージョンアップはGoogle Chrome機能拡張なので自動で行われていますので、お使いの「AmaQuick」でご確認下さい。 価格タグが使えるようになると↓のように商品紹介に価格を入れることが出来るようになります。 ▼できるポケット これからはじめるLINE 基本&活用ワザ 公式ガイド (できるポケットシリーズ) 著者:コグレマサト,まつゆう*,できるシ
SIerが仕切っている開発現場でありがちなのが、何かミスを犯すと、そのミスを防止するようにすごく手間がかかるチェックが追加されて、開発効率とモチベーションが下がるというダメなパターン。 たとえば、「今年度は申請書(EXCELシート)書いて上司の判子もらわないと svn commit すらできない職場で仕事することになりました。 - SiroKuro Page」とか。 これはプロセスマネジメントでもなんでもない、管理ごっこだ。管理したつもりになって自己満足しているに過ぎない!! プロセスをマネジメントしたければプロセスを削れ: DESIGN IT! w/LOVE では、次のように述べられている。 プロセスマネジメントにありがちな間違いのひとつに、ミスを減らそうとして、そのチェックをするプロセスを増やしてしまうということがある。 もちろん、すべての場合にそれが間違いというわけではない。 そのチ
何回かに分けてJ2EEレガシーアプリケーションのJavaEEアプリケーションへのマイグレーションについて実際のコードを見ながら解説したいと思います。 変更前のサンプルソースはこちら https://github.com/megascus/oi-webapp-sample/tree/initial 第一回はこちら J2EEレガシーアプリケーションのJavaEEアプリケーションへのマイグレーション(1) ViewとModelを分離する さて、前回説明したとおり、今回はView層とModel層を分離を分割していきたいと思います。 ServletFilterの導入 今回のアプリケーションにおいては全てのRequestに対して行わなければいけない処理があります。 https://github.com/megascus/oi-webapp-sample/blob/initial/src/com/ois
iPhoneユーザーが押さえておくべきというファイラーアプリを独断で選出し、それぞれの特徴をまとめてみました。 ここで扱うのは以下の5つ。 GoodReader Documents 5 iFiles File Hub FileExplorer もちろんこの記事で網羅できるものではないので、操作性などの感覚的な評価はせず、方向性や特徴で比較をしていきます。 ランキング常連の定番ファイラーアプリ。 ファイルの取り扱い ローカル型 iPhoneに取り込んだファイルを操作するものであり、サーバー上のファイルをいじるようには作られていません。 接続可能サーバー/プロトコル SMB, AFP, FTP, SFTP, WebDAV, Dropbox, OneDrive, Google Drive, box.com 重要とされるのはSMB(またはSMB/CIFS)と呼ばれるもので、これが記載されていれば追
2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか?SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト! 2014年7月3日 追記:SVGスプライトの書き方について修正&追記しました。 SVGってなに? SVG(Scalable Vector Graphics)はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して
ウェイトが軽いフォントを使うと、デザインに明瞭で美しく洗練された印象を与えることができます。しかし使い方を間違えると、読みにくいだけでユーザーが内容を理解することができなくなってしまいます。 軽いウェイトのフォントを効果的に使う方法、気をつけたい注意点をUX Movementから紹介します。 Do's and Don'ts of Using Light Typefaces 下記はUX MovementのAnthonyの記事を意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外のブロガーから無断翻訳、まとめ記事の無断転載・少しだけ加えて盗用の声を聞くのでご注意ください。 見出しとボディテキストでの効果的な使い方 見出しのデザインを派手すぎないようにする方法 デザインにより洗練された印象を与える方法 軽いフォントは見た目だけではありません 小さいテキストに軽
Locale Change the locale of the datepicker, schedule and client side validation messages.
を呼ぶ必要があります。 …が、これで消えないことがあります。 Info.plist内の View controller-based status bar appearance がNOになっている場合。 この場合はiOS6同様 [[UIApplication sharedApplication] setStatusBarHidden:YES withAnimation:UIStatusBarAnimationFade]; を呼んで消す必要があります。 iOS7からステータスバーの制御がViewController単位での管理に変わり、setStatusBarHidden:withAnimation:がdeprecatedになったと思い込みがちですが、あくまでiOS7からステータスバーの制御がViewController単位での管理が”出来るようになった”だけなので、ご注意を Register
Java 1.5以降では Executorsフレームワーク 利用を優先検討のこと。 遅延実行(タイマー) クラス / メソッド 概要 Since
私はTwitterでよくSVG関連情報をチェックしているのですが、 SVGってどう作ったらいいの? みたいな投稿をしばしば見かけます。 SVGは地味な存在ですが近年は徐々に注目を浴び、関連ツールも増えてきたのでそうした人向けにSVG制作ツールって結構たくさんあるよ!と、まとめてみた次第です。 でも114個って多過ぎ! ……って思うかもしれない、いや正直オレもそう思う。 なので最後に114個の中から管理人のお薦めツール10選っていうのもまとめておいたので、さっくり読みたい人はそれだけチェックすれば良いかと。 そもそもSVGとは、なに? そもそもSVGってなに?という人もいるでしょう、それについては以前記事にまとめました。 SVGとはなにか?とSVGの学習に役立つサイトや書籍の紹介 SVGの説明と、SVGの学習に役立つサイトや参考になる書籍の紹介をしています。 今回とりあげるSVG関連ツールと
はじめに 他の人が書いたコードを読んでいるときに時々気になるのが、英語の間違いです。 特に動詞、名詞、形容詞の使い分けが間違っていたりすると、かなり違和感を感じます。 そこで今回はモデル(=クラス)やメソッドに名前を付けるときの基本的な原則をまとめてみます。 また、英文法的に正しい品詞が選べるようになるための習慣についても最後に説明します。 想定する言語/フレームワーク この記事の説明ではRuby/Ruby on Railsを想定しています。 ただし、基本的な考え方は他の言語でも同じように使えるはずです。 モデルの名前は名詞にする 例: 「支払い情報」を表すモデルを作りたい場合 × Pay ○ Payment 「支払う = payか。よし。」でモデルを作ってはいけません! payは動詞で、payの名詞形がpaymentです。 Payモデルではなく、Paymentモデルを作りましょう。 例:
AngularJSでは$routeとng-viewディレクティブが結びついていて、ルートに応じて指定したtemplateがng-view内にincludeされる仕組みになっています。しかし、ng-viewを複数置いてそれぞれに別のテンプレートを表示させる、といった複雑な事はできません。ある表示領域の下に別の表示領域を置きたい...事は頻繁にあるので結構困る。 こういった事は、ルーティングフレームワークui-routerを使うと簡単に実現できます https://github.com/angular-ui/ui-router ui-routerを使うと、各々の状態(state)に「名前をつける」「入れ子にする」「並列に表示させる」 事ができ、インターフェースを格段に柔軟に扱うことができます。開発も非常に活発。 ありがちなwebサービスの画面を例として、ネストされたビューの構築手順を紹介します
急にAngularJSを覚える必要があったので教材を調べて勉強した。 Code SchoolにShaping up with AngularJSという無料で受けられる5章構成の講座があるのでこれをやった。AngularJSの歌があるのでこれだけリピートして聴いてたら大体覚えられると思う。Web上のかなりよく出来たIDEで試したりプレビューしたりできるので結構面白かった。120分ぐらい集中してやれば5章終わった。 講座終わったら何するか 他に動画形式のコンテンツも2時間分ぐらいあるので、講座終わったあとそれ見るのもおすすめ。おっさんがぐだぐだ言いながらAngularJS使ってアプリを開発していく様子が見られる。講座の最後でこういうの見ると良いっていう紹介があるのでそれ漁るのも良さそう。あとは日本語圏で情報得たいならQiitaのAngularJSタグが付いてる投稿一覧とかをざっと見るとかすると
localStorageにフォーム内容を保存してブラウザクラッシュに備える「jquery.formsaver.js」 2014年05月29日- jquery.formsaver.js by hackprime localStorageにフォーム内容を保存してブラウザクラッシュに備える「jquery.formsaver.js」 ブラウザが落ちてフォームが消えてしまった、というのに備えるためのライブラリです $("#form_id").saveForm(); $("#form_id").restoreForm(); のようなAPIで簡単にlocalStorageにフォーム内容を保存、リストアを可能にします。好きなタイミングで保存、リストアが可能となるので、扱いやすそう。 関連エントリ Gmail風に書き途中のフォーム内容をlocalStorageに定期的に保存してくれる「Sisyphus」
jQueryなどスクリプトは一切使わずに、HTML5+CSSで動画をウェブページの背景いっぱいに表示する方法を紹介します。 フルサイズのデモ IE8などHTML5のvideo要素に対応していないブラウザでは、代替の背景画像が表示されます。 実装は、非常にシンプルです。 HTML 動画はbody内の一番下にvideo要素で配置し、その上には通常通りコンテンツを配置できます。 <body> ... コンテンツ ... <!-- 背景に設置する動画 --> <video autoplay loop poster="http://mattgrossdesign.com/raw-media/first-frame-screencap" id="video-background" muted> <source src="http://mattgrossdesign.com/raw-media/wood
汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。
『1Password』は、ライフハッカーでこれまでにも何度かご紹介してきたパスワード管理ツール。Dropboxを経由してあらゆるデバイスと同期させることができます。ひとたびパスワードの保管ファイルを同期させれば、1Passwordはあらゆるデバイスからそれらのパスワードにアクセスすることを可能にするのです。アプリをインストールする必要もありません。1PasswordAnywhereと呼ばれる機能を使えば、Dropboxと同期した時、パスワードセットにアクセスすることができるようになります。ウェブブラウザ経由でDropboxに行き、1Passwordフォルダを開きます。「1Password.agilekeychain」フォルダを開くと、中に「1Password.html file」を見つけることができます。そのファイルをクリックし、1Password のマスターパスワードを入力すると、パスワ
The first version of Socket.IO was created shortly after Node.JS made its first appearance. I had been looking for a framework that easily enabled me to push data from a server to a client for a long time, and even had tried other approaches to server-side JavaScript. At the time, the main focus was on an interface equivalent to the upcoming WebSocket API that was in the process of standardization
java -XX:+PrintFlagsFinal -XX:+UnlockDiagnosticVMOptions -XX:+UnlockExperimentalVMOptions 尚、詳細が知りたい方は、この辺りを眺めるとより具体的に分かります。 src/share/vm/runtime/globals.hpp#l481 コマンドの説明 -XX:+PrintFlagsFinal -XXオプションの一覧を標準出力するオプションです。 -XX:+UnlockDiagnosticVMOptions 仮想マシンをチューニングする為のオプションを使えるようにするオプションです。 以下に示すリストでは {diagnostic}となっているものがこのフラグによって変更できるようになります。 -XX:+UnlockExperimentalVMOptions 将来サポート予定であるものの機能性が不安定なオプ
zaw - zsh anything.el-like widget install $ git clone git://github.com/zsh-users/zaw.git remote: Counting objects: 136, done. remote: Compressing objects: 100% (86/86), done. remote: Total 136 (delta 43), reused 136 (delta 43) Receiving objects: 100% (136/136), 23.68 KiB, done. Resolving deltas: 100% (43/43), done. $ echo "source ${PWD}/zaw/zaw.zsh" >> ~/.zshrc and restart zsh or manualy source za
This page has moved to a https://eclipse-ee4j.github.io/jersey/.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く