デザイナー向けに行なったHTML勉強会の資料を公開します｜sakito

2023/08/08 394 users 一環 HTML UI設計 意図 アドバイザー

今回はChatwork株式会社のデザイナー向けに行なったHTML勉強会で使用した解説資料をお伝えします。私は3年ほど前からChatwork株式会社の開発のサポートやデザイン基盤活動のアドバイザーとして参画しており、その活動の一環で会を開催しました。 開催の意図と目的開催概要は@emimさんが、UI設計はHTMLの理解からというタ... 続きを読む

プログラミング用フォントとUIデザインのどちらにも使える！ 美しさと読みやすさを兼ね備えたフォント「Martian Mono」

2023/02/08 164 users フォント プログラミング用フォント UIデザイン 美学 人目

Webデベロッパーとデザイナー向けに、Groteskの人目を引く美学と読みやすさと分かりやすさを追求したオープンソースのフォントを紹介します。 ボタン・フォーム・リストなど、限られたスペースのWebサイトやスマホアプリのUIデザインにも適しています。 Martian Mono -GitHub Martian Monoは、Martian Grotesk（myfonts.... 続きを読む

iCARE Dev Meetup #24 登壇レポート (ft. アンドパッド / Ubie / BASE) - ANDPAD Tech Blog

2021/08/26 6 users Ubie 実情 昨今 エンジニア base

こんにちは！アンドパッドでEMをやっている荒瀧です。 先日【iCARE Dev Meetup #24】エンジニア採用担当が語る 採用現場の実情と昨今のトレンド に登壇しました！ icare.connpass.com iCARE Dev Meetupは、株式会社iCAREさんが月次で開催・主催されている、エンジニア/デザイナー向けの LT勉強会です。 今回はタイトルの... 続きを読む

Webデザイナーが覚えておきたい写真の基本構図 | 東京のWeb制作会社QUOITWORKS（クオートワークス）

2020/12/07 261 users フォトストック 基本構図 Webデザイナー 構図 トリミング

こんにちは！今回はデザイナー向けに押さえておきたい「写真の構図」について記事を書きました。 デザインをする上で欠かせない素材の一つが「写真」。カメラマンと撮影に同行して写真の指示や良し悪しの判断を求められたり、フォトストックから選定をして加工、トリミングをしたりとデザイナーが写真と関わる場面は多く... 続きを読む

デザイナー3人が語る「こうしてデザインと組織とプロダクトに向き合った」Design it！#1｜テクプレたちの日常 by ABEJA

2020/02/14 5 users ABEJA DESIGN MEET UP デザイナー 組織

ABEJAでプロダクトのデザインを担当している上野真由美です。 12月17日にデザイナー向けのmeet up イベント「Design it！#1」を、本社セミナールームで開きました。50を超す人たちが集まりました。 なぜいま開いたのかこのイベントは、「デザイナーが語る、デザインとプロダクトと組織」というテーマで、「ビジネスに泥... 続きを読む

エンジニア/デザイナー向けの会社紹介資料を公開しました - 一休.com Developers Blog

2018/09/05 54 users エンジニア 一休.com Developers Blog

一休で働くことに興味を持っていただくために、一休のサービスやビジネス、開発組織がどうなっているかを紹介する資料を公開しました。 もし興味を持っていただけたら、いつでも話を聞きに来てください！ www.ikyu.co.jp おまけ 先日、弊社のCSSエンジニアの募集がちょっとだけ話題になっていました。 "CSSエンジニア"っ... 続きを読む

(デザイナー向け) 3daysサマーインターンシップ開催レポート！ | 株式会社インディバル

2018/08/26 16 users 株式会社インディバル

インディバルでは、学生向けのインターンシップを定期的に開催しています。今回は8月20日から3日間に渡って行われたデザイナー志望者向けのインターンシップをレポートします。3日間でユーザーの行動や特性からニーズを導きだして、検討したアイデアをデザインプロトタイプとしてアウトプットするまでを実践する、とても... 続きを読む

こんな便利なのがあったとは！Web制作者やデザイナー向け、macOS用のアプリとツール 総まとめ | コリス

2017/04/05 398 users MacOS コリス デザイナー 定番 macOS用

Web制作者やデザイナー向けの定番のアプリ・ツールをはじめ、あまり知られていない便利なものまで、macOS用のアプリとツールを紹介します。 制作者やデザイナーに限らず、macOSを便利にするツールもたくさん揃っています。 Awesome Mac -GitHub MITライセンスで公開されており、せっかくなので、翻訳してみました。 私が日常的に使うツールや、気になっていたツールも含まれており、こんな... 続きを読む

【デザイナー向け】これからAndroidのデザインをする人へ - Qiita

2017/03/07 492 users 歴史 デザイナー Androidエンジニア エンジニア目線

はじめに 自己紹介 私は日本にAndroidが上陸したAndroid 1.6の時代(2009年頃)からAndroidの開発者としてAndroid7系になった今も(執筆時2017年)Androidエンジニアを続けています。 Androidの歴史をずっと側で見守り続けた私がエンジニア目線で思っている事を述べるので、これからAndroidのデザインをするデザイナーに見て頂きたいです。 ※ この記事の内容... 続きを読む

乃木坂46から神社まで…「めちゃくちゃ売れる専門誌」は作れるか？攻めのデザイン誌の挑戦

2017/01/20 309 users 乃木坂46 神社 挑戦 デザイン誌 専門誌

「おそ松さん」「君の名は。」「シン・ゴジラ」「欅坂46」――2016年の1年間で、ある雑誌の表紙を飾ったモチーフだ。 これだけ聞くと、世の中のトレンドを取り上げる雑誌を想像するだろうか。 雑誌の名は 「月刊MdN」 。アニメ誌でもカルチャー誌でもなく、デザインの専門誌だ。 数年前までは、現場のデザイナー向けにノウハウを紹介する雑誌だった。今は毎月特定のテーマを定め、さまざまな視点で映像やグラフィッ... 続きを読む

フォント見本帳の全665書体からどうしても欲しい27書体を選んだ - Life is bitter

2016/10/31 312 users Life is bitter bookmark 作者 特集

2016 - 11 - 01 フォント見本帳の全665書体からどうしても欲しい27書体を選んだ デザイン Bookmark! Facebook Twitter Google+ Pocket (今回は完全にデザイナー向けの記事です。) 月刊MdN 2016年11月号(特集:絶対フォント感を身につける。2) 作者: MdN編集部 出版社/メーカー: エムディエヌコーポレーション 発売日: 2016/1... 続きを読む

FRONTEND CONFERENCE 2016

2016/01/18 34 users FRONTEND CONFERENCE バン 祭典 大阪梅田

関西最大級のフロントエンドの祭典、FRONTEND CONFERENCE 2016!! 大阪梅田 にて 2016.03.05 開催!ABOUT 関西最大級のフロントエンドの祭典 2016年03月05日　大阪梅田の新梅田研修センターにて、 フロントエンドエンジニア/デザイナー向けイベントを開催します。 デザイナー向け、エンジニア向け合わせて10以上のセッショントラックに加え、 もくもく会ブースやハン... 続きを読む

スタートアップの現場で求められるデザイナーのスキルとは？ - Co-Edo Designers Talk #1 - Co-Edo Developers | Doorkeeper

2015/05/13 22 users Doorkeeper Co-Edo コーディング ペライチ

デザイナーも知っておきたいHTML+CSSコーディングの最新常識 - Co-Edo Designers Talk #1 Co-Edoでは新たにデザイナー向けのイベントも開催します！ 今回の内容は豪華3本立て！ 1本目は最近本を出した小川 裕之さんをゲストに迎え、デザインとコーディングのお話を。 2本目は、デザインスプリントについて。ペライチを運営するホットスタートアップの香月雄介さんにGWに実践し... 続きを読む

アドビ「Comp CC」は「どこでもデザイン」を可能にする « WIRED.jp

2015/04/18 31 users アドビ Comp CC WIRED.jp われわれ スイート

iPadで描いた画像を他のアドビ製品にインポートし、デスクトップでさらに編集を加えることもできる アドビは3月31日（米国時間）、デザイナー向けの新ツール「Comp CC」を正式にリリースした。 Comp CCは、「Creative Cloud」スイートの最新ツールだ。われわれが「Adobe MAX 2014」で見たときには「LayUp」と呼ばれており、クリエイターのコイ・ヴィンがデモを行っていた... 続きを読む

[デザイナー向け] GulpとGraphicsMagickで校正途中のPDFを差分比較する。マルチページ・マルチファイル対応 - Qiita

2015/02/23 33 users Gulp Qiita GraphicsMagick PDF

DTPにおける校正漏れリスクを低減したい DTPの校正を重ねる過程でしでかすと怒られるのが、「指示されていない部分で意図しない変更が発生してしまう」こと。特に大量のデータの入ったカタログのようなものを作る際、こちら側の作業ミスで大事な部分に間違い(たとえば電話番号や商品の価格など)があるデータを入稿してしまい、それが何万部も刷られてしまうと、損害賠償問題にも発展しえる。 意図しない変更が起こってい... 続きを読む

オススメのあわせて読みたいGit本（たぶんデザイナー向け - Uni-Q blog

2014/10/08 53 users Uni-Q blog GitHub Git 塩谷 おすすめ

2014-10-09 オススメのあわせて読みたいGit本（たぶんデザイナー向け Git 自分でも（同人誌で）Git本を作りましたが… C86：新刊「イメージできるGit」の告知 - Uni-Q blog これと合わせて読むとよさそうなGit本／サイトを紹介します。 Web制作者のためのGitHubの教科書 Web制作者のためのGitHubの教科書 チームの効率を最大化する共同開発ツール作者: 塩谷... 続きを読む

[デザイン]ピクトグラムに求められる条件、制作の難しさと楽しさ - WEBCRE8.jp

2014/10/03 50 users ピクトグラム ピクタソン ハッカソン 物体 概念

ピクトグラム制作には、文字を自分で生み出すような面白さと、物体や概念を絵に落とし込む楽しさがあります。デザイナー向けハッカソン「ピクタソン」の参加を通して感じたことを書きます。 先日ピクトグラムを作ってその出来を競うデザイナー向けのハッカソン、「ピクタソン」というイベントに参加してきました。その中で、元々好きなピクトグラムの制作の難しさと、そして楽しさをまた実感することができました！ というわけで... 続きを読む

iOS 8でファイルをアップロードすると破損するバグが見つかる - GIGAZINE

2014/09/19 75 users モバイルデバイス GIGAZINE パク バグ問題 ブラウザ

モバイルデバイスの開発者向けフォーラムBreaking the Mobile Webで、iOS 8とiPhone 6のウェブ開発者およびデザイナー向けにさまざまな情報が交換されています。その中の「バグ問題」の項目で、iOS 8のブラウザからファイルアップロードを行うとファイルが壊れてしまうという報告があがっています。 iOS 8 and iPhone 6 for web developers an... 続きを読む

デザイナー向け！iPhone6対応について（情報追加中！） | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2014/09/18 446 users KAYAC DESIGNER Blog マークアップ

みなのもの落ち着け！ iPhone6/6+の発売がいよいよ明日となりました！ 二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、 慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。 画面解像度 アイコン・スクショ レイアウト対応について ひとまず気にするのはこの辺りの情報！ これを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。 それにしても時代はレス... 続きを読む

有名企業も利用！話題の企業とトップレベルのマーケターを繋ぐ「Traction」 | Techable(テッカブル)

2014/08/23 22 users Techable テッカブル デジタルマーケティング 既存

ここ1、2年急速に注目を集めているのが”クラウドソーシング”という仕事の方法だ。 それに付随して、様々な分野に特化したクラウドソーシングに関するサービスが次々と立ち上がっている。 今回紹介する「Traction」というサービスも、デジタルマーケティングに特化したクラウドソーシングサービス。エンジニアやデザイナー向けのサービスに比べて、まだ比較的既存のサービスが少なかった分野である。 まだまだ新しい... 続きを読む

Webデザイナーのスキルアップに役立つ便利なチートシートのまとめ | コリス

2014/08/21 406 users コリス Ado グリッドシステム スキルアップ チートシート

先月は「Web制作時に備えておくと便利なチートシートのまとめ」でデベロッパ向けのチートシートを紹介しました、今回はデザイナー向けのチートシートをまとめました。 Photoshopの各バージョンに対応したショートカット、ブラシやペンツールの使い方、初期設定をはじめ、デザインの要素と原則、カラーセオリー、タイポグラフィ、グリッドシステム、レスポンシブなど、デザインの現場で役立つものばかりです。 Ado... 続きを読む

グーグルも出資、起業を目指すデザイナー向けのプログラム「30 Weeks」 « WIRED.jp

2014/06/17 54 users weeks 出資 グーグル 起業 WIRED.jp

TEXT BY LIZ STINSON VIDEO BY 30 WEEKS TRANSLATION BY RYO OGATA, HIROKO GOHARA/GALILEO WIRED NEWS 原文(US) HBOで最近始まったコメディードラマ『シリコンヴァレー』の主人公は、ぱっとしない外見のプログラマーだ。しかし、もし彼がデザイナーだったらどうだろう。 主人公がプログラマーだという設定は、シリコ... 続きを読む

Webサイト作成手順を勉強するまとめ（3）：HTML5初心者でもWebアニメーションの簡単な作り方が分かる記事11選 (1/3) - ＠IT

2014/05/15 90 users Webアニメーション エレメント まとめ 作り方 Flash

Webサイト作成手順を勉強するまとめ（3）：HTML5初心者でもWebアニメーションの簡単な作り方が分かる記事11選 (1/3) 新社会人のWeb制作者／デザイナー向けにAdobe Creative Cloudの使い方を例に、現場で使える具体的な制作手順とテクニックを学んでいく入門まとめ連載。今回はWebアニメーション制作に役立つEdge AnimateやFlash の使い方について。エレメント、... 続きを読む

クラウドワークスが福利厚生を拡充--日報共有や請求書管理 - CNET Japan

2013/12/09 8 users 拡充 クラウドソーシングサービス クラウドワークス 福利厚生

エンジニアやデザイナー向けのクラウドソーシングサービス「クラウドワークス」を運営するクラウドワークスは12月9日、フリーランス向け福利厚生サービス「フリーランス ライフサポート」の内容を拡充したことを発表した。 クラウドワークスでは、7月からフリーランス向けの福利厚生サービス「フリーランス ライフサポート」を提供しており、8月にはスマートフォンアプリの開発やデザインなどのスキルアップ講座を定期的に... 続きを読む

スキャンした色がすぐに使えるペン | roomie（ルーミー）

2013/10/26 29 users roomie ルーミー Photoshop インターン ペン

こちらは、現在ルーミーにインターンとして参加しているEeviによる記事です。英語と日本語でお届けします。 韓国出身のデザイナー、パク・ジン・スンさんがつくったこちらのペン「Color Picker」。デザイナー向けに開発されたのですが、何ができるかというと… 上の画像のようにものに当てると、そのものの色のペンになるというもの！　Photoshopのスポイトツールみたいですね。 A Korean d... 続きを読む