この記事はようやくSafariでもフルサポートされそうなWeb Animations APIのcomposite(効果の組成)って機能がすごいよ!!って、ただそれだけを伝えたい記事です。平たくいうと複数のアニメーションを簡単キレイに合成できる機能なのですが、通常のWebのコーディングでもよく出てくる辛さを解決してくれる結構すごいヤツなのです。 ▼ こういうアニメーション作るのもだいぶん楽になります Web Animations APIで星空パーティクル 単にCSSのアニメーションをJSで描けるよってだけではあるんだけど、ライブラリなしでそこそこ簡単にインタラクティブなもの作れるって意味ではうれしい。主要ブラウザ全部で使える。https://t.co/8H8zXfc5NL pic.twitter.com/bfTERJPxIX — ゆき@ティアF47a (@yuneco) October 11
はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアはWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress界
より速く、かつ安定した無線通信を求めてWi-Fiルーターを新調したのに、思ったような通信速度が出ないし、接続も安定しない。このようなWi-Fiルーターに対するネガティブな声は価格.comのクチコミでも見られるが、それはWi-Fiルーターの設定が使用環境に合っていないからかもしれない。特に接続の安定性については、チューニングによって大きく改善することがある。本記事では、Wi-Fi 6(IEEE 802.11ax)に対応するWi-Fiルーターを例にして、安定接続を実現するための実践的な設定方法を紹介したい。 NECの「Aterm WX3600HP」(2021年6月3日発売)を使って、Wi-Fiルーターの設定方法を紹介する。本製品は発売当初、動作の不安定さが指摘されていたが、ファームウェアのアップデートと設定の見直しで改善。今では、安定動作のWi-Fi 6ルーターとして評価されるようになっている
PowerShellのGet-CimInstanceコマンドを使うと、コマンドラインからUSBデバイスなどを検索で見つけることができる USBデバイスについて調べたくなることがある。簡単な方法としては、コントロールパネルのデバイスマネージャーがあるが、デバイスを探す場合は目視となるため、どうも面倒なことが多い。最近では、ラップトップやタブレットなどの内蔵デバイスもUSB接続になっていることがあり、マウスやキーボードのようにケーブルがつながっているものだけがUSBデバイスとして存在するわけでもない。 USBデバイスをコマンドラインで調べる コマンドラインから簡単にUSBデバイスを調べるには、PowerShellのGet-CimInstanceコマンドが利用できる。このとき、以下の表のようなクラスを指定することで各種のUSB関連情報を得ることが可能だ。 まず、すべてのデバイスは、「Win32_
要素間の区切り線をレスポンシブ対応にする時、どのように実装していますか? flexboxで実装すると、1つのコードでコンテンツに合わせて伸縮し、デスクトップもスマホにも対応、スクリーンサイズに合わせて垂直・水平にも切り替えるのにも対応できます。さらに、区切り線をグラデーションや破線にするのも簡単です。 CSS flexboxでレスポンシブ対応の区切り線を実装する巧妙で素晴らしいテクニックを紹介します。 Flexbox Dynamic Line Separator by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 区切り線の実装 なぜ区切り線が小さい四角になるのか 区切り線の太さ グラデーションの区切り線 破線の区切り線 これを行う別の方法 終わりに はじめに UIをデザインしているときに
こんにちは、ミラティブUnityエンジニアの菅谷です。 ミラティブでは週に一回以上のペースでエモモのイベントを行っており、1つのイベントごとに約40個の衣装やエモモアイテムを追加しています。 エモモアイテムの多くはUnityを活用して作られており、アセットバンドルとして追加・更新されます。 今回はハイペースなアセットバンドルの更新と運用を支える技術について解説します。 エモモアイテムがユーザーに届くまでの流れ Unityでのエモモアイテムのセットアップ、アセットバンドルのビルド、アセットバンドルの配信のフローによりエモモアイテムがユーザーに届けられます。 全体の概要は以下となっています。それぞれについて解説します。 1. エモモアイテムのセットアップ 3Dデザイナーがエモモのアイテムを以下のようにしてUnityプロジェクトに追加します。 Mayaなどで3Dモデルを作成する Unity上で3
こんにちは。デザイナーのまいまいです🦀 みなさん、駆け出しのWebデザイナーのころってどんなことを学びましたか? デザインツールの使い方、フォント、レイアウト、配色、コーディング、etc……。 いろんなことを学びますよね。今回は、「めちゃくちゃ大事なのに言葉でサラッと説明するのが難しい」「はじめからきちんと理解しておけば……」と私が感じた画面サイズについて書きます! 独学でつまずいていませんか? Webデザインの基本を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 カンバスサイズ PhotoshopもしくはXDやFigmaでデザインをつくると
やりたいこと×デバイスの事例で学べる! かんたんに使い始める方法がわかる! センサー選びのヒントがわかる! IoTの導入・活用を検討する際、課題の1つとなるのがデバイス選びです。 ソラコムがおこなったアンケート調査でも、IoT利用における課題でもっとも多い回答は「デバイスの選び方がわからない」という結果がでています。 そこで今回は「やりたい事はあるが、どのようなデバイスを選べばいいのかわからない」「デバイス選びのポイントが知りたい」「センサーについて学びたい」という方のために、IoTデバイスの選び方を解説するセミナーを開催します。 【IoTプロジェクトを企画・統括する方】と【実際に手を動かす技術者の方】が一緒に参加すると効果的です。 ぜひ社内の関係メンバーにお声がけのうえ、ご参加ください。 IoTプロジェクトに関わる非技術者の方、デバイスの基礎的な要素を知りたい技術者の方 最初の2つ
Gotcha Gotcha Gamesは2月15日、PC用ゲーム制作ツール「RPG Maker Unite」を発表した。リリース時期は2022年内。WindowsおよびmacOS向けとして、Steam/Unity Asset Storeにて販売される予定だ。また発表にあわせて、本作の公式TwitterアカウントおよびSteamストアページが公開されている。 「RPG Maker Unite」は、Unity上で動作する「RPG Maker(ツクール)」シリーズ最新作である。Maker(ツクール)シリーズは、1990年より開発が続けられてきた、スタンドアロンで動作するゲーム制作ソフトだ。 シリーズの原点としては、1990年にゲームコンストラクションツール「RPGコンストラクションツールDante」がMSX2向けとしてリリース。「RPGツクール」としては、1992年に「RPGツクールDante9
Home » 「ARサービス開発のためのガイドライン」をXRコンソーシアムが公開、UI/UX設計やデータ利用の指標策定 施設等で利用するARサービス開発のためのガイドライン 「施設等で利用するARサービス開発のためのガイドライン〜点群データの作成・利用及びUI/UX設計等における注意点〜」では、意図せず他者を傷つけてしまうのを防ぐために望ましい配慮が挙げられています。XRコンソーシアムによれば、クリエイターの表現を規制するものではなく、より良いコンテンツ開発を行うための指標とのこと。本ガイドラインは今後のARを取り巻く状況の変化に合わせて、継続的にアップデートを行うとしています。 本ガイドラインの内容は下記の通りです。 ・ロケーションオーナーと協議する際の留意事項 ・知的財産権に対する配慮 ・個人情報・プライバシー・肖像権に対する配慮 ・安全性の確保 ・好ましくない表現に関する注意点 XR
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く