タグ

designに関するjun_okunoのブックマーク (343)

  • Redwood

    Redirecting to https://redwood.oracle.com/

  • Prottはサービスを終了いたしました | Prott has been discontinued

    Prottは、2024年8月31日をもちましてサービスを終了いたしました。 これまでのご愛顧に深く御礼を申しあげます。 We regret to inform you that our service, Prott, has been discontinued as of August 31, 2024. We deeply appreciate your loyalty and support over the years.

  • 書籍出版のお知らせ:理論から学ぶデータベース実践入門 ~リレーショナルモデルによる効率的なSQL

    来る2月27日、データベースの新書籍を発売させて頂くことになった。タイトルは「理論から学ぶデータベース実践入門 ~リレーショナルモデルによる効率的なSQL」となっている。単に「データベース」と書いてあるが、RDBがメインのテーマの書籍である。 多くの人が未だにRDBを使いこなせていないのではないか。RDBの使い方をマスターするには何が必要なのか。それがここ数年私が追ってきたテーマであり、この書籍を出すことになった動機である。 あまりにも酷いDB設計、あまりにもスパゲティなクエリ、あまりにも希薄なデータモデルへの理解。そういった問題はどこから生み出されるのか。そのひとつの結論としてたどり着いたのが、「そもそもRDBの使い方があまり理解されていないのではないか」ということだった。名著、SQLアンチパターンでは「やってはいけないケース」について学ぶことができるが、その反対のテーマ、つまり来どの

    書籍出版のお知らせ:理論から学ぶデータベース実践入門 ~リレーショナルモデルによる効率的なSQL
  • Website Templates & WordPress Themes from Gridgum.com

    Dobul is a versatile and fully functional mobile app tailored for the food delivery industry, compatible with both iOS and Android. Perfect for businesses venturing into food delivery, this scalable and customizable app offers an end-to-end solution to streamline operations and enhance user experience. Dobul comprises a suite of four integrated apps, each designed for specific user roles within th

  • さすが、Apple!刷新されたウェブサイトで見つけた3つのこだわりとは?

    iPhone 6とApple Watchの発表よりも、その後に公開されたAppleウェブサイトのリニューアルのほうに驚いた方も多かったと思います。Appleがついにモバイルに対応した!というのも興味深いできごとですが、僕にとっては、長年存在したあのナビゲーションバーが、シンプルでフラットなデザインに変更されたことに「おぉ〜、ついに。。。」と感傷に浸ってしまいました。

  • Calltoidea - Light up your imagination

    If you like Calltoidea, let's trythe first community for link lovers.

    Calltoidea - Light up your imagination
  • たった1行!スマホサイトのコーディング時に役立つ小技8(サンプルあり) - Design Color

    もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし

    たった1行!スマホサイトのコーディング時に役立つ小技8(サンプルあり) - Design Color
  • 初心者がクラウドワークスで2連勝したIllustratorアイコン作成勉強法 - atskimura-memo

    ビギナーズラックかわかりませんが、Illustratorの勉強を始めてほぼ土日だけの二週間でクラウドワークスのコンペで2連勝してしまいました。仲間を増やしたいので、この二週間何をやったかまとめてみたいと思います。 なお、性格にもよると思うので、この勉強法が合わない人もいると思います。 こちらが証拠の私のクラウドワークスのページです。自己PRとかなんも書いていませんw atskimuraさんのプロフィール【クラウドワークス】 では、2週間何をやったか書いていきます。 イラレでアイコンを作るという作業を体で理解する Illustratorテクニックファイル アイコン&マークデザイン 最初はこちらのを買いました。 ちょうど娘がインフルで私は暇だったこともあり、土曜だけで7時間くらいやったんじゃないでしょうか。 の3分の1くらいひたすらやりました(7時間で1/3。意外と時間かかる)。 この

    初心者がクラウドワークスで2連勝したIllustratorアイコン作成勉強法 - atskimura-memo
  • 効率的に学べた!Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ

    作成:2014/01/6 更新:2014/11/01 Webデザイン > Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ アートディレクター 1.アクセシビリティ 2.ユーザビリティ 3.UX(ユーザーエクスペリエンス) 4.IA(情報アーキテクチャ) 5.画面設計(ワイヤーフレーム) 6.進行管理 Webデザイナー 7.レイアウト・フォントの知識 8.配色 9.Illustratorの使い方 10.Photoshopの使い方 11.バナー作成 12.ボタン作成 フロントエンドエンジニア 13.HTML5 14.CSS3/Sass 15.javascript 16.jQuery 17.WordPressテー

    効率的に学べた!Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ
  • 「チームワークのデザイン」講義資料

    「チームワークのデザイン」講義資料 このサイトではサイボウズ・ラボの西尾泰和と竹迫良範が 京都大学サマーデザインスクール 2013で行った 「チームワークのデザイン」の講義資料を公開しています。 わたしたちは、世界中のあらゆるチームを支援できる企業を目指しています。 成果発表会でのスピーチ みなさん、難しい問題を考えるときにはどのようにやっていますか?書き出してから考えることが大事です。目隠し将棋と普通の将棋はどちらが簡単か、暗算と筆算はどちらが簡単か、考えて見れば明らかです。頭のなかだけで考えようとすると、覚えておくために脳の一部が割かれてしまいます。 わたしたちのチームでは最終的に、なんと750枚もの付箋を消費しました。 その大量の付箋をどうするのか?ボトムアップで組み立てることが大事です。わたしたちは予期しないつながりや構造を見出したいのです。トップダウンで構造を決めつけるのではなく

  • デザイン思考 ファシリテーション・ガイドブック|イトーキ

    2012年11月にイノベーションを生み出す場のつくり方、スタンフォード大学d.schoolの研究・実践書「make space」を出版したが、場とともにイノベーションの生み出し方のメソッドを知り、実践したいとの要望が多く寄せられ、同じくスタンフォード大学 d.schoolのイノベーション教育の中核である「デザイン思考」を実践するガイドを株式会社イトーキ オフィス総合研究所と一般社団法人デザイン思考研究所にて作成しました。 目次 はじめに デザイン思考の概要 第1章 理解 ステップ1:チームビルディング ステップ2:課題設定 ステップ3:知識の把握 ステップ4:観察対象の設定 第2章 共感 ステップ1:観察 ステップ2:インタビュー 第3章 問題定義 ステップ1:情報整理 ステップ2:ストーリー抽出 ステップ3:問題定義 第4章 創造 ステップ1:テーマ設定 ステップ2:アイデア創造 ステッ

    デザイン思考 ファシリテーション・ガイドブック|イトーキ
  • ズルいデザインテクニック2013 + セミフラット version - in 福井

    WCAF Vol.11 「Design」 in 福井 で発表させていただきました。 内容は大体、前回の大阪バージョンと同じです。 http://wcaf.doorkeeper.jp/events/7028 少ない装飾で素材の魅力を生かす、ズルいWebデザイン実践編 https://speak…

    ズルいデザインテクニック2013 + セミフラット version - in 福井
  • http://handywebdesign.net/2013/12/slide-share-about-color/

    http://handywebdesign.net/2013/12/slide-share-about-color/
  • なぜ、コミュニティファクトリーは女性向けアプリでヒットを連発できるのか?松本龍祐氏に聞く「3つの仕込み」 - エンジニアtype

    『DECOPIC』は昨年9月に弊誌でも取り上げたとおり、松龍祐氏率いるコミュニティファクトリーが開発し、徹底したマーケティングリサーチを元にブラッシュアップを続けた結果、その後1年2か月で1600万DL増と“爆速”でユーザーを増やしたアプリの1つだ。 ただ、同社がヒットさせたのは『DECOPIC』だけではない。コミュニティファクトリーが女性向けに開発・提供する自社アプリの累計ダウンロード数(iPhoneAndroidアプリ総計)は3000万DLを突破(2013年9月14日時点)。 App Apeが調査したGoogle Playのカテゴリ別アプリ所持率を見ても、家計簿、手帳カテゴリでTOP5に入るアプリをリリースしている。 2013年4月にはオフィスをヤフー社内へ移し、アプリ開発室室長というポジションに就いた松氏。すでにヤフーの全スタッフを対象に、持論である「UX Design」をベー

    なぜ、コミュニティファクトリーは女性向けアプリでヒットを連発できるのか?松本龍祐氏に聞く「3つの仕込み」 - エンジニアtype
  • ユーザーの知識は低いレベルで停滞する

    学習というのはたいへんな作業なので、ユーザーのやりたいことではない。その結果、彼らはユーザーインタフェースの探索をすることもなく、ほとんどの機能について知らないままだ。 User Expertise Stagnates at Low Levels by Nielsen Norman Group on September 28, 2013 日語版2013年11月25日公開 コンピュータシステムを長期間利用しているユーザーでも、知っていて使っているのは利用可能なコマンドや機能のほんの一部だけであることは多い。デザインのユーザビリティが優れていれば、ユーザーはシステムを利用しはじめて間もなく、かなり容易に一連の基機能を理解する。しかし、その後、彼らは伸び悩み、それ以上はたいしてスキルが上がらない。システムを頻繁に使っているユーザーですら、年にわずか1つか2つの新しい知識を身につけられるように

    ユーザーの知識は低いレベルで停滞する
  • 日本のウェブデザインはなぜこんなにも世界と違うのか? - BRIDGE(ブリッジ)

    記事は、ブログ『RANDOMWIRE』の運営者の許可を得て、翻訳しています(元記事)。 静寂が満ちる禅庭園、美しい神社、静穏な寺、洗練された茶道。日の伝統建築、現代建築、書籍、雑誌は世界中のデザイナーの羨望の的だ。 だが、どうしてか、こうした巧みな技術はデジタルプロダクトには生かされていないようだ。特にそれが顕著なのは、ウェブサイトだ。その多くが、1998年のスタイルから変化していないように見える。 例1:楽天市場 有名な日のサイトの多くを見てみると、次のような傾向が見られる。(例えば、 Yahoo Japan、楽天、ニコニコ、JR東日、読売新聞…) 隙間なく敷き詰められている文字 小さく、画質の悪い画像 数えきれないほどのカラム 色同士の調和に欠ける派手な色使い、きらきら光るバナー Flashのような、過剰に使用される時代遅れのテクノロジー 美しい俳句、質素なわび・さびとはかけ離

    日本のウェブデザインはなぜこんなにも世界と違うのか? - BRIDGE(ブリッジ)
  • ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン

    さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った

    ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン
  • ズルいデザインテクニック2013 + セミフラット version

    [大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/k…

    ズルいデザインテクニック2013 + セミフラット version
  • デザイナーもエンジニアも幸せになれるiOS画像の書き出し方 | keisuke.tsukayoshi

    前回iOSアプリのデザイン指示書についての記事でも少し触れましたが、iOS開発の画像素材の書き出しはデザイナーが担当するのが一般的なようです。しかし実際にコードを書けない多くのデザイナーにとっては、どんな画像をどのように書き出せばいいのか不安になってしまうことも多そう。 というわけで今回は、主にアプリデザインの経験のないデザイナーさんに向けた簡単なtipsと、最後にちょっとグレーだけど使い所によっては効率があがるぼくなりの手法も少し紹介してみたいとおもいます。 基的なこと デザインは横幅640ピクセルで作る 基的なところですね。後述しますが、Retina対応したiPhoneとそうでないもののふたつの解像度の画像が必要になるのでどちらも兼ねるこの解像度で作ります。 非Retina端末のために半分のサイズの画像も用意する 実際にXcodeでの開発は横幅320pxをベースに実装するので、もと

    デザイナーもエンジニアも幸せになれるiOS画像の書き出し方 | keisuke.tsukayoshi
  • iPhoneアプリのデザイン指示書について | keisuke tsukayoshi

    最近になってようやく、その他の開発のために止まっていたlogのアプリ開発が少しずつ動き始めました。デザインはほぼFIXしていたので早速実装に取り掛かっています。やはり自分が作ったデザインがアプリケーションという形に落とし込まれていくのは、デザインに命が吹き込まれているようで毎度感動させられますね…。 さて今回の記事の内容は、そんなデザインに命を吹き込む過程でスマホアプリ開発に必要な、デザイナーからエンジニアへ受け渡されるデザイン指示書についてまとめてみたいと思います。 デザイン指示書とは マークアップの世界ではわりとPSDファイルを渡せば自前のPhotoshopなりで素材を切り出したり、大きさを測ったりすることはわりと一般的ですが、スマホアプリ開発ではマークアップ的な見た目実装に加えて機能も同時に実装する必要があるので、全体の作業量なども考慮して素材の切り出しや余白・文字の大きさの指定など

    iPhoneアプリのデザイン指示書について | keisuke tsukayoshi