Reactを使って本気でアンケートシステムをつくった - Qiita
この記事は エムスリー Advent Calendar 2017 の25日目の記事です。 普段はDB・サーバサイド・クライアントサイドまでの設計・実装・運用を扱っていますが、この記事ではReactを使って開発したシステムについてを紹介しようと思います。 作ったもの アンケートシステム(survey-designer-js)を作り、社内で使っていました。またOSSとしてレポジトリに公開もしています。 GitHub DEMO なお公開しているのはクライアントサイドのみで、サーバサイドの実装は公開していません。なお、エムスリー社内で使用しているものはこのレポジトリからフォークしたものとなっています。 下記のような機能を備えています。 ページの作成 ページ内への設問の作成 複数選択肢 単一選択肢(ラジオボタン) 単一選択肢(プルダウン) 数値記入 1行テキスト 複数行テキスト 表形式 都道府県 説
ユーザーインターフェイスにおける明示的アクション／暗黙的アクションの違いと設計の考え方 – usagimaru – Medium
明示的アクション／暗黙的アクションについてずっと言語化できていなかったので、このたび記事にまとめてみました。馴染みのあるMac OSそしてiOSを例に、画面上のオブジェクトを操作するための二つのパラダイムについて説明します。 2005年頃の Apple Human Interface Guidelines (HIG) を開いてみると、そこには「Explicit and Implied Actions – 明示的および暗黙的アクション」と呼ばれるデザイン原則が示されています。Mac OSのユーザーインターフェイスでは、明示的アクションと暗黙的アクション、この二種類の操作体系が同時に提示され、ユーザーは好きな方法を選択することができるようになっています。 明示的アクション明示的アクションとは、すなわち画面上に明示された手段を選択してコマンドを実行するというものです。Macを例にすると、ユーザー
Mapping Strings in C++
Mapping strings to things makes sense. You take a meaningful string and you assign it a value. As with most things we do in programming there are many pitfalls to approaching a problem. So, lets explore some of them! What Exactly Is Your Problem? Here’s a situation we’ve all run into at some point. Say you’re reading records from a database and it has a column called “Type”. Lets say for some reas
デザインの仕事の平均年収がわかる「Design Salary Guide」
by Tobias Toft 果たして世の中のデザインに携わっている人たちはどれぐらいの年収なのか、デザインの仕事のポータルサイト・Coroflotが情報を集めて「Design Salary Guide」として公開しています。 Design Salary Guide - by Coroflot http://www.coroflot.com/designsalaryguide Coroflotでは2001年からデザイン関係者などを対象とした情報収集を行っていて、賃金交渉の材料として、あるいはチームを作るときの情報源として、このガイドを活用して欲しいとのこと。 データは職業別・地域別に集計されています。たとえばアメリカ在住のウェブデザイナーの場合は以下のページを見ると分かります。 Web Designer salaries in United States - Design Salary G
プロのWebデザイナーが使用している人気のツール、フォント、ワークフローなどのまとめ -Web Design Trend Report
プロのWebデザイナー、デベロッパーが実際に作業しているファイルを元に、Webデザインのトレンドをツール、カラー、フォント、エフェクト、ワークフローの観点から調査したレポートを紹介します。 安定して人気のあるトレンド、変化しているトレンドをチェックできます。 2016 Web Design Trend Report デザイナーとデベロッパーのコラボツール「Avocode」で利用された1,127,302のPSDとSketchファイルに基づき、2016年のデータとしてまとめたものです。 レポート公開にあたり、私もほんの少しだけ協力しています。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Webデザイナーが使用しているツール デザインのコンポーネント化 ファイルのリビジョン ファイルの容量 Webデザインでもっとも人気が高いフリー
SOUND DESIGNER（サウンド・デザイナー）ギター・DTM・宅録の雑誌／機材誌
雑誌「サウンド・デザイナー」休刊のお知らせ 2002年の創刊以来、皆様に並々ならぬご支援を頂戴してまいりました『サウンド・デザイナー』でございますが、4月号（3月9日売り）を持ちまして休刊させていただくことになりました。 ギタリストのためのレコーディングマガジンとして、創刊以来一貫して音楽制作をしている皆様が必要とする情報をお届けしてまいりましたが、インターネットの普及による雑誌離れと紙媒体に対する広告予算の縮小、そして何よりも月刊という刊行ペースで、読者の皆様のニーズに適した情報をスピーディーにお届けすることが難しいと判断いたしました。 そこで紙媒体としてのサウンド・デザイナーはその役割を終え、新たにWebメディアなどを視野に入れた展開を見据えて再スタートを検討していくこととなりました。 発行から19年もの期間、ご愛読いただいた皆様から多大なるご支援をいただきましたことを、厚く御礼申し上
Webデザインの配色に役立つ！色彩について学べるサービス・ツール12選まとめ｜SUKIMANO
Webデザインをしているときに、配色に詰まって作業がはかどらないということは多々あるのではないでしょうか。 そんなときは、自動で配色パターンを生成してくれるサービスやツールに頼ってみましょう。 そこで今回は、Webデザインの配色に役立つ12個のツールをピックアップして紹介します。 1. Adobe Color CC https://color.adobe.com/ja/ 「 Adobe Color CC 」はAdobeが無料で提供している配色ツールで、元々は「Kuler」という名称で提供されていました。 「類似色」「モノクロマティック」「トライアド」など6種類のカラールールが用意されており、色彩と明度を好みで調整可能となっています。 さらに、画像をアップロードすると色を抽出して配色パターンを作成するという機能も備わっています。 納得いく配色パターンができないときは、「探索」のメニューからパ
ui component evaluate and design — UIの設計・評価は、Atomic DesignやOOUXのようなコンポーネント指向
アプリケーションのUI（主にGUI）の設計・評価をする際、ほとんどの場合は評価の範囲が画面（ページ）単位で行われることが多く、この設計・評価のフォーカスの粒度についてもっと考えたほうがいいのではないかと最近よく思います。 画面単位での評価をしていてよくあることは…画面 A 画面 B どちらにもリストがあり、そのリストは同じリストアイテムを表示していたりする場合でも、 「画面 Aとリストがー…」 「画面 Bのリストがー… 」 と同じリスト要素なのに画面単位で話をしてしまうことがよくあります。これはかなり無駄なことをしているように思えます。 もちろん、《そのデザイン要素はどういうコンテクストなのか》を議論する上で画面を持ち出すのは必要な事と思いますが、そもそもそのコンテクストは何に依存するものでしょうか？ それはコンポーネントとして分解していくと実は画面そのものにあまり依存していない事が見えて
デザイナーの宝箱！商用可、1000個の限定デザイン素材 The Creative Designer’s Colossal Treasure Chest
デザイナーの宝箱！商用可、1000個の限定デザイン素材 The Creative Designer’s Colossal Treasure Chest 「デザインをもっとクリエイティブに、目立つように美しく作成したい。」そんなデザイナーのわがままに応えてくれる、期間限定のプレミアムデザイン素材セット The Creative Designer’s Colossal Treasure Chest を今回はご紹介します。 人気デザイナーが多数参加した、抜群のクオリティーはもちろん、1000種類を超える素材の数に加え、クライアント案件にも対応できる、商用ライセンス付き素材が揃います。通常は総額$2,200（およそ24万円）の99%オフ、$29（およそ3,100円）というとてもお得な価格。2週間限定となっているので、お早めにどうぞ。 詳細は以下から。 クリエイティブなデザイナーに！世界基準のデザイ
About - Dead End Thrills
Dead End Thrills is a veteran screen and video capture artist for videogames, with over a decade of game industry experience. Dead End Thrills is a veteran capture artist for videogames, with over a decade of game industry experience. I’m Duncan Harris, and I am a screen and video capture artist for videogames. Over the years, I have provided promotional assets (key art, print screenshots, trailer
渋谷に新しい本屋を作りました。| もっちブログ - Webサービス開発や起業日記 / Labit 鶴田浩之の個人ブログ
「BOOK LAB TOKYO」(ブックラボ トーキョー) という新しい書店を、渋谷・道玄坂に 6/25（土）オープンしました。蔵書数1万冊が並び、美味しいコーヒーが飲める42席のカフェ空間を兼ね揃えています。ここは、古本屋でも図書館でもなく、新刊が売られている「本屋さん」です。街の本屋がどんどん潰れている中で、スタートアップ経営者の24歳（当時）の僕が企画を立ち上げて、本屋という空間をプロデュースすることになったわけですが、１年前はまったくも予想もしていませんでした。オープンしてからの2週間、本気で最高のお店をつくりつづけるために、スタッフと一緒に頭と体をフル稼働させていました。 こちらの記事で、写真多数使って取材していただきました ▼渋谷道玄坂にオープンする書店「BOOK LAB TOKYO」に行って見た！ – webDICE http://www.webdice.jp/dice/de
北米WEB屋なら誰でも知ってるんじゃないかって思うサイトをまとめてみた - バンクーバーのWEB屋
他人のブックマークって気になりませんか？特に同じ業界の人のブックマークってすごく気になりますよね。 興味本位でWEB屋友人のブックマークしてるサイトを教えてもらうことも多いですが、なんだか狙いすましたように、いろんな人が同じようなサイトをブックマークしていることに気がついて、「あぁー、このサイトはみんな良く見てるのかも」って思ったサイトがいくつかあったんですね。 そこで、WEB屋のブックマークをまとめて、北米WEB屋ならこれはたぶん皆みてるんだろうなってサイトをまとめてみましたので（独断と偏見で）ご紹介。 海外でWEB屋をやる方、いち早く海外のWEBデザイン情報をゲットしたい方、知っていて損はないと思います。 Smashing Magazine まずは王道？Smashing Magazine。このサイトは日本でも有名かなと思います。よくWEBまとめ記事とかで取り上げられてますよね。WEBの
UXデザイナーって何するの？
2016年6月1日 UXデザイン 最近、求人サイトなどを見てみると、「Webデザイナー」という職種での募集よりも「UXデザイナー」での募集をよく見かける気がします。しかし、UXデザイナーって実際どんな仕事をしているんでしょうか？Webデザイナーとは何が違うんでしょう？今回はUXデザイナーの仕事内容と、どんなスキルがあればUXデザイナーとして活躍できるのかを調査しました！ ↑私が10年以上利用している会計ソフト！ UXデザインって何？ UXとは「User Experience（ユーザー・エクスペリエンス）」の略で、日本語では「ユーザー体験」などと訳されています。見た目だけではなく、画面や機能の使いやすさや、使っていくなかで「楽しい！」「心地いい！」とユーザーに満足してもらえるかを考えた概念です。 UXデザイナーの仕事内容 「UXデザイン」について、なんとなくわかっていても、なんだかふわっとし
Animation Tutorials, Animation Jobs, News, CG Store, CG Portfolio for Digital Artists
Job Openings More Jobs >> Recruiters Job Posting CG Products For You Realistic Digital Painting 3D Cyborg Production Subscribe for Newsletter Industry News & Tutorials Events & Contests VFX Short Films more news... More News >> Interviews Interview with Hasan Bajramovic Interview with Jose Alves da Silva Interview with Dani Garcia Interview with Rishi Raj Interview with Jeremie Passerin Interview
Unity AssetStoreまとめ
2023-12-12 【メガバンドル】Unityアセットストア 年末に相応しい大盤振舞！23ドルで23アセットが手に入る「23 for $23 Mega bundle」がスゴい！ バンドル 大セール メガバンドル セール会場はこちら 『23 for $23 Mega bundle』2022年9月7日 〜 12月19日 深夜1時まで 今年最後のラストチャンス！ Unityアセットストアのメガバンドル 大好評の「1個あたり1ドル」最大95%オフ 久々にブログを更新！やっと23アセット全てに目を通せました。… 2023-05-09 【割引クーポン】初心者必見！Unity版「RPG Maker Unite」を25%オフでゲットする方法 ＜裏技＞ Unity 25% RPG RPGツールキット 2D RPG Maker Unite $109.99 => $98.99 10%オフ（リリースセールは5月
Web2.0ナビ: SQL-DESIGNERがスゴイ
いいね！ 0 ツイート B! はてブ 447 Pocket 2 データベースの設計時にER図をかくことが多いと思いますが、SQL-designerというウェブベースのツールが非常に使いやすいく、デザイン的にも綺麗で便利。 MSproject等のデータベース設計を行う専用ソフトは非常に多くあるが、どれもインストールが必要だったり、設定ファイルが必要だったり、ソフトが重かったり、環境依存が激しかったりして、使いにくい。 使いかたは簡単で、 １．ウェブページにいって ２．テーブルやフィールドを追加する ３．プリントアウトorXMLエクスポート だけ。 データの型なども選択できて、設計が終わったら、SQL文をそのまま発行したり、作ったEQ図をXMLでエクスポートやインポートすることも可能。Javascriptベースなので、めんどくさいインストールや環境依存もなし。 ウェブ上でやるのは、セキュリティ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://designer-draft.jp/articles/14
Terashima Design Co.
Composition Inc.
Yanko Design - Modern Industrial Design News
