クリエイターのためのオンラインポートフォリオ
EPOCH Inc.｜CREATIVE INTEGRATION COMPANY
EPOCH（エポック）はクライアントの魅力をカタチにしていくクリエイティブ・インテグレーション・カンパニーです。あらゆる領域の多様な表現の中から最適解を追及し、選択し、具現化。戦略や企画⽴案から制作までをワンストップで実⾏します。
MEFILAS｜Web制作会社
WEBサプリメントブランド「SEEDS & SUPPLY」のスマートシリーズのブランドサイトを制作。常に成果を求める30代男性をメインターゲットに、スマートサプリメントの新規性と機能特徴を訴求した。 プロダクトのイメージをWebサイト全体で踏襲することで商品の印象を強め、アニメーションによる演出でサプリへの興味を喚起。デバイスの特徴に合わせて演出を最適化しており、PCではスクロールでのコンテンツの表示、スマートフォンでは3Dで再現した4種類のサプリをジャイロセンサーの傾きと振りで変化させるなど、遊びや驚きによる体験からブランドへの関心を高めた。 http://seedsandsupply.com/mss/ Date2017.3.15〜 Client株式会社I-neProduction株式会社メフィラス Direction藤原 明広 森 江里香Planning藤原 明広Art Directi
MEFILAS｜Web制作会社
What we can do : わたしたちにできること 人が動くプランニング。笑顔を生むデザイン。気持ちいいモーション。どれも絶妙なバランスや落としどころが大切で、この「クリエイティブのさじ加減」とも言うべき感覚の体験を、これまで過去に積み上げた実績と経験をもとに、永続的に提供することがわたしたちの使命だと考えています。 Our work front : わたしたちの仕事領域 ウェブサイト、アプリケーション、スマートデバイス、ソーシャルメディア、デジタルサイネージなどのデジタルプロモーションに関わる領域を主軸に、クライアントとエンドユーザーの間に普遍的な価値を与えるコミュニケーション戦略、UI・UXデザイン、システム開発を提供しています。 01 とにかくやってみるまず動くこと。初めから行動に制限をかけてためらうクセを無くし、やらない理由を初めから打ち立てることをせずアクションを起こす。
WHAT WE DO | Super Crowds inc.
企業、製品、サービスが持つべき目標・戦略・思考といった目には見えない要素の構築と、それを具体的なアウトプットへと昇華させるプロセスをトータルでサポートします。私達はアナログとデジタル、そのどちらの専門家でもあります。手段を狭めることなく、目的の為の最善な道が何処にあるのか、ブレる事無くご提案することが可能です。 コーポレートサイトやリクルートサイト、プロモーションサイトからアプリのUI・UXの設計まで。企画から実際のデザイン、マークアップ業務まで一貫して請け負います。短期的なものではなく、中長期的にブランディングの中核を担う事が出来るアウトプットの実現を心がけ、リリース後のグロースハックにも柔軟に対応致します。 雑貨や飲食物、化粧品などの製品パッケージ、家電製品から家具まで。素材問わず様々なジャンルのパッケージデザイン、プロダクトデザインを得意としています。単純なグラフィックでの提案に留ま
Animista - On-Demand CSS Animations Library
AboutAnimista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use. Animista started out as a small side-project of mine. As I was increasingly using CSS animations, I thought it would come in handy to have them organised in a meaningful and accessible way so that they can be easily reused on different projects. The idea wa
Animista - On-Demand CSS Animations Library
AboutAnimista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use. Animista started out as a small side-project of mine. As I was increasingly using CSS animations, I thought it would come in handy to have them organised in a meaningful and accessible way so that they can be easily reused on different projects. The idea wa
ブックマーク必須 コピペして使うCSSアニメーションのスニペット 「animista」の使い方
めっちゃアニメーションの微調整がめんどくさいWebデザイナーの平尾誠です。 とはいえ、Web制作においてアニメーションはユーザビリティにおいて、今やなくてはならない存在です。 でも公開間近にアニメーションを追加しろ！！なんて言われることも弱小フロントエンドとしては言われたりするのです。とほほ。 だけど安心。こんなのを見つけました。もう何回か現場でも使用しています。 animistaがあれば簡単にcssアニメーションをコピペして使えます。 animistaの使い方 拡大や縮小、スウィングなどの18種類ものアニメーションがあらかじめ用意されています。 オプションで数値を変更してアニメーションを細かにカスタマイズすることができます。 オプションではアニメーションのスピードだけでなく、ディレイや回転回数など、細かな場所まで調整することが可能。 生成されたcssをコピペするだけで、アニメーションを作
Vuex とは何か? · Vuex
Vuex アプリケーションの中心にあるものはストアです。"ストア" は、基本的にアプリケーションの 状態（state） を保持するコンテナです。単純なグローバルオブジェクトとの違いが 2つあります。 Vuex ストアはリアクティブです。Vue コンポーネントがストアから状態を取り出すとき、もしストアの状態が変化したら、ストアはリアクティブかつ効率的に更新を行います。 ストアの状態を直接変更することはできません。明示的にミューテーションをコミットすることによってのみ、ストアの状態を変更します。これによって、全ての状態の変更について追跡可能な記録を残すことが保証され、ツールでのアプリケーションの動作の理解を助けます。 シンプルなストア #
svg 要素を png 形式の画像に変換する - Qiita
はじめに D3.js で作成した svg 要素を png 形式の画像に変換する方法．注意事項として，svg 要素の大きさ (width と height) が絶対値で指定されてないといけない（つまり 100% などでは駄目）．また、テキスト要素にフォントを指定する必要がある． フォントの指定の例 obj.attr("font-family", "sans-serif") .attr("font-size", "14px") .attr("fill", "black") // #svg1: ターゲットの svg 要素 var width = $("#svg1").width() var height = $("#svg1").height() $("body").append("<canvas id='canvas1' class='hidden' width=" + width + " h
新QiitaでReactをやめてhyperappを採用した背景 - Qiita
12/1 に Qiita のトップページをリニューアルしました。これまで React を使っていましたが、それをやめて hyperapp を採用しました。まわりを見てもあまり採用事例が見当たらないので、この記事では一体なんで今をときめく React ではなく hyperapp を選択したのか、どういうところが魅力的なのかについて プレゼンテーション層を実装するためのツールとして 学習コスト の観点から書きたいと思います。なおこの記事に書かれていることは全て個人の感想であり、はっきりいって個人の日記レベルです。 それと hyperapp の開発者が社内にいるという事情もあるので、そこら辺さっぴいて読んでください。 TL;DR プレゼンテーション層を実装するためのツールとして React は機能過多だし、機能不足 hyperapp は過不足ない 学習コスト 仮想 DOM は学ぶ価値のある知識
ブラウザでMFA認証 - Qiita
この記事について MFA認証はご存知でしょうか。Multi-Factor Authenticationのことで日本語でいうと「多要素認証」となります。IDとパスワードだけなんてセキュアじゃない！記憶に基づいた認証と、本人しか持ち得ない何かを持っていることなど、多数の要素に基づいて認証しようじゃないか！ということだと思いますたぶん。 正確な用語定義はおいといて、MFA認証といえばAWSのマネジメントコンソールにログインする際に有効にしている方も多いのではないでしょうか。私も有効にしています。 最初に書いたように、AWSのMFAは「IDとパスワード」と「認証コードを生成するデバイスの所有」を認証要素として採用しています。つまり別途物理的なデバイスが必要になります。多くの方はスマートフォンにGoogle Authenticatorなどの認証コード生成アプリケーションをインストールしてスマフォを「
超軽量Viewライブラリ「Hyperapp」の日本語ドキュメント風の何か
Introduction Hyperapp - GitHub Hyperapp is a JavaScript library for building web applications. HyperappはWebアプリケーションのフロント(主にView)を担うJavaScript用のライブラリです。このライブラリは3つのコンセプトで成り立っています。 外部ライブラリに依存しない、超軽量1KBぐらいのライブラリ ステートレスコンポーネント Elm Architecture に則ったスケーラブル可能な仕組み 今回はHyperappのドキュメントを勝手に意訳1してみようと思います😌💡 Introduction Getting Started こんにちは世界 JSXで書いた場合 Hyperxで書いた場合 Build Setup JSXを使う環境の用意 Browserifyを使う場合 必要なモ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEB制作・設計・提案 - ウェブデザインスタジオ│QUALT GRAPH クオルトグラフ
...