しっぽを追いかけて

ぐるぐるしながら考えています

Unity と猫の話題が中心   掲載内容は個人の私見であり、所属組織の見解ではありません

Microsoft MVP 卒業

5年間受賞いただいていた Micrsoft MVP ですが、今年度で卒業になりました 実は今回は審査応募はせず自主的な辞退をさせていただいてます 理由としては、前年度は MVP にふさわしいような活動ができなかったということと、これから先、実装技術よりもビジュ…

Unity Shader Graph でテクスチャをスクロールさせる

※ これは 2020/06/19 時点の Unity 2019.4.1f1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 今回は Shader Graph で指定したテクスチャ画像のパターンを水平にスクロールさせてみたい スポンサードリンク (adsbygoogle = window.a…

6/26(金)C# Tokyo#13 に登壇します

すでにだいぶ前から公開されていますが C# Tokyo の Unity 祭りでオンライン登壇することになりました csharp-tokyo.connpass.com 自分の担当セッションは「スマホアプリで資産形成のススメ 〜Unity + Firebase でおこづかい獲得〜」というタイトルです Unit…

Unity Shader Graph で型抜き表示

※ これは 2020/05/29 時点の Unity 2019.3.15f1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 今回は Shader Graph で前回表示した縦じまをねこ型にくりぬいてみたい 用意したのはこんな感じの背景透過画像 ねこ型画像(黒い部分は…

Unity Shader Graph で画像を表示

※ これは 2020/05/29 時点の Unity 2019.3.15f1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください Shader Graph が使えるようになったので、とりあえず基礎の確認 入力された画像テクスチャをそのまま出力するグラフを作ってみる

Unity で Shader Graph を作ってみる

※ これは 2020/05/22 時点の Unity 2019.3.14f1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください CSS はここまでにして、ちょっと自作アプリで必要になったので以前ちょっとだけ触った Unity の Shader Graph を、とりあえず使えるよ…

CSS でマウスオーバーで回転アニメする

CSS

※ これは 2020/04/10 時点の font awesome v5.13.0 の情報です 最新版では動作が異なる可能性がありますのでご注意ください CSS で下記のような回転アニメ・・・をカーソルがのっているときだけ行いたい

CSS で囲み枠を装飾する

CSS

CSS で囲み枠をもう少し装飾してみたい ・・・というわけでいろいろ試してみます まずは破線 ねこはどうして箱に入るのが好きなのか?

CSS で囲み枠を描く

CSS

※ これは 2020/04/10 時点の font awasome v5.13.0 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 今回は CSS で下記のような囲み枠を描画してみます ねこは飼い主が思っている以上に人が好き

引用文を CSS でそれっぽく表示する

CSS

※ これは 2020/04/10 時点の font awasome v5.13.0 の情報です 最新版では動作が異なる可能性がありますのでご注意ください ちまたでは12連休だそうですが、こちらはリモートワークなので通常営業です! 今回は Font Awesome を利用して下記のような引用文を…

アイコンを CSS でテキストのように自由変形 - Font Awesome

CSS

※ これは 2020/04/10 時点の font awasome v5.13.0 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回お試しした Font Awesome、拡大以外にも実はいろいろできるらしいので試してみる

アイコンを CSS でテキストのように表示 - Font Awesome

CSS

※ これは 2020/04/10 時点の font awasome v5.13.0 の情報です 最新版では動作が異なる可能性がありますのでご注意ください アイコン的なものを CSS に埋め込む場合、普通にやったら画像として参照しないとだめそうです ・・・が、テキストみたいな使い心地…

CSS で吹き出しを描画

CSS

CSS のお勉強、今回は下記のような吹き出しを CSS で描画したい 吹き出し付き

CSS でテキストの合成効果をつける

CSS

前回はグラデーションの背景を画像を使わず CSS で描画したので、さらに応用 上に表示するテキストに背景との合成効果を指定してみたい 単に白色のテキストをのせても下記のようにオーバーレイ効果をかけるとこんな感じに Overlay

CSS でグラデーション描画

CSS

Global Summit 明けで Web 関連の勉強再開 実装よりの内容から趣向を変えてちょっとデザイン絡みの内容をやってみます 今回は最近よく見るグラデーションの背景を画像を使わず CSS で描画する方法 Gradient

MVP Global Summit 参加中

Global Summit でも初の試みとなるバーチャル開催に参加しています ・・・ただし、例のごとく内容については NDA なので一切話せません! 例年だったらシアトルの街のこととか、ホテル、歓迎パーティ、食べたランチのことなどは話せたのですが、今年はそれも…

MVP Global Summit がオンライン開催になりました

すでにニュースになっていますが今年の MVP Global Summit は現地開催はせず、オンライン上でのバーチャル開催になりました japan.zdnet.com 今年は参加するつもりで登録していたので大変残念 せっかくなのでリアルタイムでオンライン参加するつもりですが、…

一時的にリモートワーク開始されました

新型コロナウィルスによるリスク軽減のため、勤め先の会社でも一時的ですがリモートワークを開始することになりました 私の場合、自宅でも個人でスマホゲーム開発をしているので開発環境はそのまま流用することになりました とはいえ、ある程度公私で環境を…

Vue.js で配列をもとに反復リストアイテムを表示する

※ これは 2020/01/07 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください Vue.js のチュートリアル続行 今回は配列を ViewModel にして複数のリストアイテムを動的に表示する方法を試してみます

Vue.js で process.env の設定値を変更してデバックする

※ これは 2020/01/07 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回 Vue.js の開発者ツールを強引に非表示にしてデバッグしてみました 今度はちゃんと正攻法で、コメントアウト部分を戻…

Vue.js でデバッグ時に開発者ツールを非表示にする

※ これは 2020/01/07 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください Blazor と Electron と Flutter をいろいろ触ってみた結果、一番しっくりきた Electron + Vue.js (TypeScript) を勉強す…

Flutter の Web アプリサンプルのコードをながめてみる

※ これは 2020/01/18 時点の flutter v1.12.13 の情報です 最新版では動作が異なる可能性がありますのでご注意ください とりあえず Flutter の Hello world レベルの Web アプリサンプルは動かせましたが、もうちょっとちゃんとしたサンプルがあったので動か…

Flutter の Web アプリサンプルを動かしてみる

※ これは 2020/01/18 時点の flutter v1.12.13 の情報です 最新版では動作が異なる可能性がありますのでご注意ください とりあえず Flutter サンプルを Android で動かせましたが、どうやらプレビュー版ながら Web アプリも作れるらしい というわけで試して…

Flutter の開発環境を構築してみる

※ これは 2020/01/18 時点の flutter v1.12.13 の情報です 最新版では動作が異なる可能性がありますのでご注意ください Electron + Vue.js のアプリが試せたので、今度は Flutter を試したい まずは下記手順にしたがって環境構築を始めます... flutter.dev

Vue.js のデータバインディング

※ これは 2019/12/20 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回 Vue.js のサンプルアプリを TypeScript に書き換えて実行できたので、このサンプルを触りつつ Vue.js のデータバイ…

Vue.js のサンプルを TypeScript で書き換えて Electron アプリを動かす

※ これは 2019/12/20 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回は Vue.js のサンプルアプリを Electron として実行してみました 今回はこれをただの JavaScript から TypeScript に…

Vue.js のサンプルを Electron アプリとして動かしてみる

※ これは 2019/12/20 時点の node.js v13.2.0 vue/cli v4.1.1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください TypeScript で Electron のアプリは起動できた・・・しかし TypeScript はデータバインディング機構がないので別途フレー…

Electron の TypeScript で Hello world

※ これは 2019/11/29 時点の node.js v13.2.0 Electron v7.1.2 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回は普通に Electron で Hello world してみましたが、今回はかんたんにできるらしい TypeScript への書き換えで Hell…

Electron で Hello world

※ これは 2019/11/29 時点の node.js v13.2.0 Electron v7.1.2 の情報です 最新版では動作が異なる可能性がありますのでご注意ください Electron の開発環境はできたので、今度は自力で Hello world してみます

Electron の開発環境を構築してみる

※ これは 2019/11/29 時点の node.js v13.2.0 Electron v7.1.2 の情報です 最新版では動作が異なる可能性がありますのでご注意ください Blazor のデータバインディングを見た後は、Electron をさわってみます とりあえず開発環境周りを整備してサンプルアプ…

スポンサードリンク