ウェブサイトに透過動画を埋め込む方法 - ICS MEDIA
今ではサイト内に動画やアニメーションを利用することはそこまで特別なことではなくなりました。実はブラウザーや技術の進歩により最近は透明部分のある動画（アルファ付き動画）をサイト内に埋め込むことも可能になってきました。本記事では動画内容に応じた透過動画を、メリット・デメリットなどを交えながら、動画ファイルだけでなくさまざまな実装方法を紹介します。 記事前半では主に動画形式での実装方法を、後半ではアニメーション画像形式での実装方法を解説します。 サンプルを別ウインドウで開く コードを確認する ※デモの再生には通信量が多いため、モバイルデータ通信などを利用の方は注意ください。 コーデックとコンテナー まず、動画ファイルの仕組みである「コンテナー」と「コーデック」について簡単に説明します。 よく動画ファイルの拡張子に「.mp4」や「.mov」などを見たことがあると思います。これらはマルチメディアコン
2022年のシュトレンの製造が始まりました！恒例のバター沐浴により冬のカロリーの訪れを知る「125gか…」
神田近江屋洋菓子店 🍰 @omiyayogashiten 2022年の製造が始まったシュトーレンですが、近江屋のシュトーレンといえば！ たっぷりと溶かしたバターにシュトーレンをドボンと漬け込みます✨ 暖かいバターに浸りシュトーレンも気持ち良さそうです🤔 気温が下がり寒くなりましたので皆様も温かいお風呂に浸かり体調にお気をつけください👨🍳👩🍳 pic.twitter.com/yvud97mVu1 神田近江屋洋菓子店 🍰 @omiyayogashiten 明治１７年（１８８４年）創業 「リーズナブルだけどチープでないものを」 古き良きお菓子屋さんです お品物、ウェブショップのお問い合わせはこちらから webshop@ohmiyayougashiten.co.jp 取材やお仕事のご依頼はこちらから omiyayougashiten@gmail.com instagram.com
漫画家さんイラストレーターさん向け UE4インストールガイド - Qiita
まえがき 漫画家イラストレーターの皆様、こんにちは。 本記事はアンリアルエンジンにご興味を持って頂いた皆様に、 UE4をダウンロード、インストール、起動するところまでを ご解説させて頂く内容となっております。 アンリアルエンジンを利用すると、 以下の様な感じで3Dを漫画、イラスト制作に活かすことが出来たりします。 https://twitter.com/shiba_zushi/status/1472803697210327040?s=20 UE4（＝アンリアルエンジン4）とても楽しいです。 そしてさらに、無料でございます。 ぜひ皆様の制作にお役立て頂けましたら幸いです。 エピックゲームズランチャーのダウンロード UE4をダウンロードする為には、 エピックゲームズランチャーをインストールする必要があります。 エピックゲームズランチャーはエピックゲームズが提供する、 UE4を含んだ様々なサービ
「マネージャーは1時間単位でタスクにあたるが、エンジニアはまとまった半日単位の時間がある方が良い」話について - SaaSベンチャーで働くエンタープライズ部長のブログ
タイトルは、ポール・グレアム氏（Yコンビネーター）の「メイカー（作り手）のスケジュールとマネージャーのスケジュール」(Maker's Schedule, Manager's Schedule) からの引用です。 マネージャーは多くのミーティングをこなすなど、1時間単位でタスクにあたりますが、エンジニア（プログラマ）は最低でもまとまった半日単位の時間を作業に必要とする、と書かれています。 paulgraham.com 日本語訳 note.com エンジニア上がりのプロダクトマネージャーとして開発もプロダクトマネジメントも並行してこなしてきたのですが、意思決定のためのミーティングスケジュール、自身が開発を行うためのスケジュールをやりくりするバランスに腐心していました。 自身のタイムマネジメントで特に感じた点として、ミーティングとミーティングの間に1時間が3コマある時の開発生産性と、3時間まとま
「ただいま」の場所が2つあることで、心の自由が生まれた。家賃10万円ちょっとから始める二拠点生活｜みんなでつくる！暮らしのマネーメディア みんなのマネ活
この記事を今、瀬戸内海が少しだけ窓から見える、古いアパートの一室で書いている。 名前も知らない鳥の声とざわざわ揺れる葉擦れの音。そして遠くから聞こえる連絡船の汽笛がBGMだ。 2022年3月まで約1年間、岡山の瀬戸内海にあるこの港町と、東京のど真ん中を行き来する二拠点生活を続けてきた。「二拠点生活をしよう！」と張り切って始めたわけではなく、自分の心がその時求めるものを探していたら自然とそういう暮らし方になった、が一番近いと思う。 物心がついた頃から「旅をして生きていきたい」と切願してきた。20代、旅暮らしを目標に職を転々とし、たどり着いたのは写真を撮ったり文章を書いたりする仕事だ。しかし、タイ・バンコクに拠点を置き、世界中を飛び回り人生を謳歌（おうか）していた矢先にコロナが流行したため、帰国し現在に至る。 空っぽの心にもう一度栄養を入れるため（そして旅のリハビリのため）、国内を行き来するニ
JavaScriptのデザインパターンについて
どうもoreoです。 今回はモダンなJavaScript開発環境で役立つデザインパターンを紹介します。 この記事は、JavaScript Patterns WorkshopとPatterns.devを参考にしています。 有名な「Java言語で学ぶデザインパターン入門」などでは、古典的な23個のデザインパターンが紹介されていますが、JavaScript Patterns WorkshopではPatterns.devをベースとして、モダンなJavaScriptにおける6つのデザインパターンについて言及されています。この記事ではそれらについてまとめてみたいと思います！ ※本記事中のコードは、JavaScript Patterns WorkshopとPatterns.devから引用させていただいております。 1 Design Patternsとは？ デザインパターンとは、ソフトウェア開発で繰り返し
みんなは「最大限努力した結果、自分が大したことない人間だった」と知る恐怖をどうやって克服してるの→それぞれの哲学が集まる
鐘の音（除夜の鐘）ダイエット-30kg @kanenooto7248 努力する際に一番怖いこと。 「最大限努力した結果、自分が大したことのない人間だった」ということを知ることなんだろうと思う。 この恐怖、ほかの人は、どうやって克服してるんだろうか？
令和時代のページネーションを考える (REST API編) - Sweet Escape
今回はバックエンドAPIでページネーションをどうやるかについての話なので、よくある無限スクロールUIのようなフロントエンド側の実装に関する話はしない。あくまでもAPI、もっと言えばRESTfulなAPIのリクエスト・レスポンスにおけるページネーションの話。 本気で深く考えるというよりざっくり検討したときの話です。 はじめに REST APIを実装するにあたってリスト系のAPIを提供する場合に必須といっても過言ではないのがページネーション。大量のリソースをレスポンスする場合にそれらを一気に返してしまうことは応答速度、転送量、クライアントサイドでの扱いづらさなどなどに繋がるので必須と言える。 最近、新たなAPIを開発するにあたってページネーションをする必要があったこともあり、今回はこのページネーションをどうやって提供するか整理して改めて検討してみた。 前提 TypeScript Nest.js
非オタクだったけどアラフォーでまさかの二次創作デビューしたので…… - チェコ好きの日記
長らくブログを放置していたのですが、久しぶりに本の紹介まとめでも告知でもない、ブログらしいブログを書こうと思いまーす。ちなみに告知などを除くと1年以上放置していたこのブログ、突然更新された本記事はなんとボリューム1万字を超えているので、皆さま心して読んでください。 さて、ライターのチェコ好きとして書くこのブログやnoteを放っぽり出して（AMの連載はずっと続いているけど）最近の私はいったい何をしているのかといえば、pixivに二次創作小説を投稿して遊んでいるのですね！ このことは、書き手としてはいかがなものかと首を傾げる人が大半かもしれません。 世の中の風潮のせいなのか私の体力の衰えのせいなのかあるいはその両方か、最近はとにかく、ブログを書く気にならなかったんですよねー。というか、書くネタが浮かんだら、それは商用原稿のために大切にとっておこうって思ってしまうようになって。ひと昔前は書くネタ
Meety フルリモートワーク＆顔出し不要の働き方
Meetyでは、フルリモートワーク＆顔出し不要という働き方を推奨しています。 背景にあるのは「一人ひとりの人生を大切にし、自律的なハイパフォーマーが集まるチームをつくる」という組織の理想です。 それを実現するために、なぜ私たちがこの働き方を選んでいるのか。 全ての業種で成立する働き方ではないですが、私たちのようにWebサービスを提供するプロダクトドリブンな企業で、どんな実践ができるのか。 私たちの思想と取り組みをフルリモートワークのオープンソースのような形でドキュメントにしました。 Meetyで働くことに興味がある方には働き方の様子を、フルリモートワーク導入を検討している方にはメリットや課題を、体系的にお伝えできれば幸いです。
AWSを用いたフロントエンドモニタリング入門 ~Next.js編~ - ウェルスナビ開発者ブログ
こんにちは。ウェルスナビでソフトウェアエンジニアをしています水馬(@mizuma_t)です. 今回のテーマはフロントエンドモニタリングです。 みなさんフロントエンドのモニタリングは正しく行えているでしょうか？ 各ユーザの端末内で生した事象を正しくモニタリングするためにはサーバサイドとは異なる知見が求められます。今回は、AWS上でフロントエンドアプリケーション(Next.js)を運用するにあたってのモニタリングの知見をお伝えしたいと思います！ フロントエンドの「何を」モニタリングするのか？ ひとえにモニタリングといっても目的やサービスの特性に応じて期待されるモニタリングの範囲と意味合いが異なることが一般的です。 本記事では以下の項目に焦点を当ててAWSを用いたモニタリング手法について解説しています。 ユーザの端末内で発生したエラーを正しく検知できているか？ レンダリングサーバで発生したエラー
ピクシブのインターンに参加してアニメーションのエンコードをGIFから12倍高速にした
インターンに参加した 夏はピクシブ！[1] ということで、9月15日から28日[2]までの平日8日間に「PIXIV SUMMER BOOT CAMP 2022」に参加していました。 私が参加したのはImageFluxという画像変換/配信・ライブ動画配信サービスの開発に取り組むコースです。 応募 個人的に画像処理や配信についてかなり関心があり、FFmpegを触ったりWebRTCの記事を読んだりしていました。 これまでお仕事ではWebフロントエンドの経験しかなく画像関連の仕事を一度経験してみたかったため、むしろImageFluxコースがあるからという理由でピクシブのインターンに行きたいと考えていました。 応募時には何個か志望コースを選ぶ必要があり、技術基盤コース、広告配信コース、機械学習コース、VRoid Hubコースなどに興味がありましたが、現実的に今の技術スタックで後者2つは難しそうだなと
CSS コンテナクエリの準備はできてる？ 安定版のブラウザにサポート、ポリフィルも大幅にアップデートされました
コンテナクエリは今までのメディアクエリのスクリーンベースではなく、親コンテナをベースにして子要素のスタイルを定義できます。レイアウトやコンポーネントをはじめ、レスポンシブ対応のフォントサイズにも大活躍する新機能です。 そんなコンテナクエリが安定版のブラウザにサポートされ、ポリフィルも大幅にアップデートされたので、基礎知識、基本的な使い方、便利な新単位、ポリフィルの使い方と注意事項を紹介します。 CSSの新機能でネックになるのが、ブラウザのサポート。しかし、CSSの新機能コンテナクエリは、違います。サポートされていないブラウザ用にポリフィルも同時に開発されており、2年くらい前のブラウザでもサポートされています。 Container queries begin to land in stable browsers while the polyfill gets a big update by
お絵描きAIがどのように絵を描いてるのか解説してる人たち
ろぼいん@一般人 @keita_roboin @Larva06_com の技術開発部兼企画部リーダー（白土玲衣）のメインアカウント。RTめっちゃ多い。ブルアカ、動画編集とプログラミングが趣味。デザインはちょっとできる。サブ @orizin_project ブログ robot-inventor.github.io youtube.com/channel/UCJFnl… ろぼいん@VTuberではない @keita_roboin （見かけたから一応書いておくけど、AIは既存のイラストを切り貼りしているわけではない。内部の仕組みは違うけど、どちらかといえば人間がイラストを観察して学習するのに似てる） 2022-10-05 17:08:21 ろぼいん@VTuberではない @keita_roboin じゃあどういう仕組みかというと ・画像と、それにノイズを加えたものを用意する ・ノイズを加えた画像
Slackでスタンプを押すだけで勤怠打刻・勤怠サマリレポートしてくれる仕組みを作った
🐣 はじめに みなさん、勤怠打刻してますか？ 先日、このようなツイートをしたところ、思わぬ反響がありました。 そこで、この仕組みの全体像や工夫した点などをまとめることにしました。 SlackやGASを使ったOps自動化に興味がある人に読んでもらえたら嬉しいです。 きっかけ そもそもSlackにはfreeeが公式で提供している人事労務用のSlack appがあり、スラッシュコマンドを使って勤怠打刻できます。便利ですね。 ただ、このアプリ、コマンドを打つのがとにかくめんどくさかったりします。 あるとき、同僚が「もっと気軽に勤怠打刻できたらええのになぁ」と言っているのを耳にしました。 そこで、スタンプで勤怠打刻できる仕組みを作り、運用を始めました。 それから数ヶ月後、会社にフレックスタイム制が導入されました。 「ワークライフバランス！！さいこう！」となりつつも「今月はあと何時間働けば良いんだっ
収納の基本講座 - DAIKEN - 大建工業
家の中で人が行動する道筋の事を生活動線といいます。例えば玄関からリビングに行く、リビングから洗面所へ行くなど、様々な動線が張り巡らされています。 玄関近くにコートかけがあればリビングのソファーの上にコートを置いてしまう事も無くなります。動線を意識してモノの収納場所を決めましょう。 使う場所と収納場所をなるべく近くにする 使ったモノを元に戻す距離が長いと面倒になり散らかる原因となります。 そのモノをどこで使うのかを考えて収納場所を決めていきます。 ハサミや爪切りをリビングで使うのなら、リビングの棚などに収納します。 背伸びもしゃがむこともせず立ったままの姿勢でモノが取り出せる場所＝「目線から腰高までの高さにある収納」が最も出し入れしやすい場所と言えます。 そこを「中段」とすると、しゃがんで物を取りだせるのは「下段」、背伸びしたり、台に上らないと届かないのは「上段」になります。 使いやすい高さ
〈チャット入手〉NHKも紹介した宅食ベンチャー・ナッシュ取締役「デブの人は採用しないように」「権利主張が激しい」 | 文春オンライン
「コロナ禍での内食需要や健康志向が追い風となり、昨年の純利益は約1億5000万円。今年春時点での社員数は約140人で、今年は年間売上高が50億円に達すると見られ、来年2月の上場を目指していた」（経済誌記者） 急成長を遂げる同社はメディアにも度々登場した。 「今年2月にはNHKの関西ローカル『ほっと関西』で“拡大する冷凍食品業界”というテーマで取り上げられた。4月から池田エライザを起用したテレビCMも放送した」（同前） 〈デブの人は採用しないように〉問題のチャット ナッシュ社を率いるのが田中智也社長（43）。今回、問題発言をしたのは取締役で、No.2のA氏である。 「二人は師弟関係でA氏は田中社長には逆らえない。社内では『社長の太鼓持ち』と言われている」（元従業員） 小誌はA氏がマーケティング部の役職者に送った社内チャットを入手した。そこで彼は、こう呼びかけている。 〈今後の新規採用において
【改訂版発売中！】【完全案件特化】JavaScriptをどこまで学ぶべきかの学習ロードマップ＋頻出パーツの作り方8選 - セカヤサBooks
【改訂版発売中！】【完全案件特化】JavaScriptをどこまで学ぶべきかの学習ロードマップ＋頻出パーツの作り方8選 - セカヤサBooks 【お知らせ】 内容を2024年に向けて更新、追加した改訂版を公開しました！ →https://zenn.dev/hideki_climax/books/0e124eb17a67b3 ・HTML/CSSの次は何を勉強すれば良いの？ ・案件が取れない ・未経験だけど転職を考えている ・フリーランスで実績を積みたい そんなあなたの悩み、全て解決します。 JavaScriptをどこまで深めれば案件が獲得できて、収入に繋がるのか。 フリーランスで7年間エンジニアをしてきた僕が思う 「Web制作領域においてJavaScriptで何ができれば良いか」 をまとめました。 そして圧倒的に頻出のUIパーツ8つの作り方を徹底解説しました。初心者でもすぐに実践できます。実際
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unreal Engine イラストレーター・漫画家
“思わずクリックしたくなる”バナーデザイン発注のコツ！ 「イメージと違う」を解消する6項目 | 【レポート】デジタルマーケターズサミット2022 Summer
