まだER図の管理で消耗してるの？ SchemaSpy でER図を自動生成して管理する - Qiita
はじめまして。謎の集団ZeneloでDBAやらSREの見習いをやっている者です。 初めてQiitaを書くので、煽りタイトルの割には駄文かつかなり内容が薄いですがご了承ください。 ER図を手で管理するのはつらい 現在、謎の集団zeneloではER図を ERMaster というツールで管理している。 ERMasterは細かい部分までER図を表現できる素晴らしいツールではあるが、Json型やDatetime(6)など対応していない為表現できない型があったり、Eclipseを開かなければならないなどいくつかの課題があります。 何より手で管理するのがつらく、 ER図を作成するのは、SRE用語で言うトイルにあたる作業である為、 SREを志す身としては、このトイルを撲滅したいと思い、何か良いツールがないかを探していました。 そこでSchemaSpyの登場 SchemaSpyとは、指定したDatabase
Figmaを使って開発チームの生産性をあげるプロダクトマネジメント｜坪田 朋
開発現場に Figma を導入してチームの生産性が上がった話です。 デザインドリブンで、プロセスを可視化しながら進める僕の開発スタイルと相性が良いので、最近はクライアントワークでも啓蒙しています。 Figmaは平たく言うとデザインコラボレーションツールですが、こちらのリンクから動画をみると雰囲気が伝わると思います。 https://www.figma.com/ UIデザインツールのリッチ化ではなく、開発チームとコミュニケーションのしやすさが強みで、1人でUIを作るならSketchの方が使いやすいかもしれません。エンジニアやプロダクトマネージャーとガンガン議論して仕様を詰めていくスタイルを好む人はFigmaと相性良いです。 デザインプロセスが可視化されるためプロダクトマネージャー、エンジニア視点でも有用なツールだと思います。 Figmaを使ってよかった点まとめ・「デザインをみんなのモノに」を
ゲームニクス理論
2017/11/18に開催されたUnity道場スペシャル 2017京都の講演スライドです。 講師：黒河 優介（ユニティ・テクノロジーズ・ジャパン合同会社） 「効果的な最適化のために事前に何をしたらよいか？」「どういう考えで最適化を行っていけばよいか？」などの基本的な考え方から、具体的なProfilerの使い方までお伝えしていきたいと思います。この講演で紹介する考え方は、日本のエンタープライズチームを通して得た知見になります。最適化のテクニックそのものは紹介しませんが、考え方を身につける事で、最適化のために役立つでしょう。 こんな人におすすめ ・最適化したいが、何をしてよいかわからず困っている人 ・効率的に最適化を行いたい人 受講者が得られる知見 ・Unity Profilerに関するノウハウ ・最適化の目算、見積もりをする技術 Unityのイベント資料はこちらから： https://www
【Unity】エディター拡張で木構造を表示させる - Qiita
※この記事で使っているUnityのバージョンは Unity5.2.1p3 です。 木構造の表示 まずは木構造を表示させるウィンドウ 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(); EndWindow
ゲームAI -基礎編- 『知識表現と影響マップ』
みなさん、こんにちは! 突然ですが…皆さんには、ひいきにしている ゲームのキャラクターはいらっしゃいますでしょうか。 手ごわいボス敵や頼れるパートナー、愛嬌のある動きをするモンスター達は 一体どのような仕組みで動いているのでしょう？ 今回の記事ではそんなゲームの中のキャラクター達を 魅力的に動かす仕組み、AIについて御紹介したいと思います。 改めまして本記事を担当させて頂きます、Cygamesエンジニアの佐藤です。 これまでコンシューマ機でのゲームAI開発に携わり、 ゲームならではのキャラクター表現の楽しさを追いかけてきました。 このブログを通じて、皆さんのゲームのキャラクターを より表情豊かに魅力的なものにする方法について、皆さんと一緒に考えていければ幸いです。 今回はゲームのAIをデザインするにあたって重要となる、 「知識表現を定義する」というステップと、 知識表現の一つである影響マッ
Belajar Bahasa Inggeris Online 2022 (Kelas English 1-to-1)
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
Unityの2DやuGUIのパフォーマンス最適化についての7つのTips - テラシュールブログ
最適化というか、改善する話です。 モバイル向けに作った時に妙に遅かった場合、この辺りの要因が絡んでいるケースが多い印象です。この辺りは作る際に確認しながら作ると、後々痛みが少なくて良いかなと思います。 目次 目次 プロファイラで確認する エディタ上で動かすプロファイラの注意点 メソッド毎の負荷について DrawMeshを抑える バッチングされない謎の理由 バッチングしやすくする為には フィルレートに気をつける よくあるフィルレートで死ぬパターン フィルレート対策 uGUIにおけるフィルレート対策 Unity 2Dにおけるフィルレート対策 解像度を下げる ゲーム画面は低解像度、UIは高解像度 バッチについて注意すべき事 フォントの扱いについて テクスチャ更新時のスパイク 2つの対策 UIを動かす（変形させる）コストについて 物理演算について その他… VSYNCについて Tweenとか Pi
アプリのUI設計は「紙でやる」のが早い！ - Qiita
はじめに こんにちはー！！ UI設計やってますか？ 今回は「ペーパープロトタイピング」の話。 アプリでは主流になってる現場も少なくないですよね！ 今までのやり方とペーパープロトタイピングの違いや、 プロトタイピングツール「POP」と「Prott」の比較の話なんかをしようと思います！ 今までのアプリUI設計 Webデザインと同じ方法でアプリ設計を行っている場合、手順は ●ワイヤフレーム→モックアップ→実装 厳密に言うと ●①ヒアリング→②ワイヤフレーム→③レビュー→④モックアップ→⑤レビュー→⑥実装→⑦レビュー デザイナーがいないと ●①ヒアリング→②ExcelでUI設計→③レビュー→④実装→⑤レビュー って場合も結構多いと思います。 これ結構時間かかりますよね～。 しかも！ 大抵の場合、実装後のレビューの段階（つまり最終段階）で 「やっぱここ動きおかしいよね！直せる？」 「・・・。（えー！
モバイルデザイン時に参考にしたいフリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」
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
限界までUXを向上させる! Facebook paperのようなアプリを最新UIライブラリAsyncDisplayKitでヌルヌルな操作感を実現しよう！ - Qiita
限界までUXを向上させる! Facebook paperのようなアプリを最新UIライブラリAsyncDisplayKitでヌルヌルな操作感を実現しよう！iPhoneXcodeiOS by mixiappwchr Facebook paperがでて、大分たちました。あのUIを実現するライブラリがfacebookから出ることを心待ちにしていた人も多いかと思います。アニメーション部分については既にfacebook pop が公開されていましたが、いよいよあのUXを支えるライブラリがfacebookから公開されました。 基本的にはUIKitよりもUI操作を阻害することなくスムーズなインターフェースを提供するためのライブラリです。 なかなかサンプルだけをみても結構伝わりづらいライブラリですが、基本的にはUIKitではないUIライブラリ群になります。 存在するのは最低限のものだけですが、テキスト、イメ
デザインは基本が大切！ひとつ一つをしっかり見直しておきたい20のデザインテクニック
文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ
起業のきっかけは「祖母が遺した定期預金」。グッドパッチCEO土屋尚史氏に聞いた、急成長への道のり | ライフハッカー・ジャパン
米田：会社が急速に成長していますね。いま社員数は何人ですか？ 土屋：65人です。最初は2人から始まって、その半年後に1人になって（笑）。 米田：2011年、僕が「ノマド・トーキョー」というプロジェクトで東京中のシェアハウス・シェアオフィスを渡り歩いていたことがきっかけで土屋さんにお会いしました。土屋さんは当時、サンフランシスコに訪れ、現地のコワーキングスペースに衝撃を受けて、UIデザインなどもやりつつ、世界的なコワーキングスペースである「HUB」を日本に持ってこようと言っていて、意気投合したことを覚えています。そして、その後、UIをてがけた「グノシー」が大ヒットした。 あらためて、起業のきっかけから今日は話していただけますか？ 土屋：以前勤めていた会社はとても古いタイプの会社で、新しいことを全然やらなくて、ずっと悶々としていたんです。当時27歳で、30歳までには起業したいとは思ってはいたの
インタビュー：利便性を徹底的に追求した「AWA」のUI/UXデザイン - MdN Design Interactive
サブスクリプション型音楽配信サービス「AWA」（http://awa.fm/）の提供が開始となった。スタート時点で23社のレーベルが参加しており、邦楽・洋楽あわせて国内最大規模となる数百万曲の楽曲を月額定額制で楽しめるのが特徴だ。スタート当初はiOS/Androidアプリで提供されるが、注目したいのがそのUI/UXデザイン。「スマートフォンで音楽を聞くのに一番適したUI/UXを研究した」と語るAWA株式会社のデザイナー・室橋秀俊氏に、AWAのデザイン面および将来性などについてインタビューを行った。 ●室橋 秀俊氏 AWA株式会社 デザイナー Webのデザイン制作会社や広告代理店を経て、2012年サイバーエージェントに中途入社。「Ameba」のコミュニティをいくつか担当したのち、エイベックス・グループ・ホールディングス株式会社の100％子会社であるエイベックス・デジタル株式会社と株式会社サイ
OLYMのUIテクスチャサイズを80%削減した話
はじめまして。オインクゲームズ新入社員のきゅぶんず( @kyubuns )です。 今日は、9slice用の画像を自動で作成してくれるライブラリを開発したので、ご紹介したいと思います。 ゲームUIやWebサイト用の画像を作る時に、9sliceはとても便利です。本来、描画サイズを変更しても角が伸びないようにするためのものですが、素材の無駄な部分をカットできるので、テクスチャサイズの削減という大きなメリットも得られます。 しかし、1つ1つ手作業で9slice形式の画像を準備して、スライス（画像のどの部分を伸ばすか）の設定もしないといけない というのは面倒です。 そこで、今回開発した「オニオンリング」を使うと、全てのUIテクスチャを自動的に9slice形式の画像に変換し、さらにUnity上でのスライス設定まで行ってくれます。 これにより、人間は何も意識すること無くテクスチャサイズの削減が出来るので
iOSカメラフィルターアプリをつくるならチェック！撮影画面UIまとめ
カメラアプリをつくる上で避けて通れない 撮影画面のお話。 こんにちは！ わりえもん こと Lobi / FILTERS のデザイナーの 割石 です。 去年から OH (http://wariemon.com) という名前でも活動中です。 昨年末にリリースされた カヤックの新規カメラアプリFILTERS 、もう触りましたか？ FILTERS が気になるかたはこちら！ 今回は、フィルターカメラアプリの制作時に役立つ 「カメラフィルターアプリの撮影画面UIまとめ」のお話をします！ あなたのつくりたいカメラアプリはどのパターン？ カメラフィルターアプリにはまず大きくこの2パターンが存在します！ この2パターンに分類して、UIの参考になりそうなアプリをまとめていきます。 1. フィルターをかけながら撮影できるアプリ 2. 撮影後にフィルター（編集）をかけるアプリ あなたのつくりたいカメラアプリはどち
感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
Oculus Rift x Leap Motion を使った指で空間に魔法を描いて発動できる Magic VR を作ってみた - 凹みTips
この記事は 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ページを開く
デブサミ「確実に良くするUI/UX設計」 #devsumi
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
デザイン組織に本気で取り組む
