梅原さんが関わるプロジェクトはなぜ成功するのか？：日経ビジネスオンライン
2009年10月に連載を始めた「シアワセのものさし」。高知県在住のグラフィックデザイナー、梅原真氏の足跡を通して、ヒット商品を作る発想法や地域社会のあり方、個人の生き方などを考えた企画でした。連載は計10回。最終的に、書ききれなかったエピソードを加筆して、日本経済新聞出版社から書籍になりました（「おまんのモノサシ持ちや！」）。 ここで、梅原氏をご存じでない読者のために簡単に触れておきましょう。 農林漁業と辺境に関する仕事以外はお断り 梅原氏は1950年生まれの60歳。身長182cm、体重82kgの大男で、北大路魯山人を彷彿とさせる黒メガネと愛嬌の溢れる分厚い唇が特徴的。常にシャレとユーモアに満ちていて、飲み会の盛り上げ役も買って出る。このように、お茶目で楽しい性格を持つ反面、一旦、頭に血が上ると手に負えません。 クライアントだろうが、県庁のお偉いさんだろうが、漠然と依頼に行けば、「おまんは
Jalk Coffee（ヤルクコーヒー）
柳本史さんの版画展第2部「これからの12カ月」12月22日（金）～2024年1月8日（月）を開催中です。 是非、皆さまのお越しをお待ちしております。 今回は、足...
sigo no sekai
『ぽんちうた』 死後くん 作（ブロンズ新社） ゆかい、ふかかい、なにこの世界！？ 意味があるようでないような、ゆかいでへんてこなうたを15うた収録。 思わず口をついてでる、うたってみたらわらっちゃう。 ぽんぽん ぽんちき ぽんちうた！ 自由なふしまわしでうたってね！ 〜うたのタイトル一覧〜 1.ずーぼんぼん 2.ぺったらこ 3.すちゃらかぽっぽ 4.のこった こうた 5.ごみのひ 6.あちあち こちこち 7.くっしゃりこ 8.ぺいんぺいん 9.ななめっこ 10.あがりこ さがりこ 11.のりものよいよい 12.どああかぬ 13.こわいこわいわい 14.ちゃーころりん 15.ぴっぽんさっと ＜ブロンズ新社公式ブログの紹介＞ https://staffroom.hatenablog.com/entry/2021/09/16/100000 ＜プロモーション動画＞ ＜大阪＞2020.10.16 F
HYS INC.
WWW.HYS-INC.JP ©HYS-INC. WEB + GRAPHIC + CI / FRONT AND BACKEND PROGRAMMING
日本語Webフォントの革命 - 3846masa's memo
日本語Webフォントに革命がおきた． 詳しくは続きを読んでくれ． ちょっと大きく出てみた． 実装についての記事はこちら この記事で言いたいこと 動的に日本語フォントのサブセットを作成してくれるOSSを作りました． サンプルページはこちら 臨時のサンプルページはこちら 追記 herokuが落ちてる，メモリ不足だな．早い所Dockerfileつくろう． 追追記 herokuで運用は再検討したほうがよさそう．「こういうこともできます」の事例ということでひとつ． （やっぱり普通のサーバで動かす分には大丈夫そうな気がする．どうだろう） そんなわけで，どうぞご利用ください。 （ちなみに粗い作りなので，pull-requestやissue投稿をしてくださると嬉しいです．） 何が革命なんだ 革命が起きたというけど，どこが革命なの？ 僕には革命が起きたようには思えないけど そんなこと言わんといて，泣くわ．
フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ
株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業（受託制作事業）につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日：2024年4月30日 biz@tsumikiinc.com
デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本
スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけでなく、デザイナーやディレクターがこういった情報を知っていれば、よりスムーズに結果を出せるウェブサイト制作ができるはずです。 ページ表示速度の改善にはいろいろな方法がありますが、この記事では一番効果がありそうなところから攻めていきたいと思います。自分もまだまだ勉強中なので、まずはfilament groupのScottさんの記事 やClearleftのJeremyさんの記事 を参考に、フロントエンド
「恋は奇跡。愛は意思。」コピーライター尾形真理子さんに聞く、言葉のつくりかた
新しいシーズンを迎えるたびに話題となるファッションビル「ルミネ」の広告コピー。長年、世代を超えて多くの女性の心に響く、これらの言葉を紡いできたのが、博報堂の尾形真理子（おがた・まりこ）さんだ。 人気コピーライターとして、資生堂やティファニーなど多くの企業の広告コピーを手がけ、TCC賞、朝日広告賞グランプリなど多くの賞を受賞。1月からは、雑誌『広告』の新編集長に就任し、新しいメディア表現にも挑戦している。
自社ロゴのデザインを依頼して完成するまでのストーリーと全ての内部資料を公開します | マーケティスト
個人事業主がロゴデザイナーに自身のブランドのロゴデザインを依頼し、実際に完成するまでの全ての情報をまとめ、全ての内部資料を公開します。本記事を読めばロゴデザイナーの考え方について理解が深まります。 ※記事のタイトルでは「自社ロゴ」としましたが、正確には個人事業のロゴとなることをご了承ください。 ツイート マーケティストの新しいロゴを作成 お客様にロゴの重要性を説明する仕事があります。しかし、そもそも私自身のブランドであるマーケティストのロゴが既製フォントを並べただけのもので独自性がなく、「ブランドを象徴的に示すものとしてロゴ」の重要性を説明をする説得力が欠けていました。 ちなみに以前までのロゴは以下のようなロゴです。 Zapfinoというフォントを使用 個人事業であるマーケティストを創業して約一年。おかげさまである程度の資金的な余裕ができ、仕事の方向性も固まってきました。マーケティストとし
デザイナーが撮影現場でやったほうがいいこと | Ryuta Modeki | TWOTONE Zine
For designers survive the shooting デザイナーが、撮影現場でやったほうがいいこと TWOTONE茂出木です。 僕の仕事は、スクリーンメディア向けのコンテンツの、ディレクション、アートディレクションです。 スクリーンメディア向けのコンテンツというと、UX／UI周りに没頭しているように思われがちですが、実は撮影に割いている時間がそこそこ多かったりします。最近は、撮影ディレクションのみの依頼も多く、お受けしています。 デジタルコンテンツ制作に関わる以上、撮影はとても重要なので、大好きですし、楽しんでやっています。 実際に撮影となると、極力TWOTONEのデザイナーにも現場に入るようにアレンジします（特に経験の浅い子をアサイン）。ところが、いざ当日になると、僕も絵作りやフォトグラファとのコミュニケーションに没頭してしまうので、連れてきたデザイナーへの指示が曖昧にな
青色リンクのその先に： クリック可能なものは見てわかるようにしよう
フラットデザインか否かにかかわらず、インタラクティブな要素は、クリック可能とわかる十分な手がかりを提供する必要がある。枠線、色、サイズ、一貫性、配置や、Web標準の遵守といった手がかりによってクリックできることを伝えれば、インタラクティブな要素の外観はそれにふさわしいものとなる。 Beyond Blue Links: Making Clickable Elements Recognizable by Hoa Loranger on March 8, 2015 日本語版2015年5月11日公開 Webの移動とは目的を達成するための手段であり、クリック1回1回が非常に重要なものになる。したがって、ページの、どのエリアが地の静的なコンテンツで、どのエリアがクリック可能かどうか（あるいはタップ可能か）は、ユーザーにわかるようになっている必要がある。 クリック可能な要素が一目瞭然であれば、何かが期待
ヒーローイメージにCSSで実装するグラデーションを組み合わせたサンプル - NxWorld
ヒーローイメージとはファーストビューでドーンと表示される大きなイメージのことで、海外だけでなく国内でも取り入れているサイトを見かけることが多くなってきました。 そんなヒーローイメージにCSSで実装したグラデーションを組み合わせたサンプルです。 グラデーションを重ねる 単純に画面いっぱいに表示した背景画像の上にグラデーションを重ねたものです。 HTMLは.heroを指定したdiv要素のみを使用し、CSSは下記のように記述します。 .hero { height: 100vh; background: linear-gradient(-45deg, rgba(229,93,135,.7), rgba(95,195,228,.7)), url(background.jpg) center center / cover no-repeat; }
使いやすさをデザインする上で心掛けていること - Mackerel ブログ #mackerelio
こんにちは。デザイナーの id:murata_s です。Mackerelのリリース当初からMackerelの画面設計やUX、ユーザビリティなどのデザイン業務全般を担当しています。 今回は、主にエンジニアさんのためのツールであるMackerelをデザインする際に id:murata_s が気をつけている点を紹介します。ユーザーにとって必要な情報を分かりやすく伝え、迷わないデザインを施すにはどういった配慮が必要か、製品の振る舞いのデザインについてMackerelの事例を交えながら考えてみたいと思います。 Mackerelは言わばソフトウェアであり管理画面ですから、一般に言われるウェブサービスよりもツールとしての側面が強いサービスだと思います。雑誌の誌面ではなく、車のダッシュボードをつくっているようなもので、グラフィックデザイン的な情報設計の考え方が前提となりつつも、それに加えてプロダクトデザイ
小中規模のIT系企業における技術的選択と雇用戦略に関する雑感 - たごもりすメモ
でっかい主語で入ったが、要するに2月にあちこち会社巡りをしたときに感じたことについてつらつら書こう、というのが目的。 特定の会社について書いてもしょうがないので、あれこれ*1回ったうちから少なくとも2〜3ケースで該当するなあ、と思ったことについて書く。特定の1社のみに該当する事項はこのエントリにはひとつも出てきません。 またエントリの主旨からして超上から目線になりますが、どうかご容赦ください。 これから成長が本格化するのでインフラを支えられる人材がほしい 正直に言ってこれが一番多かったパターン。スタートアップ的にサービスを作ってきたがその一方でデプロイや監視などの運用まわりが後手後手になっており、そのあたりを支えられる人物がほしい。 話としてはわかるのだが、気になったのは、これを聞くとき、詳しい内容を突っ込んでみると、どうも実際にはそう困ってはいない、というケースがほとんどだったように思え
JavaScript を PNG に圧縮する | Yomotsu net
JavaScript を PNG に圧縮するツールを作りました。JS_Packer demoscene は最近 WebGL を使ったものも多くなってきています。 demoecene は基本的に ローカルにファイルとして存在しているものを使う そのファイル容量は 1 バイトでも少ないほうがいい (容量制限がある分野がある) という文化です。そして JS ファイルを圧縮する手法の一つに、JS を PNG 画像にして、それをデコードする、という手法が存在します。 JS の性質JS のコードは基本的にアスキー文字の集まりです。アスキーコードは、小文字/大文字のアルファベット、数字、スペースといった 128 種類しか存在しません。 PNG8 の性質8 ビット PNG は 256 種類の色をパレットに持っています。 PNG は可逆圧縮（ロスレス）形式の画像です。圧縮しても失われるデータはありません。
CSS Transitionを使ったスムーズにスクロールしてトップに戻る機能
前に作ったスクロールした時に位置固定のロゴをトップに戻る機能にすり替えるものを少し手直しして再導入した。今回はスムーズにスクロールさせようかと色々考えていたが、やはりJavaScriptでscrollTo()を制御するのはコストが高い。CSSならどうだと試行錯誤したところ、どうやらbody要素への負のマージンをCSS Transitionで滑らかに変化させれば良いようだ。 Demo: Scroll Smoothly with CSS Transition デモのページにはダミーテキストの各セクションの最後にそれぞれ⇑ Back to Topというリンクがある。それをクリックすると1秒かけてスムーズにスクロールしながらトップに戻る。トリガーとスクロール自体はJavaScriptで行っているが、スクロールのアニメーション自体はCSS Transitionで行っている。具体的には以下のような処理
なぜ僕は(2015年のフロントエンドで、makeではなく)gulpを選ぶのか - mizchi's blog
http://d.hatena.ne.jp/m-hiyama/20150511/1431306678 の件 最初に 僕もgulpが今後生き残るかというと、かなり懐疑的です。開発パラダイムに合わせて変わっていくで、来年の段階で自分はgulp使えないなといっている可能性は十二分にあります。そのタイミングの一つはES6 import がHTTP2で並列ロードのオーバーヘッド無しで解決されるようになるタイミングでしょう。 根本的な問題として、Web周りは標準化の関係で動きが遅いです。最新の仕様ではままならず、ブラウザ間の実装がまちまちで、また開発上の要求が多様なのでプリプロセッサで解決する文化が根付きました。プリプロセッサがいらなくなるぐらい個々の標準が洗練されればプリプロセッサも不要になりますが、そのような未来は、今の動きをみるに、あと15年は来ないように思えます。 とはいえ、ただひとつ言えるの
カメラを持って出かけよう！おじさんのための「休日ゆるかわフォト入門」 - Rocketboy Digital
休日はカメラを持って出かけよう （本日の記事はおじさんが休日にさんぽしながら「ゆるかわフォト」「ゆるふわフォト」を撮るという、結構キモイ記事ですので、苦手な方はこの時点で「そっ閉じ（そっと閉じる）」推奨でございます。） 一眼レフやミラーレス一眼を購入したのに持ち歩かない方はとても多いですよね。僕の周りにはカメラ好きがたくさんいますが基本的にみんなあまり持ち歩きません。僕は毎日カメラを持っていないと不安で落ち着かない人なので常にコンデジか小さめの一眼を持ち歩いていますが、その辺りの事は以下の記事で書きました。 http://rocketboy-miya.hatenablog.com/entry/ricoh_gr_photolife おそらく特別に撮るものが無いと持ち歩かない、何かきっかけが無いと持ち歩かないのだと思いますが、それだとせっかく買った一眼の登場も年数回だけになり、とにかくもったい
エンジニアから非エンジニアに歩み寄る方が捗る - Konifar's WIP
非エンジニアのメンバーと話していると、 なんだかもどかしい気持ちになることがあります。 なんか話が噛み合わないというか、すごく他責な言い方をすると 「もっと開発のこと理解してほしいなぁ」と感じてしまう時があるんですよね。例えば、難易度の高い修正をさらっとできそうな感じで話されたりとか、逆に超簡単なのに難しいと思って遠慮されてたとか。そういう認識の違いから来るもどかしさです。 最近、このもどかしさを解消するには エンジニアから非エンジニアに歩み寄る方がいいなぁと思い始めたので、考えをまとめてみます。 相手の立場に立って考え直す このもどかしさ何とかならないかなぁと考えていた時に、 SHIROBAKO 17話『私どこにいるんでしょうか…』を見ました。 anicobin.ldblog.jp この回では、新人制作の佐藤さんがアニメーターの遠藤さんにちょっとキツいスケジュールの仕事をお願いし行くシー
ユーザーの体感速度を高めるためのJavaScriptチューニング（後編）
連載「Webサイト・アプリ高速化テクニック徹底解説」の第3回は、前回の「ユーザーの体感速度を高めるためのJavaScriptチューニング（前編）」の続きです。この後編では、「ユーザーの操作を阻害しない」方法についてJavaScriptのシングルスレッドやイベントループを交えて解説し、HTML5のWeb Workersについても紹介していきます。 前回は、ユーザーの体感速度を向上させるための方法として、3つのうち「ページを素早く表示する」と「ユーザーに素早くインタラクションを返す」を解説しました。今回は、最後の「ユーザーの操作を阻害しない」について詳しく解説していきます。 ユーザーの操作を阻害しない JavaScriptによる処理が重くなると、いつまでも画面が更新されなかったり、ユーザーの操作が止まってしまったりということがあります。止まっている時間が長すぎると、ブラウザから応答がないという
CSS3で画像の一部をiOS（曇りガラス）風にぼかす方法：レスポンシブ対応
Posted: 2015.05.07 / Category: HTML&CSS, javascript / Tag: CSS3, jQuery iOS風のぼかしは画像が全画面表示だったら色々jQueryプラグインがあったのですが、今回は一部の要素の背景に重ねたかったのでちょっと試してみました。 確認環境： Chrome42, Firefox37, Safari7, iOS8, Android 4.4 均一の余白で配置するバージョン paddingのみでぼかすパネルを配置する方法です。これならCSSオンリーでいけます。 html&cssは下記のようにします。 html <div class="panel"> <div class="panel-in"> <div class="panel-main"> 内容文が入ります。 </div> </div> </div> css *::before,
「アプリ開発者の13％は、月100万円以上稼いでいる」開発者100人にアンケート調査してわかった収入と悩み。 | アプリマーケティング研究所
「アプリ開発者の13％は、月100万円以上稼いでいる」開発者100人にアンケート調査してわかった収入と悩み。 本記事では「アプリ開発者、約100人アンケート」の結果について紹介します。※昨年末にAIDさんと実施したアプリ開発者勉強会で行ったアンケートを、いまさらまとめたものです。 「アプリ開発者の収入」はどのくらい？ 質問A：「アプリの月間収入」はいくらですか？ まず気になる「アプリの月間収入」についてです。結果としてはこのようになりました。 ・アプリ開発者の13％は「月100万円以上の収益」をあげている。 ・アプリ開発者の28％は「月10万円以上の収益」をあげている。 ・アプリ開発者の23％は「月1万円以下」しか稼げていない。 質問A´：「世界のアプリ開発者」は、どのくらい稼いでいるのか？ ちなみに、世界のアプリ開発者の収益を調べた「Developer Economics」という調査結果
女の子らしくコードを書く、ということ – Medium Japan – Medium
この記事の元となっているプレゼンテーションは、オークランドで開催された AlterConf のものです。テーマはジェンダー・ダイバーシティについてでした。同カンファレンスでは、人種差別、障害、階級差別など多様なテーマについてのプレゼンテーションが行われていました。 Always （訳注：女性用品のブランド）の広告で、成人の男女に「走る・叩く・投げる」を女の子らしくやってもらう、というものがあります。頼まれた人々がそれをおこなう様子は、なよなよしくてひどいものでした。その広告では、次に、同じことを若い女の子達に頼んでみます。すると、彼女達がそれをおこなう様子はまさに「精一杯・一生懸命」でした。その後、「女の子らしくやる」ってどういうことかな？と尋ねてみると、女の子の1人がこう返します。「自分に出せる全力でやる、っていうことよ」。 残念ながら、ある程度年をとると、「女の子らしく何かをする」とい
まるで教科書！初心者のためのGoogleアナリティクスの使い方【絶対保存版】
Googleアナリティクスの始め方 Googleアナリティクスを始めるためには、以下の手順でやってみてください。 ●手順１．Googleアカウントを取得しよう ここでは、Googleアナリティクスを始める前に必要なGoogleアカウントの取得方法を解説しています。Googleアカウントがあれば、Googleの提供する他のサービスも利用できるので是非この機会に取得しておきましょう。 ●手順２．Googleアナリティクスの始め方 ここでは、Googleアナリティクスを使い始めるために必要な、トラッキングコードの取得方法から、サイトへの設置方法を解説しています。 Google Analyticsの基本的な使い方 基本用語を覚えよう みんな読んでます Googleアナリティクスを使う上で知っておきたい21個の基本用語の意味を解説しています。 基本的な使い方を覚えよう みんな読んでます ここでは以下
「代表的プロダクト」について - Kentaro Kuribayashi's blog
ひとくちに「Webエンジニア」といってもその内実は様々だし、得意分野や成果の出し方も違う。ここではそのような多種多様のいずれが良いとか悪いとかそうしたことをいいたいのではないということをあらかじめ注記しておく。 職業生活において成果を充分に上げている(あるいは上げようと努めている)ことは前提として、組織上公式にプライベートな時間(要するに業務時間外)における技術的活動について、組織の外部との接点のある場所で活動することを好むひともいれば、あくまでも職業生活の糧となる活動に重きを置く(つまり寝ても覚めても仕事のことを考えているような)ひともいるだろう。 前者はOSSやプライベートなWebサービス開発などに深くコミットするだろうし、後者は組織の成果を直接に志向するだろう。そのいずれにしても、プライベートな時間における技術的活動が、エンジニアの成長にとって大きな糧になり、そのことが所属する組織に
Takasu Gaku Design and Associates：タカスガクデザイン
interior & product design instagram｜空間デザインから家具プロダクトデザイン
女性建築士 東京 おうちリフォーム、カフェデザインのコムスペース
お客様のための “あがる”お店づくりを Comspace（コムスペース）は 商空間のプロフェッショナルとして お客様の満足度があがるお店、 オーナー様の利益があがるお店づくりを サポートいたします。 SERVICE コムスペースにお任せください。 店舗開発 利益・売上が、あがる 熟練されたプロの知恵と経験で、出店地域、出店場所の検討、物件探し、お話を丁寧に伺いながら、地域特性や物件条件の調査、業態、事業計画について、出店計画をサポートいたします。
アマダマングラフィカ
福岡市大名にある水耕栽培でミントを育ててそのフレッシュミントを使ったお酒がいただける「MINT BAR 白化(HAKKA)」のDMをデザインしました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tetsuya Uesugi
さかなのおひげ
holo shirts.
WEB制作・設計・提案 - ウェブデザインスタジオ│QUALT GRAPH クオルトグラフ
GROUND
http://creive.me/archives/5818/
http://www.machu.jp/posts/20150508/p01/