はじめまして。謎の集団ZeneloでDBAやらSREの見習いをやっている者です。 初めてQiitaを書くので、煽りタイトルの割には駄文かつかなり内容が薄いですがご了承ください。 ER図を手で管理するのはつらい 現在、謎の集団zeneloではER図を ERMaster というツールで管理している。 ERMasterは細かい部分までER図を表現できる素晴らしいツールではあるが、Json型やDatetime(6)など対応していない為表現できない型があったり、Eclipseを開かなければならないなどいくつかの課題があります。 何より手で管理するのがつらく、 ER図を作成するのは、SRE用語で言うトイルにあたる作業である為、 SREを志す身としては、このトイルを撲滅したいと思い、何か良いツールがないかを探していました。 そこでSchemaSpyの登場 SchemaSpyとは、指定したDatabase
開発現場に Figma を導入してチームの生産性が上がった話です。 デザインドリブンで、プロセスを可視化しながら進める僕の開発スタイルと相性が良いので、最近はクライアントワークでも啓蒙しています。 Figmaは平たく言うとデザインコラボレーションツールですが、こちらのリンクから動画をみると雰囲気が伝わると思います。 https://www.figma.com/ UIデザインツールのリッチ化ではなく、開発チームとコミュニケーションのしやすさが強みで、1人でUIを作るならSketchの方が使いやすいかもしれません。エンジニアやプロダクトマネージャーとガンガン議論して仕様を詰めていくスタイルを好む人はFigmaと相性良いです。 デザインプロセスが可視化されるためプロダクトマネージャー、エンジニア視点でも有用なツールだと思います。 Figmaを使ってよかった点まとめ・「デザインをみんなのモノに」を
4. ゲーム創世記の総括 ゲーム文化はアメリカで生まれた 業務用 家庭用 1958 テニス・フォー・トゥー 1962 スペース・ウォー 1968 ブラウンボックス ブラウンボックス 1971 コンピュータ・スペース 1972 ポン 1972 オデュッセイ オデュセイ 1975 ホーム・ポン 1976 チャンネルF 1976 ブレイク・アウト 1977 アタリ2600 チャンネルF 1977 テレビゲーム6/15 1978 スペースインベーダー (これは日本) アタリ2600 5. アタリ2600の時代 アメリカのゲーム産業の確立 1977年 アタリ社からAtari 2600発売 →家庭用ROMカートリッジ式ゲーム機でヒット 1980年 VCS版 「スペースインベーダー」リリース →これをきっかけに市場が一気に拡大 1982年 アメリカゲーム市場は3億ドルまでに成長する →累計販売台数140
using UnityEngine; using UnityEditor; using System.Collections.Generic; public class NodeEditor : EditorWindow { private Node root; [MenuItem("Window/Node Editor")] static void Open() { EditorWindow.GetWindow<NodeEditor>(); } protected void OnGUI() { if (this.root == null) { this.Init(); } BeginWindows(); this.root.Draw(); EndWindows(); } private void Init() { // 木構造の初期化 this.root = new Node(0, ne
みなさん、こんにちは! 突然ですが…皆さんには、ひいきにしている ゲームのキャラクターはいらっしゃいますでしょうか。 手ごわいボス敵や頼れるパートナー、愛嬌のある動きをするモンスター達は 一体どのような仕組みで動いているのでしょう？ 今回の記事ではそんなゲームの中のキャラクター達を 魅力的に動かす仕組み、AIについて御紹介したいと思います。 改めまして本記事を担当させて頂きます、Cygamesエンジニアの佐藤です。 これまでコンシューマ機でのゲームAI開発に携わり、 ゲームならではのキャラクター表現の楽しさを追いかけてきました。 このブログを通じて、皆さんのゲームのキャラクターを より表情豊かに魅力的なものにする方法について、皆さんと一緒に考えていければ幸いです。 今回はゲームのAIをデザインするにあたって重要となる、 「知識表現を定義する」というステップと、 知識表現の一つである影響マッ
Kalau anda teringin nak fasih English, boleh belajar Bahasa Inggeris online dengan kami. Kelas dijalankan menggunakan Zoom / Google Meet. Kelas Bahasa Inggeris Online Ini Khas Untuk Orang Dewasa Yang Faham English, Tapi Bila Speaking: Ayat Berterabur, Grammar Hancur Dalam proses nak fluent English, kenapa mesti malu? Kami di JomEnglish Academy faham, anda nak sangat cakap smooth dan rasa confident
最適化というか、改善する話です。 モバイル向けに作った時に妙に遅かった場合、この辺りの要因が絡んでいるケースが多い印象です。この辺りは作る際に確認しながら作ると、後々痛みが少なくて良いかなと思います。 目次 目次 プロファイラで確認する エディタ上で動かすプロファイラの注意点 メソッド毎の負荷について DrawMeshを抑える バッチングされない謎の理由 バッチングしやすくする為には フィルレートに気をつける よくあるフィルレートで死ぬパターン フィルレート対策 uGUIにおけるフィルレート対策 Unity 2Dにおけるフィルレート対策 解像度を下げる ゲーム画面は低解像度、UIは高解像度 バッチについて注意すべき事 フォントの扱いについて テクスチャ更新時のスパイク 2つの対策 UIを動かす（変形させる）コストについて 物理演算について その他… VSYNCについて Tweenとか Pi
#はじめに こんにちはー！！ UI設計やってますか？ 今回は「ペーパープロトタイピング」の話。 アプリでは主流になってる現場も少なくないですよね！ 今までのやり方とペーパープロトタイピングの違いや、 プロトタイピングツール「POP」と「Prott」の比較の話なんかをしようと思います！ #今までのアプリUI設計 Webデザインと同じ方法でアプリ設計を行っている場合、手順は ●ワイヤフレーム→モックアップ→実装 厳密に言うと ●①ヒアリング→②ワイヤフレーム→③レビュー→④モックアップ→⑤レビュー→⑥実装→⑦レビュー デザイナーがいないと ●①ヒアリング→②ExcelでUI設計→③レビュー→④実装→⑤レビュー って場合も結構多いと思います。 これ結構時間かかりますよね～。 しかも！ 大抵の場合、実装後のレビューの段階（つまり最終段階）で 「やっぱここ動きおかしいよね！直せる？」 「・・・。（え
TOP > Design > モバイルデザイン時に参考にしたいフリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」 今や、サイトデザインはPC版だけでなく、モバイルにも対応したサイト設計が必須となっています。今回はそんな時に参考にしたい、フリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」を紹介したいと思います。 Planner & Meteo UI Kit for iPhone デザイン性の高い、さまざまなテーマのフリーUIキットがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Ace iOS8 Mobile UI Kit Freebie | Visual Hierarchy iOS
by mixiappwchr Facebook paperがでて、大分たちました。あのUIを実現するライブラリがfacebookから出ることを心待ちにしていた人も多いかと思います。アニメーション部分については既にfacebook pop が公開されていましたが、いよいよあのUXを支えるライブラリがfacebookから公開されました。 AsyncDisplayKit 基本的にはUIKitよりもUI操作を阻害することなくスムーズなインターフェースを提供するためのライブラリです。 なかなかサンプルだけをみても結構伝わりづらいライブラリですが、基本的にはUIKitではないUIライブラリ群になります。 存在するのは最低限のものだけですが、テキスト、イメージ、TableView,CollectionViewがそろっているので一通りのことはできそうです。 クラス類 ASImageNode UIImage
文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ
業界でもいち早くUIデザインにフォーカスを当て、「グノシー」や「マネーフォワード」など、これまで数多くのアプリ・サービスのUIデザインを手がけてきた「株式会社グッドパッチ」。 4月にはいまスタートアップ界で注目を集めるベルリンへの進出も果たしました。 同社の創業者でありCEOの土屋尚史氏に、創業から現在に至るまでの軌跡をお聞きました。 土屋尚史（つちや・なおふみ） 株式会社グッドパッチCEO。関西大学中退後、ウェブ制作会社に就職しディレクターを経験。その後、デジタルハリウッド大学院、サンフランシスコでのインターンなどを経て、2011年に同社設立。 米田：会社が急速に成長していますね。いま社員数は何人ですか？ 土屋：65人です。最初は2人から始まって、その半年後に1人になって（笑）。 米田：2011年、僕が「ノマド・トーキョー」というプロジェクトで東京中のシェアハウス・シェアオフィスを渡り歩
サブスクリプション型音楽配信サービス「AWA」（http://awa.fm/）の提供が開始となった。スタート時点で23社のレーベルが参加しており、邦楽・洋楽あわせて国内最大規模となる数百万曲の楽曲を月額定額制で楽しめるのが特徴だ。スタート当初はiOS/Androidアプリで提供されるが、注目したいのがそのUI/UXデザイン。「スマートフォンで音楽を聞くのに一番適したUI/UXを研究した」と語るAWA株式会社のデザイナー・室橋秀俊氏に、AWAのデザイン面および将来性などについてインタビューを行った。 ●室橋 秀俊氏 AWA株式会社 デザイナー Webのデザイン制作会社や広告代理店を経て、2012年サイバーエージェントに中途入社。「Ameba」のコミュニティをいくつか担当したのち、エイベックス・グループ・ホールディングス株式会社の100％子会社であるエイベックス・デジタル株式会社と株式会社サイ
はじめまして。オインクゲームズ新入社員のきゅぶんず( @kyubuns )です。 今日は、9slice用の画像を自動で作成してくれるライブラリを開発したので、ご紹介したいと思います。 ゲームUIやWebサイト用の画像を作る時に、9sliceはとても便利です。本来、描画サイズを変更しても角が伸びないようにするためのものですが、素材の無駄な部分をカットできるので、テクスチャサイズの削減という大きなメリットも得られます。 しかし、1つ1つ手作業で9slice形式の画像を準備して、スライス（画像のどの部分を伸ばすか）の設定もしないといけない というのは面倒です。 そこで、今回開発した「オニオンリング」を使うと、全てのUIテクスチャを自動的に9slice形式の画像に変換し、さらにUnity上でのスライス設定まで行ってくれます。 これにより、人間は何も意識すること無くテクスチャサイズの削減が出来るので
カメラアプリをつくる上で避けて通れない 撮影画面のお話。 こんにちは！ わりえもん こと Lobi / FILTERS のデザイナーの 割石 です。 去年から OH (http://wariemon.com) という名前でも活動中です。 昨年末にリリースされた カヤックの新規カメラアプリFILTERS 、もう触りましたか？ FILTERS が気になるかたはこちら！ 今回は、フィルターカメラアプリの制作時に役立つ 「カメラフィルターアプリの撮影画面UIまとめ」のお話をします！ あなたのつくりたいカメラアプリはどのパターン？ カメラフィルターアプリにはまず大きくこの2パターンが存在します！ この2パターンに分類して、UIの参考になりそうなアプリをまとめていきます。 1. フィルターをかけながら撮影できるアプリ 2. 撮影後にフィルター（編集）をかけるアプリ あなたのつくりたいカメラアプリはどち
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
この記事は Oculus Rift Advent Calendar 2014 19日目の記事です。前日は KaleidPlayer の作者の @faifx さんによる「視差無し立体視のススメ - とあるOculusRift使いの備忘秘録」でした。2D の動画/静止画の単眼立体視を行うには、なるべく遠い場所に置くほうが有利で、それが何故かの考察、またそれに加えて平面感を消す手法・知見などがまとめられている素晴らしい内容です！ はじめに 以前、「Oculus Rift と Leap Motion で空中お絵描きアプリを作ってみた - 凹みTips」というエントリを投稿しました。ここでは Leap Motion VR（参照：VR の世界に手を持ち込める Leap Motion VR の仕組みを調べてみた - 凹みTips）を利用して空間に指で線を描けるという簡単なデモの紹介をしています。 指先の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
