しっぽを追いかけて

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

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

2020-01-01から1年間の記事一覧

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 に…