Interactive GIF Music Video by AC-bu
【連載#私の失敗談 第8回】どんな人にも失敗はある。ヤフーやLINE、PayPayなどの企業を傘下に抱えるZホールディングス(ZHD)会長の川邊健太郎さんは「Yahoo!メッセンジャーがあったにもかかわらず、スマホ時代に対応できなかった。変わらないことがヤフーの致命的な失敗の一つになった。それは『デジタル後進国』と呼ばれる日本にも当てはまる」という――。(聞き手・構成=ノンフィクション作家・樽谷哲也) 必要な失敗を経験した人から成功に近づいていく 私自身の失敗は嫌というほどあります。そもそも、経営者が「失敗」から得ていく教訓には大きく2つあると思っています。 何か新たなチャレンジのために行動していくうえで、失敗というのは付きものでしょう。むしろ、失敗がなければ、うまくいくようにもならないのではないかと思っています。ですから、一つの結論として現在の私が思うのは、必要な失敗を経験した人から成功
One of the key elements of Google's software engineering culture is the use of design docs for defining software designs. These are relatively informal documents that the primary author or authors of a software system or application create before they embark on the coding project. The design doc documents the high level implementation strategy and key design decisions with emphasis on the trade-of
Framerは、人気のUIデザインツールの1つです。日本でのシェアはあまり高くないかもしれませんが、機能が豊富で非常に魅力的な点も多いです。 そんなFramerですが、先日ブラウザ上で動作するWeb版が登場しました。ブラウザ上で動作するUIデザインツールと言えば、真っ先に思いつくのがFigmaです。 今回は、改めてFramerの特徴と、Figmaとの違いについてまとめてみました。 Framerとは Framerは、もともとプロトタイピングツールとして開発が進められてきたツールです。2018年に「Framer X」という名称で、現在のようなUIデザインツール+プロトタイピングツールという形のツールとなりました。 現在では、公式サイト上で「Framer X」という表記は無くなっており、名称は「Framer」とされているようです。 FigmaやSketch、Adobe XDのようにUIデザイン制
この記事では、Webデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめています。 これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフローに取り入れてみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. デザインツール 2. モックアップツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. アイコン素材パック 6. コラボレーション、共同作業ツール 7. 面白ツール 8. デザインコレクション ウェブデザイン制作を爆速に!便利な最新オンラインツールまとめ デザインツール SVG Colorizer 用意されたアイコンやキャラクターなどのSVG素材の配色をカスタマイズできる
今月入社したサーバーレス開発部の佐藤です。ジョインブログから初めての投稿です。 札幌オフィス勤務予定なのですが、札幌にサーバーレス開発部のメンバーがいないため、1ヶ月間、会社の文化になれるために東京の岩本町オフィスに出社しています。前職からの働きかたのギャップが激しいですが、毎日楽しく仕事をしています。 先日、サーバーレス開発部のSlackチャンネルで、おすすめの技術書を紹介してくれという雑なポストをしたところ、すごい勢いで技術書が流れてきたので、保存する意味も込めてブログにまとめてみました。 おすすめ理由については、サーバーレス開発部の方々に直接聞いたものを載せています。 おすすめされた技術書 Webを支える技術 Webを支える技術 おすすめ理由 当たり前に使っているWebやREST、HTMLなどベースとなる技術の歴史からふりかえっており単純に読み物として面白いです 普及している技術の思
Webサイトのデザインやコーディングは、やるべきタスクが年々増えてきました。それらの手間がかかる面倒な事が楽にできるツールやアプリも年々リリースされています。 これからのWeb制作にどんどん取り入れていきたいツールやアプリを紹介します。 Adobe Experience Design(Adobe XD) Adobe XDはWebサイトやスマホアプリのデザインやプロトタイプを作成するベクターベースのツールで、PhotoshopやIllustratorともスムーズに連携して利用することができます。 以前は「Project Comet」の名称で発表されていた新ツールが、2016年3月に「Adobe Experience Design(Adobe XD)」としてプレビュー版が公開されました。現在はOS X版のみですが、2016年後半にはWindows 10への対応も予定されています。
2016年も3分の1が過ぎ、今年を代表するウェブデザイントレンドがはっきりと見えてきました。Studio by UXPin で公開されている無料Eブック「The Complete 2016 Web Design Trends Bundle」では、2016年のトレンドを10個のポイントに分けて、具体的なウェブサイトと一緒にまとめています。 今回は、デザイントレンド10個のポイントのみを、簡単にまとめてご紹介します。より詳しい内容に関しては、無料ダウンロードできるEブックで確認できます。TwitterやFacebook、Googleなどの大企業を中心とした、参考サンプル45サイトが掲載されています。 詳細は以下から。 01. マイクロインタラクション Microinteraction マイクロインタラクションは、モバイルアプリのデザインにおいて、大きなアニメーションに比べ、ユーザーがあまり考え
HTML5アニメーション、アプリなど、最近いろいろと聞くようになってきたので 私自身もやっとしていた部分を改めて構造的に見てみたいとおもいます。 divタグのようなブロック要素のなかが、flashのステージみたいな状態になっていて この要素のなかではjsで読み込んだ画像などのメディアを読み込み、表示するという手続きが再度必要になる場所になっている。 アニメーションはデータを読み込むたびに初期化するという方法でパタパタアニメのような処理をしているよう。 で、もともと定義されている「canvas+css+js」な組み合わせでも オブジェクト化されたものを動かしたりできるけれど 手続きがおおい。→なので、よく使う手続きをまとめて関数化して、独自の名前空間で使えるようにしたライブラリやアプリができた。 というような感じなのかな、と思いました。 なので、本質は違うかもしれないけど、Create.js
2016年5月10日 Webデザイン, ユーザビリティ, 色彩 人間は一瞬で物を識別します。研究によると、たった0.1秒で人を判別できるようです。Webサイトにおいても同じことが言え、ユーザーはWebサイトを開いて0.05秒でそのサイトが好きかどうかを判断し、そのサイトを見続けるか、閉じるかを決めるそうです。そんな大切な「第一印象」。どのようにチェックすればいいのか、考えていきましょう! ↑私が10年以上利用している会計ソフト! ぼかしテスト ぼかしテストでは、デザインをぼかした状態で確認し、強調するべき箇所が強調されているかをチェックします。 テスト方法 Photoshopを使う方法と、ブラウザーを使う方法があります。 Photoshopを使う方法 バナー広告やWebサイトのスクリーンショット画像を用意 Photoshopで フィルター>ぼかし>ぼかし(ガウス)で5〜10pxほど画像をぼ
株式会社ディヴァージュ(以下「当社」といいます)は、当サイトをご利用になる方(以下「利用者」といいます)のプライバシーを尊重し、以下の個人情報保護方針を定め、この方針に従って、個人情報の適正な取り扱い、管理、維持に努めてまいります。 個人情報の定義 個人情報とは、利用者ご本人に関する情報であり、当該情報に含まれる氏名、住所その他の記述等により利用者個人を識別することができる情報をいいます。 個人情報の収集と利用について 当社は、次の目的の範囲内で利用するために、利用者の個人情報をお聞きすることがあります。 利用者の役立つであろうと当社が判断した当社の情報提供 その他何らかの理由により利用者に連絡をとる必要が生じた場合のご連絡 いずれの場合も、利用者ご自身の意思で情報の提供をいただくようお願いいたします。なお、それぞれ必要となる項目を入力いただかない場合は各サービスを受けられないことがありま
RADIO NEW GAME! ~コウとりんの進捗報告会!~ 2016年7月5日より隔週火曜日配信 NEW GAME! -THE CHALLENGE STAGE!- ニューゲーム ザ チャレンジステージ)
皆さんこんにちは。ギャプライズ鎌田(@kamatec)です。 今回は、弊社のプランナー・ディレクターが ランディングページの構成作成後 ランディングページのデザイン完了後 ランディングページのコーディング完了後 にそれぞれ行っているチェック内容を公開します。 細かい所ですがこの「チェック」のレベルによってプロとアマの違いが出るとも言えます。 何百本ランディングページを構築した熟練の経験者であろうとも、1回で完璧なものができることは決してありません。チェックを通してブラッシュアップされていくのです。 ランディングページ構築における一番の肝は、構成を引く前のターゲット設定・集客設計にあるのですが、今回はそこまで書くと壮大なボリュームになってしまうので、実制作に入った後のチェック項目に限定してご紹介します。 それでは早速ご紹介しましょう。 目次 ファーストビューで言いたいことが伝わるか? 見出し
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで(Macの場合はCommand+Option+Iキーで)手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、AmebaのSimplogでWEBデザイナーをしているリュウタロウと申します。 以前新卒デザイナー同士の勉強会がありまして、そこでの私の発表内容がすごく好評でした。 以降より多くの人に向けて発信したいと考え、この場をお借りして記事を執筆させて頂く事になりました。 これから綴るのは、デザインの細かいテクニックやハウツーではありません。 様々なジャンルのクリエイティブに通じる、基本的なモノの見方、考え方の話です。 「ワタシ、デザインワカラナイワ」 というビジネスパーソンも、普段やっている仕事や趣味とリンクさせながら理
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く