ロイヤリティフリーの写真素材やBGM、サイトテンプレート、プロジェクトファイル、PHP・JavaScriptのソースコードファイルなど、企業や公式サイトが使うようなハイクオリティな素材を提供しているEnvatoは、各素材サイトから毎月1つずつ、有料素材を無料で提供しています。2014年5月は、レスポンシブなHTML5/CSS3テンプレート、Photoshopで使用できる樹木の3Dテクスチャ、クロマキーで合成が行える猫のムービーなど、合計6500円相当の素材が無料ダウンロード可能です。 素材を無料でダウンロードするにはアカウント作成・ログインが必要なので、まずは以下のページを参考に無料アカウントを作っておきます。 無料で商用利用可の有料サイトテンプレートファイルを「ThemeForest」からダウンロードする方法 - GIGAZINE 2014年5月の無料ダウンロードは以下のページから。 ◆

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

TOP  >  Design  >  アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」 一口にアイコンといっても、フラットタイプや立体感のあるリアルなタイプなど、いろいろなテイストのものが存在していますが、今回紹介するのは、アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」です。 （Dribbble – Free Icon Set by Catalin Fertu） ラインで描き出されたアイコンセット、いろいろな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Dribbble – ilepixeli icons by Piotr Makarewicz

壁紙・写真8953 webデザイン3925 デザイン3291 絵画・イラスト・アート2193 動物1745 3D1724 UI1291 photoshop1083 フリー1004 風景834 自然821 かわいい689 wordpress679 素材652 テーマ632 チュートリアル626 フォント617 幻想的548 動画530 お洒落524 建築物501 犬430 テンプレ400 イラスト397 psd396 猫384 ロゴ331 jquery297 ブラシ296 プレミアム285 プラグイン274 テクスチャ260 CSS249 ミリタリー221 タイポグラフィ217 名刺213 gif212 都市風景210 インテリア206 宇宙203 エフェクト200 SF188 ポスター186 ファンタジー186

io9：現代生活におけるアルゴリズムの重要性は決して過小評価できません。アルゴリズムは、金融機関からデートサイトまで、至る所で使われています。その中でも、世界を支配しているいつくかのアルゴリズムが存在します。今回紹介する10のアルゴリズムがまさにそれです。まずは予備知識。アルゴリズムとは？　公式な定義はありませんが、コンピューター科学者たちは一連の処理手順を定めたルールセットをアルゴリズムと呼んでいます。コンピューターに問題の解き方や目標の達成方法を指示するものです。アルゴリズムを考えるときには、視覚的なフローチャートがよく使われます。 1. Google検索 かつて、それほど昔ではない時代に、インターネットの覇権を争って検索エンジン同士の戦いがありました。そして、Googleとその革新的なページランクアルゴリズムが勝者となりました。 今では、米国の検索エンジン市場の66.7%をGoogl

WEB系の情報セキュリティ関連の学習メモです。メモなので他情報のポインタだけ、とかの卑怯な記事もあります。 ※2020.9 注記:本ブログの解説記事は内容が古くなっております。OWASP ZAPなどのソフトウェアの解説は現行バージョンの仕様から乖離している可能性があります。 EC-CUBEで脆弱性を見つけたり、mixiの脆弱性報告制度で成果を挙げたりしたせいか、「どうやって脆弱性を見つけてるんですか？」という質問をされることが時折あり、一応手順は説明するのですが、いつも口頭で細かくは説明できなくて申し訳ないので、自分のやり方をまとめてこのブログにアップしておきます。 標準的な脆弱性検査のやり方しか説明していないので、脆弱性検査のやり方を既に把握している人が読んでも得るものは少ないのではないかと思います。今回は脆弱性検査に興味があるが何をどうしたらいいか分からないような初心者向けコンテンツで

インターネットを眺めていたら、リリースの高速化自体を目的化するのではなく、ビジネス成果によって成否を判断するべきだという主張があったので、思うところを書いておく。起点は他社さんにおける議論だが、そこは問題ではなくて、もし自分の関わるところでそういう議論が起こったら、自社の技術に対してそれなりのポジションにおいて関係する人間としてどのように考えるべきだろうかという視点で述べる。 リリースあるいはリリースの高速化自体を目的化するのではなく、その結果としてのビジネス的成果が大事だということは、マネジメントにとっては当たり前なわけで、いちいちいうまでもないことだろう。そもそも、サービスが圧倒的に成長し続けていれば、リリース頻度 = 成果になるはずだ。現状そうでないのであれば、成長速度が遅いということになる。エンジニアが技術を尽くしてリリース速度を向上させたにも関わらずそれが成果に結びつかないとした

汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。

皆さんはお気に入りデザインの管理をどうやっていますか？ はじめまして！ 14新卒デザイナーとして面白法人カヤックに入社しました、トダエミです。 ソーシャルゲームチームでデザイン修行しながら、写真撮ったり絵を描いたりしています。 今回は、新卒デザイナーにとって関門の一つデザインの引き出しを増やせ！ を攻略するための方法として、 デザインスクラップツールの紹介をします！ 1.デスクトップ系ツール バナーもボタンもキャプチャも、これ一つ！「Spark Box」 >> http://www.icyblaze.com/sparkbox/ （対応：mac） UIやバナーなど単体のものをストックするのに大活躍！ 私はソーシャルゲームのバナーをストックするのに使っています。 サイトに使われている画像が一覧で表示され、一つずつまたはすべてライブラリに読み込めます。 魅力的なのはソート機能！ なんと自動でカラ

2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。

こんにちは、WEBマーケッターの荒木です。 WEBデザインという仕事は面白くもあり、難しくもあります。 難しいからこそ、やりがいのある仕事とと言えます。 今回は、そのWEBデザインという仕事のなかで、意識しておくべき５つのコトを紹介します。 (1)WEBデザインは積み上げていくもの WEBデザインは積み上げていくものです。 新しい案件だからといって、またゼロから新しいものを生み出す必要はありません。 WEBデザインはアートではありませんので、 ユーザーはデザインに対して常に新しいものを求めているわけではないのです。 これまで培った経験やノウハウを存分に生かしきったデザインのほうがよりクオリティが高く、ユーザーにとって使いやすいものになります。 勘違いしてはならないのは、すべてを同じテンプレートに当てはめれば良いということではありません。 案件ごとにターゲットやサイトのコンセプトが異なるわけ

昨今アプリ開発を行う上でのUIアニメーションやデザインの重要性が非常に高まってきました。一方でアプリの質を保ちながら開発スピードを上げるためには、様々な工夫が必要です。 今回はDeNAの開発者である吉田正史さんに、開発事例をもとにどう現場の課題を解決し、効率を上げていったのかなどについて寄稿していただきました。 by 馬場美由紀 （CodeIQ中の人） 話に出てくるアプリの紹介 DeNA吉田です。 今回ご紹介するのは、実際に下記のアプリを開発する現場で直面した課題です。 RabbitCam RabbitCam Rabbit cam（ラビットカム）はアニメーションするスタンプやBGMを選び、合成して動画を作成するアプリです。 非常にかわいいスタンプをより、可愛くする細かい動きや、おしゃれに仕上げるための動画に対してのフィルタの色味など細かい調整を重ねました。 QuizNow QuizNow

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

レスポンシブWebデザインが流行っていますが、その一番の難敵とも言えるのがテーブルではないでしょうか。特に業務系システムや管理画面をスマートフォン/タブレットに対応させる上で幅が狭い中でいかにうまくテーブルを表示するかは大きな問題です。 そこで使ってみたいのがTableSaw、レスポンシブなテーブルを実現するライブラリです。 TableSawの使い方 TableSawには2つのレスポンシブ対応が可能です。まず一つ目はスタックと方式です。 こちらが元々のテーブルです。幅を狭めてみましょう。 縦並びになりました。これがスタックです。 スタックの通り、横に並んでいたデータを縦に積み重ねています。1行1行のデータは見やすくなりますが、他の行との比較が難しくなってしまうのが難点です。 もう一つはスワイプです。こちらも幅を狭めてみます。 右上の矢印が有効になりました。表示されている項目も減っています。

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

【本記事とセットで読みたい「UXを高めるTinder風UIで今後が期待される「非」出会い系アプリ10選」を公開しました!】 edited by Ryutaro Mori Follow us on Twitter Follow us on Facebook Tinder 出会い系アプリに革命をもたらしたと言っても過言ではない超人気アプリです。 Tinderの魅力は何と言ってもそのUI。 次々に現れる異性の写真をスワイプしながらハートかバツ印で判定していくシンプルなUIは、今までプロフィール＋顔写真の組み合わせが主流だった出会い系サービス内における異性の判定基準を顔写真(＋位置情報)のみに限定し、「余計な情報」を省くことで出会い系に新感覚のカジュアルさをもたらしました。 (Tinderの基本画像の下にはハートとバツ印が設置してあります。) (相手に好意があるときは、ハートに向けてスワイプします

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のプロが岡目八目で切り込むのが快感今回、「UXデザインパッケージ」のサービスを体験してみたわけですが、結論から言うと、「さすがUXのプロ」という面と、「まさに岡目八目、外部に頼む価値」という面とがありました。 アドバイスは、現状のWeb担の見せ方をかなり大幅に変えるというものでした。つまり、現状をある意味で否定された形なのですが、それに対して違和感は抱きませんでした。というのも、そうするべきだとして示されている理由が理路整然としていた納得できるものであり、さらに自分でも薄々は感じていた「そうだよね」という部分をえぐられていた内容も多かったからです。 たとえば、アドバイスでは、「移動中などにスマホで友人のフィードで見かけた記事などが気になり、でもそのときは読まずにあとから読む」といった行動にうまく対応できるようにと指摘されています。 これは、言われなくてもわかっているはずのことです（実際

SwipeRefreshLayout Support Library revision 19.1.0 で SwipeRefreshLayout が追加されました。これを使うと ListView などを下方向にスワイプしてデータを更新する (Pull to Reflesh) を実装できます。いままで OSS を利用するしか方法がありませんでしたが、Support Library だけで実装できるようになりました。 使ったことがなかったので、試しに使ってみました。 SwipeRefreshLayout の使いかた 前提条件として Support Library revision 19.1.0 以上が使える状態にしておく必要があるので、必要なかたはアップデートしてください。 まずレイアウトですが、次のように ListView の親として、包み込むような感じで配置します。 <android.sup

SNSへの投稿はテキスト形式の単調なものになりがちですが、これをより洗練された美しい画像に変換し、複数のSNSやネットサービスに自動投稿してくれる無料アプリが「Notegraphy」です。 Notegraphy https://notegraphy.com/ 「Notegraphy」を使えば、「GIGAZINE」というテキストも以下のような画像にして投稿できるようになるわけ。 NotegraphyはApp StoreとGoogle Playにて無料配信されているアプリです。 Notegraphy on the App Store on iTunes https://itunes.apple.com/app/notegraphy/id669094298 Notegraphy - Android Apps on Google Play https://play.google.com/store

Compassのメリット CSSスプライトが簡単に作成できる Compassでは、フォルダに配置するだけで、CSSスプライトで記載された一枚画像が簡単に作れます。CSSスプライトを利用すれば、1ページ辺りの画像の読み込みを何度も実行せずにすむため、ページの高速化につながります。 独自のmixinが利用できる グラデーションやベンダープレフィックスを自動で付与してくれる機能があります。 独自の関数が利用できる 画像のサイズを取得したり、三角関数の計算をしたりできる関数があります。 mixinや関数はCompassの公式リファレンスで紹介されています。ここでは記載できないほどのmixinや関数がありますので、一度見てみると面白いかと思います。 上記に加え、第1回目に記載したこちらのSassのメリットももちろん享受できます。 読みやすい 変数や繰り返し処理が使える 成果物の品質を統一できる 高速

本連載では、ビジネスと学術の狭間に注目した技術・人事採用に関するコラムを展開していきたいと思います。 第1回は人事採用の観点から、デジタルネイティブ時代におけるIT業界の構造と求職者・採用企業間のギャップについて取り上げたいと思います。近年の傾向として、新卒入社1年未満で方向性の不一致を理由とした転職活動を行う存在がいます。肌感覚として、若手中途採用の書類選考をする際の3分の1程度はこうした方々である印象です。入社前と入社後のギャップが大きいことはよくあることですし、転職を否定するつもりもないのですが、会社都合ではない1年未満の転職というのは職務履歴書のノイズと見えてしまうことは否めません。こうした入社前後のギャップはどの辺りにあるのでしょうか。 視点を新卒採用に移しましょう。学生と採用担当者を引き合わせる某イベントでは、20名中の半数に希望職種の混在がありました。「デザイナー」「コーダー

こんにちは！12/11担当の @koogawa です。どうぞよろしくお願いします。 さて、iPhoneには「加速度センサー」や「電子コンパス」など、いろいろなセンサーが搭載されていることはご存知だと思います。そこで今回は、iPhoneで検知できる様々な情報とその実装方法を、10個ピックアップしてまとめてました。メジャーなものからマニアックなものまで色々揃えましたので、何か一つでもお役に立てたら嬉しいです。 では、いってみましょう！ 光・音声系 1. 輝度センサー iPhoneの画面輝度（明るさ）が取得・設定できます。 画面輝度＝周りの明るさなので、輝度が高ければユーザが明るい場所にいると判断することもできそうです。ただ、中には画面輝度を固定に設定しているユーザもいるので、一概にこの基準が当てはまるとは限りません。 実装方法 画面輝度は次のように取得できます。

by @mixiappwchr 下記の記事の中でもちらっと紹介したのですが、開発時のビルドを毎回やり直さずに修正できるXcode Pluginが非常に便利なので紹介したいと思います。 細かいチューニングを繰り返す場合に絶大な威力を発揮します。 DeNA中の人が事例で語る、アニメーションやデザインのアプリを効率よく開発するためのTips ここで書きましたが、このプラグインを使うと ビルドやり直ししてアプリ再起動など、いっさい必要ありません。 利点としては実際は裏でビルドしてるので、主にビルド時間というより、アプリが再起動が必要なくなる事です。 例えば深いところにあるUIの修正となると大きく威力を発揮します。 修正 ↓ アプリ再起動 ↓ そのページまで行く と行った事が 修正 ↓ 確認 ですみます。 シミュレータだけでなく、TCPで情報を送ってるので実機とmacが通信できるネットワークにいるな