タグ

2014年5月28日のブックマーク (13件)

  • モデルやメソッドに名前を付けるときは英語の品詞に気をつけよう - Qiita

    はじめに 他の人が書いたコードを読んでいるときに時々気になるのが、英語の間違いです。 特に動詞、名詞、形容詞の使い分けが間違っていたりすると、かなり違和感を感じます。 そこで今回はモデル(=クラス)やメソッドに名前を付けるときの基的な原則をまとめてみます。 また、英文法的に正しい品詞が選べるようになるための習慣についても最後に説明します。 想定する言語/フレームワーク この記事の説明ではRuby/Ruby on Railsを想定しています。 ただし、基的な考え方は他の言語でも同じように使えるはずです。 モデルの名前は名詞にする 例: 「支払い情報」を表すモデルを作りたい場合 × Pay ○ Payment 「支払う = payか。よし。」でモデルを作ってはいけません! payは動詞で、payの名詞形がpaymentです。 Payモデルではなく、Paymentモデルを作りましょう。 例:

    モデルやメソッドに名前を付けるときは英語の品詞に気をつけよう - Qiita
  • フォントはウェイトを使いこなすと更に面白くなる!ウェイトが軽いフォントの効果的な使い方 | コリス

    ウェイトが軽いフォントを使うと、デザインに明瞭で美しく洗練された印象を与えることができます。しかし使い方を間違えると、読みにくいだけでユーザーが内容を理解することができなくなってしまいます。 軽いウェイトのフォントを効果的に使う方法、気をつけたい注意点をUX Movementから紹介します。 Do's and Don'ts of Using Light Typefaces 下記はUX MovementのAnthonyの記事を意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外のブロガーから無断翻訳、まとめ記事の無断転載・少しだけ加えて盗用の声を聞くのでご注意ください。 見出しとボディテキストでの効果的な使い方 見出しのデザインを派手すぎないようにする方法 デザインにより洗練された印象を与える方法 軽いフォントは見た目だけではありません 小さいテキストに軽

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • アイコンフォントからSVGへ!より手軽にベクター画像を表示しよう

    2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか?SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト! 2014年7月3日 追記:SVGスプライトの書き方について修正&追記しました。 SVGってなに? SVGScalable Vector Graphics)はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して

    アイコンフォントからSVGへ!より手軽にベクター画像を表示しよう
  • PHPer必見!最強PHPerになれると噂の「新言語Hack」を試してみよう! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、お昼はもっぱら社内のキッチンで料理をしているエンジニアののびすけです。 LIGではメインの開発言語にPHPを使っていて、僕はPHPが大好きなのですが、昨今のWeb業界ではPHPなんて…(ry とか言う輩が少なくないです。 ※気になる人は「PHP Dis」でググってみるといいかも そんな声に負けずにPHPの新たな可能性を感じるFacebook製の「新言語Hack」を紹介します! なお、今回の記事はPHPer界隈で話題になっていた「新言語Hackで最強PHPerになろう!」という記事を元に、初心者向けの内容にしたものです。 参考:新言語Hackで最強PHPerになろう! https://qiita.com/yone098@github/items/7ff3616030e8d19400a7 それでは、はじめます! 目次 「新言語Hack」とは HHVM PHPとHHVM HHVMとH

    PHPer必見!最強PHPerになれると噂の「新言語Hack」を試してみよう! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Androidで円形のプログレスバーを作ってみた

    Androidの通常のプログレスバーは自動でくるくる回るかバー状ですが、ちと変わった感じにしてみようと思って作ってみました。 とりあえず、ざっくり作ったクラスを紹介します。 以下の設定ができます。 ・円の太さ ・半径 ・進捗済みの色 ・未進捗の色 スクリーンショットでわかるかなーと思います。 サンプルでリモコンアプリを使ってます。 太さを色を比較できるようにしてみました。 バーの開始位置とか色とかカスタマイズすれば、レベルメーター的な使い方もできるんじゃないかなと。 XML <jp.xii.relog.customlibrary.ProgressCircle android:id="@+id/Position_ProgressCircle" android:layout_width="wrap_content" android:layout_height="wrap_content" ra

    Androidで円形のプログレスバーを作ってみた
  • 設計書仕様書テンプレート PocketDOC | 株式会社イーイノベーション

    弊社サービスをご利用頂き、誠に有り難うございます。 ドキュメントのダウンロード件数が2007年5月の開設以来300000件を突破しました! 今度ともご愛顧の程よろしくお願いいたします。 PocketDOC(ポケットドック)とはシステム開発に必要な設計書や仕様書などのドキュメントやテンプレートはもちろんのこと、 議事録、納品・検収書、近年話題になっている個人情報に関しての取扱管理表などの ドキュメントやテンプレートも提供しています。 実際に弊社のプロジェクトで使用されているため精度も高く、カスタマイズなしでも利用可能なほどです。 上流工程から下流工程まで広い範囲をサポートしているので、 必要なテンプレートだけをダウンロードして利用することも可能です。 ドキュメントやテンプレートのファイル形式はWord(doc形式)やExcel(xls形式)です。 ダウンロード後、すぐにお使いいただけるように

  • SVGを制作できるアプリ,お絵描きソフトを徹底的に調べました! 114個 - 聴く耳を持たない(片方しか)

    私はTwitterでよくSVG関連情報をチェックしているのですが、 SVGってどう作ったらいいの? みたいな投稿をしばしば見かけます。 SVGは地味な存在ですが近年は徐々に注目を浴び、関連ツールも増えてきたのでそうした人向けにSVG制作ツールって結構たくさんあるよ!と、まとめてみた次第です。 でも114個って多過ぎ! ……って思うかもしれない、いや正直オレもそう思う。 なので最後に114個の中から管理人のお薦めツール10選っていうのもまとめておいたので、さっくり読みたい人はそれだけチェックすれば良いかと。 そもそもSVGとは、なに? そもそもSVGってなに?という人もいるでしょう、それについては以前記事にまとめました。 SVGとはなにか?とSVGの学習に役立つサイトや書籍の紹介 SVGの説明と、SVGの学習に役立つサイトや参考になる書籍の紹介をしています。 今回とりあげるSVG関連ツールと

    SVGを制作できるアプリ,お絵描きソフトを徹底的に調べました! 114個 - 聴く耳を持たない(片方しか)
  • Androidの解像度の違いを考慮したデザイン基礎知識

    多様にある Android 端末の画面サイズと解像度 Android 端末は様々なメーカから発売されており、多種多様な端末があります。スマートフォンとタブレットも合わせるとかなりの数になります。 そんな Android のアプリデザインを作っていく上で避けて通れないのは、多様にある端末環境のことを考慮したUIデザイン設計です。端末の種類が限られている AppleiPhone とは異なった事情があります。 考慮してデザイン制作と実装を進めていかないと、せっかくデザイナーさんが頑張ってイケてるデザインを作ったのに実装後に残念な見栄えになってしまったりします。 プログラマとデザイナーは密にやり取りをすべき デザイナーが画像素材を用意してプログラマがそれを使って実装していくのが一般的ですが、出来ればどういう風に素材を用意して欲しいかお互い相談しながら制作を進めていくべきでしょう。 画像スライ

    Androidの解像度の違いを考慮したデザイン基礎知識
  • 無料でJPG、PNG、GIF、SVG画像を圧縮して小さくしてくれる「Compressor」

    アカウント登録不要・無料で利用でき、手元にある画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるサービスが「Compressor.io」です。 Compressor.io - optimize and compress your images and photos http://compressor.io/ ページを表示させるとまず目に飛び込んでくるのがこのカメレオンの画像。画像の上には白いバーが表示されており、マウスで左右に動かすことで圧縮前と後での画質変化を確認することができます。 画像の下には、圧縮前後のデータ容量の変化と圧縮率が表示されています。 このサイトで対応しているのはJPEG、PNG、GIF、SVGの4形式。圧縮時には、元の画質をキープできる可逆圧縮と、圧縮率重視の非可逆圧縮を選択することが可能となっています。 使い方の説明はこれだけ。あと

    無料でJPG、PNG、GIF、SVG画像を圧縮して小さくしてくれる「Compressor」
  • 海外Macユーザーの仕事環境

    Jeff Sheldon 海外デザイナーの仕事環境。皆さんMAC&dribbbleユーザーです。ディスプレイを壁掛けにしているMac miniユーザーや、壁一面の黒板にロゴが描かれていたり、住宅事情によっては簡単に真似できないかもしれませんが、理想のワークスペースの参考になるかもです。 Joshua Söhn Medialoot Molly Jacques R_O_Y Brennan Gleason Zach Roszczewski Joey Lomanto Jeremy Goldberg Tony Thomas INSPIX | 35 Most Inspired Workspaces

    海外Macユーザーの仕事環境
  • iOS/Androidに対応したモバイルデータベース「Couchbase Mobile」正式版登場。無料のコミュニティ版も

    iOS/Androidに対応したモバイルデータベース「Couchbase Mobile」正式版登場。無料のコミュニティ版も Couchbaseは、NoSQLデータベースの一種であるドキュメント指向のデータベースをサーバ向けに開発、展開していました。今回リリースされたCouchbase Mobileは、そのNoSQLデータベースのモバイル版である「Couchbase Lite」と、サーバ上で稼働しモバイルとサーバのデータベース同期を行う「Couchbase Sync Gateway」の2つから構成されています。 Couchbase Mobileは、昨年ベータ版として登場したときには「JSON Anywhere」という名称でしたが、正式版では「Couchbase Mobile」という名称になったようです。 オフラインでもデータベース利用が可能に Couchbase Liteはモバイル用のJSO

    iOS/Androidに対応したモバイルデータベース「Couchbase Mobile」正式版登場。無料のコミュニティ版も
  • 巨大なリポジトリ を Git で上手く扱う方法 | Atlassian Japan 公式ブログ | アトラシアン株式会社

    git は、コードベースの発展過程を記録し、開発者間の協同作業を効率化する強力なツールです。でも、記録対象のリポジトリがとてつもなく巨大なものになったときは何が起こるのでしょうか? この記事では、いくつかの異なる意味での巨大化に正しく対処するためのアイデアと手法を少し紹介してみたいと思います。 二種類の 巨大なリポジトリ よく考えてみると 巨大なリポジトリ が生ずる理由はおおまかに言って二つあります: 非常に長い期間にわたって履歴が積み上げられた (プロジェクトが非常に長い期間継続的に拡大を続けたために開発成果が積み重なった) 場合 巨大でしかも履歴の記録が必要なバイナリ データが存在し、それがコードに反映される場合 その両方の場合 即ち、リポジトリの巨大化は二つの異なる方向に向かって起こることになります。それは、作業ディレクトリのサイズ (即ち直近のコミットのサイズ) の問題と全体の履歴

    巨大なリポジトリ を Git で上手く扱う方法 | Atlassian Japan 公式ブログ | アトラシアン株式会社