のぐそんブログ

暗いおじさんがシコシコ書くブログです。

Code Splittingメモ

Code Splitting Vue cliでプロジェクトを作成した場合にrouter.jsのcode-splittingの記述が気になったので調べてみた。

Atomic DesignでUIを細分化する

最近のjavascriptのフレームワークはコンポーネント指向で設計されているものが多いです。 コンポーネント指向の良いところは、作ったパーツを再利用できる点と、再利用することでサービス全体でのUIの一貫性が保たれるという点だと思います。 そしてコンポ…

iOSとAndroidのUIの違い

基本的なUIパーツの名称の違い ベースとなるUIの名称もiOSとAndroidで少し違います。 共通認識を持つためには正しく覚えておく必要がありそうです。

愛がいっぱいiOSのデザインガイドライン

iOSヒューマンインターフェイスガイドラインとは一体何なのかというと、 Appleが定めたiOS向けのユーザインターフェイスのガイドラインです。

効果的なデザインフィードバック

今回はデザイン業務を行う際に避けて通れない、「デザインのフィードバック」について書いてみようと思います。 また、この記事を書くに当たって「みんなではじめるデザイン批評」を参考にさせて頂きました。

Adobe Dimensionで3D表現に挑戦

3Dグラッフィクデザインソフト「Adobe Dimension CC」について少し書きたいと思います。

Laradockで簡単に開発環境を準備するメモ2

前回書いたLaradockで簡単に開発環境を準備するメモの続きです。 MysqlのコンテナのDBに接続してみたいと思います。

LaravelでS3に画像をアップロードする為のメモ

Laravelで、S3に画像をアップロードする為のメモです。

Laradockで簡単に開発環境を準備するメモ

Laravelの開発環境を準備するのに便利だというLaradockを利用してみたいと思います。

docker-composeをやってみたメモ

docker-composeを利用すると、複数のコンテナを管理するのに便利なようです。

Dockerが全くわからないので調べたメモ

Dockerのことが全くわからないので、少し調べたことをまとめてみました。

TouchDesignerでトゥーンシェーディング

はじめに こちらはTouchDesigner Study Weekend Vo.010に参加した際に学んだことをまとめています。 運営の方含め、とても良い勉強会でおすすめです。 あくまで自分の復習の為に、まとめ直しています。 実際はもっと、有益な情報を沢山学ぶことができます。 …

PHPもSQLもわからないけどLaravelをやる為のメモ

いよいよ業務でphpをやらなければなくなったので、自分用のメモとして残そうと思います。 見てもあまり参考にならないと思います。

Houdiniの基礎基礎メモ1

TouchDesignerを勉強中ですが、Houdiniは操作が似てるらしく、各所でおすすめされたので挑戦したいと思います。

TouchDesignerのGLSLでディゾルブをやってみる

はじめに こちらはTouchDesigner Study Weekend Vo.010に参加した際に学んだことをまとめています。 運営の方含め、とても良い勉強会でおすすめです。 あくまで自分の復習の為に、まとめ直しています。 実際はもっと、有益な情報を沢山学ぶことができます。 …

Vue CLI 3での開発環境を作るの基礎の基礎

Vueをやりたかったので、調べたことをメモします。 Vue CLI 3になり、ファイル交際やコマンドなども結構変更になっているようです。

TocuchDesgnerのGLSLでディスプレイスメントをやってみる

はじめに こちらはTouchDesigner Study Weekend Vo.010に参加した際に学んだことをまとめています。 運営の方含め、とても良い勉強会でおすすめです。 あくまで自分の復習の為に、まとめ直しています。 実際はもっと、有益な情報を沢山学ぶことができます。 …

Angularの開発をするために雛形を作る

AngularJSからAngularへの移行する為に基礎を学びます。 まずは開発環境を構築するためにに雛形ファイルを作成します。 ※ここではangular6.xを使っています。

TouchDesignerのExpressionメモ

Expressionメモです。追加していく予定です。 Expression 説明 absTime.frame 現在のフレーム番号を取得する absTime.seconds 経過時間を取得する me.digits オペレーター名の最後の数字を取得する (例)content1の場合は1 me.inputVal 入力値を取得する op("…

TouchDesignerでPythonを実行してみる

自分用のメモです。

GLSLでモーフィングをやってみる

GLSL Tech Night 2018というイベントで、モーフィングのデモをみて感動したので挑戦してみました。 探してみると参考になる記事が結構沢山ありました。 まずはモーフィングさせるシェイプを描くために必要な距離関数について調べてみました。 距離関数とは …

初期のUX設計で必要そうなことメモ

takejuneさんの「デザイナーがスタートアップをつくり、EXITするということ」という記事がとても参考になったので、自分の為に要点書き起こしてみました。 こちらの資料を見れば、私の書き起こしは見る必要はないです。

OSCを使って蝶をパタパタ

OSCを使って蝶をパタパタさせてみます。 今回の作例はTouchDesigner Workshopで教えて頂いた内容の一部になります。

TouchDesignerショートカットメモ

TouchDesignerのショートカットメモ(自分用)です。 足りない分を追加していく予定です。 操作 説明 [p] 表示中のオペレーターのパラメータウィンドを表示、非表示 [o] ネットワークの全体図を表示、非表示 [c] カラーパレットを表示、非表示 [tab] オペレー…

3Dオブジェクトの頂点に連番をふる

3Dオブジェクトの頂点に連番をふります。

Sphere SOPで地面を作る

Sphere SOPを利用して地面を移動してる感じの演出をしてみたいと思います。 仕上がりはこんな感じです。 ==== 地面を作る Sphere SOPとNoise SOPで地面を作っていきます。 Sphere SOPの設定 Primitive Type ・・・ Polygon frequency ・・・ 15 Noise SOPの…

トゲトゲの球体を作る

Sphere SOPの頂点を利用してトゲトゲの球体を作ります。 仕上がりはこちらです。 sample from nogson on Vimeo.

パーティクルで花火のような演出

TouchDesigner Study WeekendというTouchDesignerの勉強会で学んだことのまとめです。 TouchDesignerは私のような初心者には、高機能すぎて何をしたらよいのかわからなくなることが多いのでこの勉強会は貴重だと思っています。 今回の完成イメージはこちらで…

マウスにパーティクルが追従するような演出

はじめに この記事は、TouchDesigner Study WeekendというTouchDesignerの勉強会で学んだことのまとめです。 TouchDesignerは私のような初心者は高機能すぎて、何をしたらよいのかわからなくなることが多いのでこの勉強会は貴重だと思っています。 完成イメ…

Cache TOPを利用して版ずれのような演出をする

Cache TOPを利用して、印刷の版ずれのような表現をしてみたいと思います。 版ずれさせる3Dオブジェクトを準備 まずは演出の対象となる、3Dのオブジェクトと、カメラ、ライト、ジオメトリを用意します。 noise SOPを挟んでいるのは、Geometoryに動きを出すた…