COZIKEEいつまでも使えるTech情報発信ブログ
こんにちは、Webプログラマの隅です。
〜Web制作の現場でよく目にする光景〜
ディレクター「ここの画像ぼやけてるから他のに変えといてくれる？」
デザイナー・コーダー「（画質が低い画像しかないな……）」
デザイナー・コーダー「この画像の高画質のバージョンいただけませんか？」
クライアント「それしかないです」
デザイナー・コーダー「どうしたもんか……」
支給された画像が低画質の画像しかない、他の会社から引き継いだサイトの画像が粗いけど加工前の画像がない
そのようなことでお困りのあなたにお伝えしたい！
実際の業務で使用しているpythonの活用方法第2弾はWeb制作時に役立つ「粗い画像を高解像度の画像に変換する」方法をご紹介します！
こんにちは、Webプログラマの隅です。
12月になって一気に寒くなりましたね。銭湯に行きたいです。
先日、Laravelでの開発時にLaravel mixでapp.jsにまとめてコンパイルしたJavascriptの関数が動かないといった問題でうんうん頭を抱えたのですが、解決法が見つかったのでご紹介いたします。
こんにちは！
XRクリエイターの伊東（@ALAKIWebVRAR1）です。
※TwitterでもAR/VRの事を中心に情報発信中です。
よかったらフォローお願いします！
Follow @ALAKIWebVRAR1
ALAKIでは、今期から本格的に海外展開を進めており、自社サービスのARアプリ「MUGHEN」も絶賛多言語対応中です。
今回は、Unity環境でのアプリ開発における「多言語対応」の概要をまとめます。
細かい操作の説明はここでは省き、多言語対応の全体像を掴んで、「何をしなければならないのか」がわかるところが本記事のゴールです。
また、リリース後のプロモーションに関しては、以下の記事が参考になりますので、興味のある方は是非ご一読ください。
こんにちは！
XRクリエイターの伊東（@ALAKIWebVRAR1）です。
※TwitterでもAR/VRの事を中心に情報発信中です。
よかったらフォローお願いします！
Follow @ALAKIWebVRAR1
プログラムを書かずにシェーダーを作成できる「Shader Graph」ですが、URPの影響で、UnityのモバイルARアプリ開発環境に導入すると、ARカメラの映像取得がうまくいかない場合があります。
設定を変更することで、Shader Graphを導入してもAR Foundationが正常に動作する方法をご紹介します。
こんにちは！
XRクリエイターの伊東（@ALAKIWebVRAR1）です。
※TwitterでもWebXRの事を中心に情報発信中です。
よかったらフォローお願いします！
Follow @ALAKIWebVRAR1
Unity公式パッケージとなっている「Starter Assets」を使って、三人称視点のゲームのベースを簡単に作ってしまう方法をご紹介します。
簡単すぎ、しかも無料という事実に衝撃を受けました！！
こんにちは！
XRクリエイターの伊東（@ALAKIWebVRAR1）です。
※TwitterでもWebXRの事を中心に情報発信中です。
よかったらフォローお願いします！
Follow @ALAKIWebVRAR1
Unityでマルチプレイを実装する方法はいくつかありますが、その中でも「Netcode for GameObjects (※以下NGO)」と「Relay」を使った実装方法をご紹介します。
ここでは大枠の概要をご説明しつつ、細かい説明に関しては参考記事をご紹介いたします。
こんにちは！
XRクリエイターの伊東（@ALAKIWebVRAR1）です。
※TwitterでもWebXRの事を中心に情報発信中です。
よかったらフォローお願いします！
Follow @ALAKIWebVRAR1
ALAKIでは、自社サービスでモバイルアプリを制作する際にUnity環境でFirebaseを活用しています。
Firebaseについての説明はここでは省略しますが、実践として、UnityにFirebaseを導入するまでの流れをまとめていきたいと思います。
Firebaseの公式にももちろん導入についてのガイドラインがまとめられていますが、ここではもっとシンプルにご説明します。
こんにちは！
XRクリエイターの伊東（@ALAKIWebVRAR1）です。
※TwitterでもWebXRの事を中心に情報発信中です。
よかったらフォローお願いします！
Follow @ALAKIWebVRAR1
今私は、ある実装で、Open Streat Mapから生成した大阪駅付近の3DマップをThree.jsに読み込み、一人称視点で3Dマップの中をうろうろする、という楽しいことをしています。
3Dマップ（objファイル）の容量がなかなか大きく、Three.jsの凝ったコントローラと掛け合わせるとかなり動作がもっさりしてしまいます。
今回は、負荷が大きくなりがちな実装をする際に、どうやって負荷軽減をして安定した動作を実現するかというお話しです。
具体的な実装例をまとめました。今後も新しい知見があればこちらに足していきます。
ご参考になれば幸いです。
あけましておめでとうございます！
デザイナーの伊東です。
今年もデザイン、フロントエンド、XRのことを中心に少しでもお役立ちできる情報を発信できるよう精進していきます。
2019年もよろしくお願いいたします！
さて、新年一発目の投稿ですが、Webアニメーションについて書こうと思います。
みなさんは、ブラウザ上で動くWebアニメーションを実装する時、どのような方法で実装されていますでしょうか？
CSS、JavascriptやCSV、はたまたmp4形式の動画を直接貼り付けるなどなど、色々とあるかと思います。
今回は、「Lottie」というアニメーションライブラリを使って、簡単に、そして超軽量でWebアニメーションを実装する方法をご紹介します。
こんなアニメーションを実装するところまでを目標にやっていきます。
Lottieを使ったことのない方に向けて、わかりやすく解説していきますので、最後までお見逃しなく！
こんにちは！
デザイナーの伊東です。
先日、Bootstrap4についてのセミナーに参加して来ました。
ALAKIでは、コーディングのテンプレートに1部Bootstrapのスタイルを採用しているくらいで、
完全にBootstrapをベースにサイト制作をすることはありませんでした。
Flexboxへ完全に対応していなかったことや、
bootstrap独自のスタイルを打ち消すCSSを用意する手間などがおもな原因です。
しかし、今回のセミナーで新しいバージョンのBootstrap4の新機能を知り、
その便利さや汎用性からテンプレートをBootstrap4ベースに移行することも検討しています。
現在は進行中の案件でテスト運用ているところです。
今回はどういった点が強化されたのかをご紹介します。
