500人以上の武士が同時に動く！ ｢関ケ原山水図屏風｣をドット絵でアニメ化した芸術作品
500人以上の武士が同時に動く！ ｢関ケ原山水図屏風｣をドット絵でアニメ化した芸術作品2021.06.10 08:0022,640 岡本玄介 420年前の関ヶ原の戦いが8ビットのドット絵で再現！ 17世紀（1600年）に描かれたという、六曲一隻の屏風絵｢関ケ原山水図屏風｣が、デジタル技術でアニメ化され、新たなアートとして生まれ変わりました。 Video: shigetayusukecom/YouTubeアニメは1分ほどですが、一人ひとりの動きや流れを追っていったら1日あっても全然足りないボリュームです。侍たちの叫び声や槍同士がぶつかる音なども、全員分聞こえてくるのでしょうね。 Image: 文化庁このままゲーム化して欲しいクオリティです。 文化庁のプロジェクトこの作品を作ったのは、映像作家 / プリミティブアニメーション作家の重田佑介さん。これは各地の日本文化を題材に、クリエイターたちが新
WHO、変異株に国名使わず コロナ、風評被害回避へ（共同通信） - Yahoo!ニュース
【ジュネーブ共同】世界保健機関（WHO）は5月31日、新型コロナウイルスの変異株の名称について、ギリシャ文字のアルファベットを使う方針を示した。これまで最初に確認された国名を取って「英国株」「インド株」などと表現されることも多かったが、特定国への偏見や風評被害を回避するため、変更に踏み切った。 WHOは「懸念される変異株」として英国、南アフリカ、ブラジル、インドで最初に確認された四つの変異株を認定している。今後はそれぞれ「アルファ株」「ベータ株」「ガンマ株」「デルタ株」と呼称する。
ハードウェア量産において避けられないEMC試験に落ちないための心がけ | Cerevo TechBlog
はじめに こんにちは。電気エンジニアの早川です。最近記事を連投していますが、記事を書くのがなんだか楽しくなってきております。 ラジオの近くで電子機器の電源を入れるとラジオの音声にノイズが入るといった経験がないでしょうか。現代の電子機器は複雑化・高速化しており、多少なりとも電波を出して他の機器に影響を与えたりします。また、逆に他の機器や無線などの電波を受けて誤動作することがあります。 こういったことができるだけ起こらないように設計しましょうというのがEMC( Electromagnetic Compatibility )という概念で、電磁両立性と訳されます。こうした「電子機器に影響しないような設計」および「他の電子機器に影響されないような設計」 に問題がないかどうかを確認するのをEMC試験といいます。 今回は、EMC試験に落ちないための心がけと簡易評価について書いていきたいと思います。 EM
フロントエンドのパフォーマンスを徹底解説！ブラウザの気持ちで理解するHTML/Javascript/CSSの話 | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]
パフォーマンスJavaScriptHTMLフロントエンドcssdomcssom こんにちは、羽山です。 今回はウェブシステムにおけるフロントエンドのパフォーマンスの話です。 皆様はウェブのパフォーマンスを気にしていますか？ おそらく大抵の方はSQLのチューニングやロジックの改良などをした経験があるのではないでしょうか？ しかしプログラムをチューニングしても、期待ほどはページ表示速度が改善しなかったことはありませんか？ 昨今のウェブサイトは大量のCSS/Javascriptファイルで構成されているページが大半です。例えばHTMLを100～300msほどで生成してブラウザに転送できたとしても、ページ表示が完全に完了するのに4～5秒かかるということも珍しくありません。 「なんか遅いけど沢山いろいろ読み込んでるから仕方ないな・・・」と諦めないでください。ブラウザがどのようにHTMLを解釈して、CS
![フロントエンドのパフォーマンスを徹底解説！ブラウザの気持ちで理解するHTML/Javascript/CSSの話 | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e392d4350342045b699dea4e2a6421740d16647/height=288;version=1;width=512/https%3A%2F%2Ftechblog.raccoon.ne.jp%2Fwp-content%2Fuploads%2F2018%2F04%2Fphoto_47592_20151013_min.jpg)
ため池に落ちると、なぜ命を落とすのか（斎藤秀俊） - エキスパート - Yahoo!ニュース
5月9日午後、香川県丸亀市のため池に釣りに来ていた小学1年生の男の子と33歳の父親の2人が死亡しました。なぜ、ため池に落ちると命を落とすのでしょうか。繰り返される事故にどう対処すればよいのでしょうか。 事故の概要 ９日午後3時40分頃、香川県丸亀市綾歌町のため池で、「人が落ちている」と近隣住民から110番があった。駆けつけた救急隊員が、水中に沈んでいる男性（33）と、水面に浮かんでいる小学1年の息子（6）を発見。男性は現場で、息子は搬送先の病院でいずれも死亡が確認された。 丸亀署の発表によると、ため池の水深は約6メートル。周囲に柵はなかった。父子で釣りに来ていたが、帰宅が遅いため、妻が現場に行き息子を見つけ、近くの住民が通報したという。同署は誤って転落した可能性があるとみて調べている。 （記事中の氏名等を筆者が改変） 最終更新:5/10(月) 9:35 読売新聞オンライン 筆者が現場を直接
オリンピック選手は辞退しなくていいけど人を死なせる覚悟を持て
主催者側も、マスコミも、なんなら選手たちだってさんざん「日本中に勇気を与えたい」だの「被災地に元気を」だの「こんな時代だからこそ明るい話題を届けたい」だの言ってたじゃん。 日本中に元気を届けられる影響力があるのなら、逆に日本中を負の感情を届ける影響力だってあるでしょ。 オリンピック選手を見て元気になる人もいれば、「こっちは医療崩壊してんのに……」「せっかく自粛してるのに意味あんのかよ……」ってやる気なくす人だってたくさんいるよ。 もちろん五輪によって死ぬ（五輪中止なら死なずに済んだ）人だっていっぱい出るだろう。 だからって出場辞退しろとは言わないよ。 「いや私は日本中を不快にさせてでも、死者が出ても、それでも出たいんです」って言うなら、それを抑える権利は誰にもない。 問題は、そこまでの覚悟があるのか？ってこと。 「いや私は言われたことをやるだけです。出場をどうこう言う資格は私にはありません
あなたの声がチカラになります
【注意】署名すると、本署名サイトChange.orgから寄付の呼びかけが表示されますが、無視してください。寄付しなくてもカウントされます。 東京五輪は間近に迫っています。今私たちは、東京五輪を成功させるべく、気持ちを一つにしていくことが肝要です。 開催を模索するのは国際的義務 東京五輪の開催については、やらない理由を述べるのは簡単なことです。「どのようにすれば開催できるか」を突き詰めていき、直前まで開催に向けて模索するのが当然の考え方です。また、開催を目指して万策を尽くすことは、招致を決めた日本の国際的な責務です。もちろん、インドのような一日に何十万人も感染するような感染爆発に至ったら五輪の開催は無理ですが、他国と比較して低調な状況であれば開催可能です。どちらになるかは直前にならないと分かりませんが、私たちは直前まで開催する準備を進めなければなりません。いま準備を止めてはいけないのです。
Chrome Devtoolのmonitorを使うと関数の呼び出しを観察できて便利 - ぱすたけ日記
を読んで思い出したのでご紹介です。 元の記事と同様に以下の関数 sum について、 function sum(nums, acc = 0) { console.log({ nums, acc }); if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } この関数sumの引数 (nums と acc) の呼び出しごとの変化を見たい場合は、所謂プリントデバッグや debugger を使うのは一般的なテクニックとしてよく知られていますが、このような関数呼び出し時の引数を知りたい場合はmonitor(function)という関数を使うことで同様の効果を得ることが出来ます。 この場合は monitor(sum)とした後に、関
「いつでも“GetWild退勤”できるボタン」が商品化 押すと状況に合った曲が流れるカプセルトイ、5月下旬発売
2020年9月にTwitterで話題となった「Get Wild退勤」を生活に取り入れられるボタンがカプセルトイとして登場します。発売日は2021年5月下旬ごろを予定、価格は1回300円です。ワイルド＆タフに帰宅しようぜ……！ 「Get Wild退勤」とは、TM NETWORKの楽曲「Get Wild」を流しながら退勤すると“良い仕事した感”が得られるというライフハック。Twitterで大きなブームを巻き起こし、作曲した小室哲哉さんが感謝のメッセージを公開するほどの盛り上がりを見せました。 そんな背景から、退勤時にワンボタンで「Get Wild」を聞けるボタンが誕生。カプセルトイ「シチュエーションBGMボタン」の景品の1つになっており、ラインアップはさまざまなシチュエーションに対応した全5種です。 なお、商品を企画した“ドリームカプセルの中の人（@dreamcapsuleCEO）”によれば、
これぞプロの実装テクニック！フロントエンドのデベロッパーはCSSで実装する時に何を考えるか
ページのレイアウトやUIコンポーネントを実装する時に、フロントエンドのデベロッパーはいろいろなことを考えます。スクリーンのサイズが小さい時はどうなるのか、デザインでは中央配置に見えるけど実装はどうすべきか、要素が少ない場合や多い場合があるのか、max-やmin-を定義した方がよいのか、、、 フロントエンドのデベロッパーはCSSでレイアウトを実装する時に何を考えるか、その思考プロセスを言語化した解説記事を紹介します。 下記は、頭の中のメガネで見える実装のイメージです。 Thinking Like a Front-end Developer by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに デザインのディテールは脇に置いておく 配下ページのレイアウトを実装する時に考えること ディテールを掘り
「可愛くしてください！」「おしゃれにしてください！」それは具体的にどうすれば？クライアントからのふわっとした要望に応えるデザイン書
クライアントから「可愛くしてください！」「おしゃれにしてください！」「かっこよくしてください！」「企業イメージ出してください！」 デザイナーなら誰もがそんな要望を受けたことがあると思います。 そんなふわっとしたリクエストや要望、赤字に応えるためのデザインの修正方法・テクニックを解説したデザイン書を紹介します。 本書は、今年も快進撃が止まらないソシム社の新刊。 またもや興味深い、面白い書籍の登場です！ 今回はデザインの何かに特化して学ぶ的なものではなく、デザインの方向性、修正・手直しの方法を解説した一冊です。リクエストや赤字の具体例が数多く掲載されており、「あるある！」と心の声で叫びながら、デザインを楽しく学べます。
iOSでも100vhをいい具合に調整して画面の高さいっぱいに要素を表示させる
TAK(@tak_dcxi)です。今回もCSSに関する投稿です。 以前このようなツイートをしました。 メインビジュアルなど、画面いっぱいに要素を表示するためにheightやmin-heightに100vhを指定する。そして、iOSで表示確認した時に以下のような問題が起こるわけです…。 iOSのSafariでの100vhが気に食わない問題 iOSのSafariでは100vhの計算にアドレスバーが考慮されていないため、アドレスバー分押し出されて格好悪く表示されます。ちなみにiOSのGoogle Chromeは中身SafariなのであれもSafariです。 この問題に立ち向かうために、実装者はJavaScriptを利用して高さを指定したり、height: 100%;のバケツリレーを行ってアドレスバーまで考慮した画面いっぱいの表示を実現するために頑張ってきたわけです。 そんな中、先程のツイートから
全部、完全に商用利用無料！さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemicons
企業サイトやプロダクトをはじめ、オンラインショップ、アプリ、プレゼン、学術プロジェクトなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるEmblemiconsを紹介します。 先日ローンチしたばかりで、アイコンの種類はなんと1,064種類！ SVGだけでなく、各サイズのPNGも揃っており、すべてオープンソースです。 Emblemicons Emblemicons -GitHub Emblemiconsの特徴 Emblemiconsのダウンロード Emblemiconsの使い方 Emblemiconsの特徴 Emblemiconsは、デザイン・デベロッパー・プレゼン・学術プロジェクトなどで一般的かつ、頻繁に使用されるアイコンのオープンソースライブラリです。 MITライセンスで、個人および商用のプロジェクトで、アイコンは完全に自由に使用およびダウンロードできます。
JavaScriptの非同期処理を理解する その2 〜Promise編〜 | さくらのナレッジ
こんにちは！小田島です。前回の「コールバック編」を納稿したとき、アイキャッチ画像はJavaScriptのロゴにタイトルの文字を入れただけというとんでもないやっつけ仕事だったのですが、さくナレ編集部の方に「シリーズで理解が深まる」というすごい煽り文句がついたとてもカッコいい画像に差し替えていただきました。アイキャッチ詐欺にならないようにがんばります。 非同期処理シリーズの2回目はPromiseについての説明です。前回はコールバックについて説明しましたが、Promiseを使うことでどのように便利になったのでしょうか。それでは見ていきましょう！今回はコードが多いのでかなり分量が多く感じられるかもしれませんが、実際はあまり大したことはありません。 今回の目的 今回説明するのはPromiseです。これはFutureパターン（Promiseパターン）というデザインパターンの一種で、ECMAScript
CSSを最適化してページの読み込み時間を高速化する方法
CSSを最適化して、ページの読み込み時間を高速化する方法を紹介します。 シンプルなCSSのファイルをはじめ、大規模プロジェクトで使用されるCSSまで、すべてのCSSに効果があるテクニックです。 Optimizing CSS for faster page loads by Tomas Pustelnik 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 読み込みに時間がかかるのはなぜか？ スタイルシートのファイルサイズを制限する クリティカルCSSを使用する 遅延読み込みのスタイルシート スタイルシートにコード分割を使用する まとめ はじめに 先日、私は自分のWebサイトの読み込み時間を改善することにしました。すでにかなり高速にロードされていましたが、まだ改善の余地があり、CSSの読み込みがその原因の1つであることが分か
【Power Automateの新しいRPA機能】Power Automate Desktopの操作方法(ExcelとWebブラウザ操作の自動化) - Qiita
【Power Automateの新しいRPA機能】Power Automate Desktopの操作方法(ExcelとWebブラウザ操作の自動化)RPAPowerAutomateDesktop サンプルファイルについて 2021/7/24 追記 Github に、本ページで扱う Excel ファイルやサンプルのフローをアップロードしました。 よろしければご使用ください。 以下のイベント用にで作成したファイルになります。 はじめに Microsoft Igniteの発表でPower Automateの「per user with attended RPA plan」で「Power Automate Desktop」が使用できるようになりました。2020年9月24日でPreview版です。 この記事でPower Automate DesktopのWebレコーダーによる自動化やExcel操作を通
あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita
こんにちは、たかとーです🧑🎤 こちらは、10 useful HTML5 features, you may not be usingの翻訳記事になります。 当記事は、Tapasさんの許可を得て翻訳しています。Tweet 10 useful HTML5 features, you may not be using HTML5は新しいものではありません。最初のリリース（2008年1月）以来いくつかの機能を使用してきました。100DaysOfCodeの取り組みの一環として、HTML5の機能リストをもう一度よく見てみました。何か見つけたかな？私は今のところあまり使っていません。 この記事では、過去にあまり使ったことがなかったが、今では便利になったHTML5の機能を10個挙げています。また、Netlifyでホストされている、実際に動作する例を作成しました。参考になることを願っています。 htt
リコー経済社会研究所 | リコーグループ 企業・IR | リコー
「あれっ！こんなところを間違えてるよ」―。パソコン画面上で何回も確認して間違いがなかったのに、紙に印刷すると原稿のミスが...。こんな経験はだれにでもあるが、その理由がよく分からない。 画面よりも紙のほうが、間違いに気がつきやすい。これは今まで何となく経験してきた真理だ。新型コロナウイルスの感染拡大に伴い、リモートワークを始めてからは、より一層それを強く感じる。リモートワークではプリンターが無かったり、あってもその能力不足で印刷に手間取ったり。だから、紙でのチェックを怠りがちになり、ミスが生じて後で大きなしっぺ返しを食らう。 もちろんできる限り間違いを減らし、仕事はスムーズに進めたい。紙と画面それぞれにおける、脳の働き方の違いなどを調べた上で、両者の使い分けを考察してみた。 「分析」の紙vs「パターン認識」の画面 メディア批評の先駆者、カナダのマーシャル・マクルーハン（1911～1980年
画像の遅延読み込みにloading属性とJavaScriptを併用した最大限のパフォーマンスを発揮させる実装方法
画像やiframeの遅延読み込みに使用するloading属性と非サポートブラウザ用にJavaScriptを併用した現代的なアプローチで、最大限のパフォーマンスを発揮させる実装方法を紹介します。 Best way to lazy load images for maximum performance by Adrian Bece 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 遅延読み込みのloading属性とは 遅延読み込みの現代的なアプローチ パフォーマンスとLighthouseスコアの向上 最大のパフォーマンスを得るための画像最適化テクニック はじめに 画像の遅延読み込みは比較的簡単に実装でき、パフォーマンスを大幅に向上させることができるため、Webサイトを最適化するために使用される選択肢の1つです。遅延読み込みで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初代ガンプラ王のプラモ教室、エアブラシの塗膜を綺麗に塗る理論を聞く。『これもう大学とかで教えてもいいんじゃないかなぁ』
