オクシン @OKU_MAYA 効率的に仕事をサボる方法を研究してます。アイコンはコラボ中のアニメ「ギルドの受付嬢ですが、残業は嫌なのでボスをソロ討伐しようと思います」(イフール労働組合&アニプレックス)です。 okushinblog.com/724/
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
今ではサイト内に動画やアニメーションを利用することはそこまで特別なことではなくなりました。実はブラウザーや技術の進歩により最近は透明部分のある動画(アルファ付き動画)をサイト内に埋め込むことも可能になってきました。本記事では動画内容に応じた透過動画を、メリット・デメリットなどを交えながら、動画ファイルだけでなくさまざまな実装方法を紹介します。 記事前半では主に動画形式での実装方法を、後半ではアニメーション画像形式での実装方法を解説します。 サンプルを別ウインドウで開く コードを確認する ※デモの再生には通信量が多いため、モバイルデータ通信などを利用の方は注意ください。 コーデックとコンテナー まず、動画ファイルの仕組みである「コンテナー」と「コーデック」について簡単に説明します。 よく動画ファイルの拡張子に「.mp4」や「.mov」などを見たことがあると思います。これらはマルチメディアコン
連続した画像ファイルで一連の動きが付けられたアニメーションGIFを切り取ったり、明るさを変えたりといった編集が可能なオンラインツールが「Online GIF Tools」です。ブラウザで動作するこのGIF編集ツールを実際に使ってみました。 Online GIF Tools - Simple, free and easy to use GIF utilities https://onlinegiftools.com/ Online GIF Toolsのトップページはこんな感じで、利用可能な編集ツールがずらっと表示されています。 記事掲載時点で使える編集ツールは以下の45種類。 ・Play a GIF Frame by Frame(GIFアニメーションを1フレーム単位で閲覧・再生・ダウンロード) ・Convert GIF to Sprite Sheet(GIFアニメーション内の全フレームを1枚
この記事は、NTT Communications Advent Calendar 2021 4日目の記事です。 こんにちは、イノベーションセンターでSREとして働いている昔農(@TAR_O_RIN)です。主にNTT Comのソフトウェアライフサイクルの改善への取り組みやアーキテクトに関わる仕事をしております。本日はサービスメッシュを題材に,その中で用いられるEnvoyの活用パターンを手を動かして理解するお話をさせていただきます。 また,昨年までのアドベントカレンダー記事もご興味があればご覧ください! 2020年 How do you like k3s ? - CoreDNSで作るお家DNS Cacheコンテナ 2019年 TektonでCI/CDパイプラインを手の内化しよう 2018年 DevOpsってこんな仕事!考え方とスキルセットのまとめ 2017年 DockerのnetworkをCa
特許にうるさいコナミゲーム業界で最も影響があった事件の1つに、コナミがナムコに対して特許権を行使した「音楽ゲーム訴訟(音ゲー事件、ビートマニア事件、リズムゲーム訴訟とも言われる)」があります。この訴訟は1999年に提起され、2000年に和解で決着がついたのですが、日本の大手ゲーム会社同士が争った特許訴訟ということで、大きな注目を集めました。企業だけでなくゲームユーザの注目を集めたことや、他にも知財の権利行使が多いこともあって、コナミは特許にうるさい会社として認知され、アンチパテントの立場から悪く言えば特許ゴロとしての評判を確立することになります。 コナミの壁透過カメラがゲーム開発を阻害した?ゲームユーザ視点では、コナミの特許といえば音楽ゲーム特許以外にももう一つ有名な特許があります。「壁透過カメラ特許(3Dゲームの壁際カメラ特許、壁カメラ特許などとも言われる)」です。この特許権は2016年
こんにちは、SSTでWeb脆弱性診断用のツール(スキャンツール)開発をしている坂本(Twitter, GitHub)です。 前回の記事では Raspberry Pi 4 Model B Starter Kit (以下「ラズパイ」) をセットアップしました。 本記事では WiFi AP 化した上で、HTTP(S) アクセスを PC 上の Burp の Invisible (透過型) Proxy に転送し、スマホからのHTTP(S)通信をキャプチャできる環境を構築します。 検証環境: Burp Suite Community Edition v2021.5.1 Raspberry Pi 4 Model B, OS: Raspbian (32bit) iPad (iOS 12.5.4)*1 なぜ WiFi AP を経由して Invisible(透過型) Proxy を通すのか? そもそも iOS
top > 開発ブログ > PHP > Laravel > LaravelアプリケーションのAPIがSwagger/OpenAPIドキュメントに準拠していることを透過的にテストする こんにちは、でぃーほりです。 Laravelアプリケーション開発において、 「API実装がSwagger/OpenAPIドキュメントに準拠していることを透過的にテストする」 仕組みを構築する機会があったので、背景・モチベーションから順を追ってご紹介します。 対象読者 バックエンドAPI開発に携わっている API仕様の文書化にSwagger/OASを使用している API仕様と実装が乖離して困っている 背景 Swagger/OASとはAPI仕様の文書化標準です。 HTTPリクエスト/レスポンスの形式を、人間とコンピュータの両者が理解できる形で文書化できます。 OAS(OpenAPI Specification)はS
オンラインミーティングや勉強会が盛んになってきた昨今、自分が映っているカメラ映像の背景を透過させて、他のアプリケーションと良い感じに一緒に配信したいな〜と思ったので mewcam ( ミュウカム ) という mac アプリを作ってみました。 こんな感じです。 良いですね(表情が固い)。 ダウンロード GitHub にソースコードとアプリを公開しています。是非ダウンロードして使ってみてください。 https://github.com/zaru/mewcam Download : mewcam v1.1.0 for mac 今は mac のみの対応ですが、Windows 版もリリースする予定です。もしフィードバックがあれば @zaru までお願いします。 Windows 版もリリースしました! 最新版のダウンロードは GitHub からお願いします。 どうやって作るのか ここからは作り方です。
近年、MicrosoftはWindows標準アプリ「ペイント」の機能強化に力を入れており、2023年9月にはワンクリックで背景を切り抜く機能の追加が発表されています。新たに、テスト版Windowsのペイントにレイヤー機能が追加されることが発表されました。 Paint app update adding support for layers and transparency begins rolling out to Windows Insiders | Windows Insider Blog https://blogs.windows.com/windows-insider/2023/09/18/paint-app-update-adding-support-for-layers-and-transparency-begins-rolling-out-to-windows-insider
画像の切り抜きや背景の除去、透過できる無料オンラインツール15選 自動で3秒!話題のFigmaプラグインと一緒に 「できるだけラクに、写真の切り抜きや、背景のみを消したい」 そんなわがままも叶えてくれる、魔法のような、無料のオンラインツールを利用してみませんか。 さらに、写真を放り込むだけで、背景の切り抜きをAIが自動で、ほんの数秒で完了というから驚きです。 今回は、実際にすべてのツールを試し、本当に使いたいと思ったツールのみをセレクト。 背景除去ツールを使うことで、被写体のみを切り抜き、透明な背景を作ることができるので、さまざまなデザインに配置できます。 ECサイトやWebサイトの、商品切り抜きにもおすすめです。 すべて無料!画像の切り抜きや背景の除去、透過できるオンラインツールまとめ Adobe Express フォトショップを提供するAdobe(アドビ)による、スキルの有無を問わず、
こんにちは。バーチャル空間でVRDJとして活動しているDJ SHARPNELです。 だんだんと人が集まれる状況になり、ライブやコンサートなどの音楽イベントも少しずつ大規模な開催ができるようになってきました。そんな中、これまであまり例のない「Vシンガー・VTuberによるバーチャル野外ライブイベント」が実施され、DJ SHARPNELも出演させていただきました。 今回は、今後増えると思われるであろう野外でのバーチャルライブイベントに出演する際の映像面や演出面での工夫について、自分自身の試みや共演者の方からの学びやお客さんからの反応などを元にTIPSをまとめてみました。 野外バーチャルイベントZEPPIN FES・V-LIVE2・311月5日から7日の3日間にわたって南浦和弁天公園にて、グルメ&音楽の屋外フェスイベントである南浦和絶品グルメ祭りwith ZEPPIN FESが開催されました。
パブリックラウドが広く浸透した現在においても、オンプレミスやプライベートクラウドは稼働を続けており、またパブリッククラウド自体も複数のプラットフォームが提供されていることから、これらにまたがるリソースの管理・運用を行うことができるハイブリッドクラウド環境が求められている。本連載ではハイブリッドクラウドサービス「Azure Arc」を使い、実際に複数環境でのリソース構築や運用、管理する手法を紹介する。第1回では「Azure Arc」の概要と「Azure Arc enabled Server」の有効化について解説する。 Azure Arcとは 昨今のシステム開発において、パブリックラウドは広く世の中に浸透している。一方で、今なお多くのサーバーがオンプレミス環境やプライベートクラウド環境で稼働しており、企業においては基幹ビジネスを支えている従来のレガシーなシステムがオンプレミスで稼働しているとこ
場所や時間を選ばず、空中に映像を映し出す技術が開発されました。 通常、屋外で映像を映し出すときには、スクリーンとプロジェクタが必要で、設置した場所でのみ映像を見られます。 また、こういったプロジェクタでの映像を見るためには、周囲が暗くなる夜でなければなりません。 しかし、大阪大学レーザー科学研究所の山本教授と石野特任教授らの研究グループは、専用のドローンとプロジェクタ、スクリーンを開発し、いつでもどこでも空中に映像を映し出すことに成功しました。 このシステムは「レーザー空中サインシステム」と名付けられています。 レーザー空中サインシステムはどのような技術により実現したのでしょうか? 防災にも活用!レーザー空中サインシステムの実用化へ ―クラウドファンディングを活用し社会実装目指す https://www.osaka-u.ac.jp/ja/guide/public-relations/pre
Macに接続されたWebカメラの映像を背景を透過させてデスクトップ上に表示してくれるアプリ「mewcam」がリリースされています。詳細は以下から。 ZoomやGoogle Meetなどのビデオ会議サービスを利用してプレゼンテーションや講義をするさい、画面に資料を表示しながら自分の顔を別のウィンドウ(いわゆるワイプ)で表示したい場合がありますが、この様な場合にMacのFaceTime HDカメラやWebカメラからの映像をデスクトップ上に表示してくれる「mewcam for Mac/Windows」がリリースされています。 mewcam is an app that allows you to display a camera with a background dropped on the front of your desktop. zaru/mewcam – GitHub mewcamを
株式会社NTTドコモは、屋内のミリ波帯(28GHz帯)の電波を、窓に貼り付けたフィルム形状の「透過型メタサーフェス」で曲げることで、屋外の建物の足元をエリア化する実証実験に世界で初めて成功したことを2023年1月30日に発表した。 なお、同実証は、第5世代移動通信方式のさらなる高度化(5G Evolution)および第6世代移動通信方式(6G)の実現に向けて、2022年10月から11月にドコモR&Dセンタで行ったものだ。 【メタサーフェスとは】波長に対して小さい構造体を周期配置して任意の誘電率・透磁率を実現する人工媒質(メタマテリアル)の一種で、構造体の周期配置を2次元とした人工表面。 28GHz帯向け透過型メタサーフェス 同実証で使用した 28GHz帯向け透過型メタサーフェスは、窓ガラスを通るミリ波帯の電波を特定の方向(同実証では建物下方向)に曲がるように設計・加工されたメタサーフェスだ
マーケティングトレースを行った次の日は、CSSの初歩的でもないお話です。 CSSのBackground-imageを透過させたい、というのは、Webページ作ってりゃ誰しも思うことです。 img要素やdiv要素であればopacityを設計すればおわりです。 しかしこれがbackground-imageを使うときは、若干話が変わってきます。 というのも、background-imageにはOpacityが適用されません。 まあ、当然と言えば当然です。background-imageは要素じゃないもん。 透過したいからと言って「opacity」でググっても、img要素やdiv要素を投下させる方法ばっか。そりゃそうですよ。background-imageにはopacityが効かないのですから。 サルワカくんもdivとimgのopacityしか説明してくれません。 解決方法があるにはあるのですが、透
エムスリーエンジニアリンググループの冨岡です。この記事はエムスリーAdvent Calendar及びScala Advent Calendarの20日目の記事です。 はじめに Future の特徴 Future の長所 標準ライブラリで提供されている 抽象化の戦略がわかりやすい Future の短所 処理を即時実行する 結果が否応なしにメモ化される ExecutionContextが必要なシーンが多い 参照透過な作用 (コラム)プログラムをプログラムすることについて 3rd party の Pure Effect ライブラリの紹介 Cats Effect: IO Monix: Task ZIO まとめ 参照透過性について補足 We're hiring! はじめに Scalaでは、作用、特に非同期での作用を扱うためのデータ型として scala.concurrent.Future が提供されて
オンラインでハンコ? もう令和だというのに、いまだに世の中から印鑑・ハンコがなくならないですね。このページのアクセス数が増え続けていてびっくりです。 ハンコ業界がロビーイング(政治家への働きかけ)をして、ハンコ業界の生き残りを謀っているそうで、ハンコをいつまでも生きながらえさせたい方々がいるようです。 とはいえ、いくら時代の流れに抵抗したとしても、時間は逆に戻りません。 世界的に、契約は「スマートコントラクト(Smart Contract)」で行う事が一般的になってきています。 Smart Contract は、べつに「印鑑が担っていた保証をシステムが担う」という単純なものではありません。 (多少乱暴に説明すると)コスト・リスクの低い「契約の雛形」が提供され、皆がそれを使って契約をする……というものです。 この雛形はシステムで管理されているので、仕組み上この雛形を逸脱した契約は出来ません。
どうも!LSSです!! little-strange.hatenablog.com に少し手を加え、水滴が水面に落ちてそこに波紋が広がる、というものにしてみました。 サンプルとコード、そして「LSSがコード改変した手順を長々と」書いています。 水滴落下、からの透過波紋 コード コード改変の流れ あとがき おまけ:波紋の色変更 水滴落下、からの透過波紋 コード <style> @keyframes trwavea{ 0%{background-size:20px 10px,100% 100%,100% 100%;} 95%,100%{background-size:20px 30px,2000% 2000%,100% 100%;} 0%{background-position:50% -100%,50% 50%,0 0;} 100%{background-position:50% 50%,5
どうも!LSSです!! 以前、 【CSS】水面の波紋アニメーション - Little Strange Software 【CSS】音波攻撃!【水面の波紋アレンジ】 - Little Strange Software と、波紋アニメーションCSSを2種類、作ってみました。 どちらも、輪がだんだん大きくなり、最後は枠外に出ていくもので、その後の波がどうなったのかは誰も知らない…というものでした。 その波紋を「枠の中で完結させたい」「ただし、パッと消えるような事にはしたくない」と思った場合、「徐々に透過していく」という表現が考えられます。 ただ…そもそもこのアニメーション、「radial-gradientの内容は、keyframesの『徐々に変化』に対応させられない」のを、「background-sizeを変化させる」事で 円の大きさをアニメーション変化させていたもので、輪の色(透過度含む)もま
世界最大規模のSNSであるFacebookやInstagramを運営するMetaは、世界中に巨大なデータセンターをいくつも所有しています。しかし、データセンターが巨大だと維持コストもかさむため、ハードウェア・ソフトウェアの両面でいかにコストを削減させるかが追求されています。そんなMetaのエンジニア部門が、データセンターでメモリを大幅に節約するためのソリューション「透過メモリオフロード(TMO)」を開発したと公式ブログで発表しています。 Transparent memory offloading: more memory at a fraction of the cost and power - Engineering at Meta https://engineering.fb.com/2022/06/20/data-infrastructure/transparent-memory-o
どうも!LSSです!! 【CSS】水滴【小ネタ】 【CSS】水滴・改変【小ネタ続編】 と続けた水滴ネタですが、実は元々作ろうとしていたものの派生でした。 今回、その元々作ろうとしていたものができたのでお披露目します^^ 透過ボタン コード 透過なので… ボタンの動きの是非 何も起こらないボタン 透過ボタン ボタン コード <style> .aquabtn{ position:relative; display:inline-block; width:150px;height:60px; } .aquabtn div{ position:absolute; width:100%;height:100%; top:0px;left:0px; border-radius:10px; display:flex; justify-content:center; align-items:center;
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く