AQ CASE＆KNOWLEDGE

本

アクアリングの事例やナレッジを紹介するマガジンです。実際のプロジェクトで、アクアリングが強みとする「UI/UX」「共創的課題解決」がどのように発揮されているのか、PJメンバーか… もっと読む

運営しているクリエイター

企業の人格を捉えるためのブランド・アーキタイプ：導入編

企業やブランドを12種類の「人格」になぞらえるフレームワークである「ブランド・アーキタイプ」。平たくいえば、対象を人物に例えることでより包括的にそのブランドが持つ印象や特徴をポジショニングするための手法です。最近ではウェブ記事も多く散見され、特にグローバル大企業やto C向けの事例を引き合いに語られることが多いこの手法ですが、この記事では一般的な意味について、続編となる「実践編」ではto Bのプロジェクトにおいての有用性と利用法について紹介します。ブランド・アーキタイプの

成功の鍵は"収益のミルフィーユ構造”　実践型新規事業開発ワークショップ

プロジェクトにおいて上流工程からコミットしてきたアクアリングですが、近頃、新規事業開発の伴走支援のご相談が増えています。ビジネス理解をより深め、課題解決提案の幅を拡げるために開催している、会計知識習得に特化したワークショップについてご紹介します。アクアリングでは、スキルアップのため外部講師を招いたセミナーなど、組織が進化するために必要な場を、必要な時に企画しています。そんな場の一つとして、起業家の上野聡太さんをお招きした新規事業開発ワークショップを定期開催しています。

Adobe MAX Japan 2023にディレクターが登壇しました

去る11月16日、東京ビッグサイトで開催されたAdobe MAX Japan 2023に弊社ディレクターが登壇、「手のひらのセントレア」と題したセッションで、UXリサーチを取り入れたWeb構築についてその手法をご来場の多くの方々にご聴講いただきました。中部国際空港株式会社セントレアの村松氏、千葉氏にもゲストとしてご登場いただきました。当時、セントレアには国内の空港としては先駆けとなったSNS活用をはじめとしたデジタル活用戦略がありました。Webサイトのリニューアルにあ

ブラザーSDGsストーリーリニューアル WebGL舞台裏

こんにちは、AQUARING かにです。今回は今年２月にサイトリニューアルを担当した Brother様の「ブラザーSDGsストーリー」サイトの WebGL の舞台裏をご紹介します。リニューアルの経緯リニューアル前のサイトでも同じキャラクターを用いた表現をしていましたが、旧サイトではアニメーション付きの glTF モデルを WebGL でリアルタイムで再生する形で実装していました。幅広いデバイスでのキャラクターのクオリティ担保やローディング軽量化などを考慮した結果、

p5.jsでshadowBlurにグラデーションを適用する

こんにちは、AQUARING かにです。 p5.js で drawingContext.shadowBlur を使うと簡単にシャドウを描画することができますが、drawingContext.shadowColorには単色しか設定できませんよね。今回は shadowBlur にグラデーションを適用する方法を紹介します。最終的なコードはページ下部の追記220401：p5.Image.mask()でアルファマスクするにあります。黒背景に白でシャドウを描画let d

GLSL Tips #02 輪郭のジャギーをなめらかにする

こんにちは、AQUARING かにです。今回はGLSLでテクスチャをマスクする際によくある輪郭のジャギーをなめらかにする方法について書いていきます。 GLSL側で円形のマスクを作成するコードを例に説明していきます。マスクがジャギる例まず普通に円形のマスク関数を書くと以下のようになります。 precision mediump float;varying vec2 vTexCoord;/** * 円形マスク * @param {vec2} uv UV座標 * @pa

GLSL Tips #01 レイヤーの結合

こんにちは、AQUARING かにです。 WebGLやopenFrameworksなどでGLSLを書くたびに毎回「どうやるんだっけ？」となることが多々あるので、こまめに記事にして備忘録として残していこうと思います。今回はレイヤーの結合についてです。距離関数で描いた複数の円を重ねるコードを例に説明していきますが、テクスチャを使ったマスクでも同様の処理でレイヤーを結合できます。背景レイヤーと結合precision highp float;varying vec2 v

妄想からはじまるイノベーション。SFプロトタイピングとは？| METHODLOGUE #03

いわゆる、イノベーションのジレンマ。「現実」に侵され、突き抜けたアイデアが出てこない──。そんな時は思いきってファンタジーの世界へ飛び出してみませんか？アクアリング主催イベント「METHODLOGUE（メソドローグ）」の第三回ではSF作家の樋口恭介さんをお招きしました。今回お話いただくテーマは「SFプロトタイピング」。SF作家の想像力で未来のストーリーを紡ぐことで、事業のプロトタイピングを行うというもの。では、さっそくSF作家の頭の中を覗き見てみましょう。プロフィ

JavaScript(ES2015~)でウィンドウサイズをシングルトンライクに管理する

こんにちは、AQUARING かにです。ウィンドウのリサイズ時やCanvas表現の実装などでよく使う window.innerWidth, window.innerHeight ですが、みなさんウィンドウサイズのユーティリティクラスは作っていますか？せっかくクラスで綺麗にカプセル化していても、ウィンドウサイズが必要になるたびに毎回 window の変数を取りに行くのはクラス外に依存する記述が増えてあまり良くないですよね。そこで今回は、プロジェクト全体で共有するウィ

チームの「対話」を促す、オンラインワークのアイデア

こんにちは、アクアリングの樽見です！制作ディレクションや広報を担当しています。 2020年12月、アクアリングはCI・VI刷新をリリースしました！新たに定義されたCIにおいて、大切にする価値観（Value）のひとつに「チームの力を信じる」という言葉があります。難易度の高いミッションでも、このチームなら実現できる。一人では得られなかった視点・気付き・アイデアを、このチームなら得られる。そんな信頼関係・相乗効果のあるチームに成長していくために、インナー広報がフォーカ

【太刀川英輔】生物の進化のように発想する。進化思考とは | METHODLOGUE #01

地球に生命が誕生してから約36億年。生物は環境の変化に適応するため、「進化」によって今日まで生き残ってきました。そして、人類が「進化」の過程で手に入れた最強の武器こそが「創造性」です。 VUCAと呼ばれる現代。私たちは再び生き残りをかけて「創造性」を発揮し、新しい時代に適応しなければなりません。アクアリング主催イベント「METHODLOGUE（メソドローグ）」の第二回ではNOSIGNER代表太刀川英輔氏をお招きしました。企業、そしてビジネスパーソンがVUCA時代に

辿りついたのは"Oneness for good design." - CIリニューアルの記録。

2020年、AQUARINGは中京テレビグループに参画し、その前年、代表が交代するという組織としての岐路を迎えていました。2019年の代表交代とともに、会社の核となる経営方針の考え方や、CIを再定義するプロジェクトが始動します。私たちが歩んだプロセスを時間と思考を遡って公開することで、組織をデザインする様々な方への参考になればと思い、完成までの道のりを振り返りたいと思います。前に進むためには、カルチャーの再定義が必要だった。 2015年当時、それまでクラフトマンシッ

ORIGAMI LETTER フロントエンドBreakdown

こんにちは、AQUARING かにです。昨年制作したブラザー工業さまの「ORIGAMI LETTER」が今年4月にiFデザインアワード2021 コミュニケーションデザイン部門でゴールドを受賞しました！🎉 このWebサイトでは、Webサイト上で折り紙を折るDigital Origami Letterと、プリントした折り紙を折るPrinted Origami Letterの、2つ方法でメッセージを送ることができます。今回はCanvas2DやWebGLなどのフロントエン

自走するコラボラティブ・プロジェクトの作りかたとは？ | METHODLOGUE #00

アクアリング主催オンラインイベント「METHODLOGUE（メソドローグ）」さまざまな業界・業種で活躍されるクリエイターとの対話から、これまで不確実だった“イノベーション創出”をメソッド（方法・手法）化しようという実験的な試みです。初開催となる今回のテーマは「自走するコラボラティブ・プロジェクトの作りかた」。コロナ禍で特に重要性が高まる「チーム」「組織」のデザインに焦点を当てて、武蔵野美術大学クリエイティブイノベーション学科教授岩嵜博論氏とINFOBAHN DESI