続編を書きました。CSSも大幅改善してるので、一度見てみてください。 【小数点実装】「(HTML +) CSS」のみを使って、今「もっとリアルな電卓」を作ってみた - Qiita 完成品 まずは、CodePenで完成品を紹介します。ボタンを押して計算を試してみてください。 ※ スマホだと反応が悪い場合があります。 See the Pen qiita_calc_last by j5c8k6m8 (@j5c8k6m8) on CodePen. はじめに はじめて、CSS カウンター の存在をはじめて知ったときは驚きました。 テーブルの行番号は (必要であればJavaScriptで動的に) HTMLに記載するしか方法がない と思っていたからです。 Qiitaにも、CSSカウンターのサンプルを載せた良記事があります。 CSS でテーブルに行番号を振る - Qiita CSSで見出しタグに連番をつけ
この記事では、日常行っているWebデザインやグラフィックデザインの制作が格段スピードアップする、便利な最新オンラインツールをまとめてご紹介しています。 カテゴリ分けされたこれらのツールやサービスを利用することで、面倒な作業を自動化し、生産性をアップすることができるでしょう。一度使いはじめると「これなしじゃ考えられない。」、そんな便利ツールが揃います。 コンテンツ目次 1. デザインコレクション 2. イラスト系ライブラリ 3. モックアップツール 4. デザインからコードへの変換ツール 5. プロトタイプツール 6. 生産性アップツール ウェブ制作がすご楽！便利な最新オンラインツールまとめ デザインコレクション SVG Arista このツールはCSSコードを使って、アップロードしたSVGファイルのstrokeとfillプロパティのアニメーションを作成するAnimistaのスピンオフ・プロ
京都市の「京都アニメーション」のスタジオが男に放火された事件で消火活動に当たった京都市消防局が22日、市議会で状況を報告し、現場の建物では十分な防火対策がとられていたと説明しました。消防局はそれでも大きな被害が生じた詳しい状況を検証し、今後の取り組みに反映させるとしています。 この中で山内博貴局長は「全力をあげて現場活動を実施し、夢と希望、将来をもった方をなんとか救出したかったが、多数の死傷者が出てしまい、大変残念だ」と述べました。 そして、現場の建物の防火対策については、去年の査察でも法令違反はなく、防災訓練も適切に行われていて、十分な対策がとられていたと説明しました。 建物内部にはらせん階段がありましたが、煙が上がるのを防ぐ「垂壁」と呼ばれる設備が法令に基づいて、設置されていたということです。 平成26年には防火対策をしっかり行っているとして、消防から表彰されたこともあるということです
アオサギという鳥が好きだ。日本中で見ることのできる、とても身近な野鳥でありながら、大きな体をもち、翼を広げれば全長は1.5メートルにもなる。あまり人や外敵を恐れぬ泰然とした佇まいにも目を奪われる。目元から冠羽へとつながる濃紺の模様や、長い首を彩る斑点、くすんだ青灰色の色合い…。いわゆる「サギ」として連想する真っ白な羽のシラサギ（実はこれは種の名前ではなく、ダイサギ・チュウサギ・コサギらをまとめた通称なのだが）とは一線を画する、野性的な美をアオサギはその身にまとっている。 そのルックスに恥じず、アオサギの暮らしはワイルドだ。魚や虫や甲殻類だけでなく、時には同じ鳥類や小型哺乳類まで捕食する。「張り詰めた弓」のようにジッと動かないかと思えば、突如として矢のような瞬発がひらめく。長い首を素早くのばし、鋭いくちばしで獲物を捉えるのだ。堂々たる巨体の優雅さと、刃物のような攻撃性を兼ね備えたアオサギを眺
赤ちゃん連れOKのママズ・クラブ・シアターで乳幼児にまみれながら『おおかみこどもの雨と雪』見てきました。0歳児と5歳児の世話をしながら見たので見落としているところも多々あると思いますが。 序盤、妊娠したヒロイン・花が便器を抱えて吐きまくるところで「これは好感が持てる映画だな」と素直に思ったことを記しておきましょう。だいたいフィクションの中のつわりって一回吐いて「…妊娠？」で終わりじゃないですか。実際自分の身につわりが起きて、2ヵ月以上船酔い状態でマーライオンのごとく吐き続けたときは、心底「聞いてない」と思いましたもん。そのほかにも出産直後のベッタベタの髪の表現といい、幼児に本を破られまくるところといい、夜泣きに弱ってうろうろするところといい、育児あるあるの連続。アニメーション映画でここまで乳幼児の育児を執拗に描いた作品があっただろうか。育児の苦労を描いてくれてありがとう！ あとなんか映像が
新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました アニメーションを作る時に、「思いついた演出をすぐに実装したい」「頭の中ではできているのに、コーディングするのが面倒」と思ったことはありませんか？アニメーション作成にはライブラリを使用することが多いと思いますが、使い方を調べて覚えて、ドキュメントからコピペしたり、ひたすらタイピングをして… 私はこれらの問題を解決するために、「Tween24」というライブラリを作りました。Tween24はメソッドチェーンで記述するのが特徴で、たった1行でアニメーションが実装できます。依存ライブラリもなく、単体で動作します。アニメーションライブラリの多くはオブジェクト型でプロパティを指定するためタイピングが多くなりがちですが、メソッドチェーンであればエディターのコード補完機能でスラスラと記述できます。 その他にも、メソ
（２０１９年７月２０日） ７月１８日に京都アニメーションで起きた放火事件について、亡くなられた方々に対し深く哀悼の意を表し、また被害にあわれた方の一日も早い回復を願っております。 この事件で身柄を確保された男性について、一部報道では、「男は精神的な疾患がある」または「精神障害がある」と報じられています。 私たちは、事件の背景・動機などの詳細が不明な段階で、あたかも精神疾患とこの犯罪を結び付ける可能性のある報道が今後も続くことがあるのではと、大きな危惧を抱いております。 「精神疾患がある」「精神障害がある」といった部分記述によって、（以下、病歴報道）には「精神疾患」が事件の原因であり、動機であるとの印象を与えてしまいます。その結果、「精神病を持つ人（精神障害者）は、みな危険」という画一的なイメージ（＝偏見）を助長してしまうことに、つながることは、過去の例から見て明らかです。 またこの事件に関
この記事では、Webフロントエンド開発において役に立つと思われるサービスやツールをまとめます。 全般 Can I use 指定した特定の機能が、どのブラウザのどのバージョンで利用可能かを確認するためサービスです。新しいJavaScriptのAPIやCSS3の機能を使ってモダンなWeb開発を行う場合、必須とも言えるくらい利用することになります。 指定した国におけるブラウザのシェア情報をもとにして、特定の機能が何割のユーザーで使用可能かを調べることもできます。 npm / webpack BUNDLE PHOBIA 指定したnpmパッケージのサイズを調べるサービスです。近年のWebではページの表示速度が非常に重要視されており、Webサービスにバンドルするパッケージのサイズも極力小さくすることが求められています。パッケージのサイズを調べる方法は多々ありますが、このツールの場合はパッケージ自体のイ
YouTubeの詐欺サムネのようなタイトルになってしまったので先述しておくが、 これは「危ない目に遭った」という内容の文章である。 決して読者にCBDを勧めるものではないし、むしろ警戒を促すものである。 了承の上、お読みいただきたい。 私は、おそらく多くの皆さんがそうであるように、一社会人としてストレスフルな人生を送っている。 そんな中で、CBDに興味を持つのは当然のことだろう。 ご存知ない方のために説明すると、CBDは大麻のうちヘンプという種類のものから得られるリラックス成分である。 マリファナから得られるTHCのような幻覚・陶酔作用を引き起こす成分とは異なるため、法的にも問題なく、最近色んなところで流行っている。 CBD入りのグミやらオイルやらキャンディやらは、ドンキにでも行けば買うことができる。 私は仕事で溜まったストレスを解消したり、リラックスするために、数年前からCBDの電子タバ
統合失調患者は救済対象じゃないよ
京アニの事件、こうなる前に犯人を社会が救済できなかった事が悔やまれる。「犯人をかばう余地がない」と大声で叫ばれてしまう世の中がまだまだ辛いものだと痛感する。ワシはアニメが好きで、動画を見て感動して、アニメーションも作るしそういう漫画を描いていると同時に、精神疾患等の社会的— 大童 澄瞳 SumitoOwara (@dennou319) July 20, 2019 いいこと言ってるようだけど、今回の事件に当てはめるなら全然ずれてる。 だってあれは貧窮して追い詰められての犯行とかじゃないんだもん。 統合失調になると社会生活上手くいかなくなるから貧窮者になることが多いけど、彼等の問題は貧窮じゃないから。 すごい資産もった一族の令息で統合失調とか、親の年金と遺産で生活全然困ってない統合失調とか、普通にいるからね。経済的に満ち足りてても統合失調は治らない。 今回の放火犯にしても生活保護は受給できてた
補完するのは登録された軸のみになります。たとえばitalの値が1種類しか登録されていないフォントはitalの値によらず一定の傾きをもちます。 オプティカルサイズとは、サイズに連動した文字のスタイルです。フォントサイズが小さなときは簡略化された表記、大きなときは細かく装飾されたフォント、というように設計されることがあります。 標準ではフォントサイズに依存しているため手動での変更はできませんが、一部のフォントでは変更が可能です。先ほどのデモにおいても、オプティカルサイズに応じて文字バランスが微妙に変更されることが確認できますね。 Roboto-Flexフォントを例に バリアブルフォントはまだそれほど普及していないこともあり、入手元がそれほど多くありません。今回は、オープンフォントライセンスで配布されているRoboto-Flexフォントを使用します。 GitHub - Roboto-Flex 記
僕はいま、仕事で韓国に滞在している。ソウル市の主催するマンガ、アニメ、ゲームなどのサブカルチャーの未来を考えるイベントに招待されたのだ。今年の春に僕の本（『若い読者のためのサブカルチャー論講義』）が翻訳出版されたことが影響しているらしい。滞在中は市のイベントに登壇するほかに、現地の出版社の企画したファンミーティングに出たりメディアから取材を受ける予定だ。そしてこのタイミングで日本から来た以上、必ずこの話題について尋ねられるだろう。そう、京都アニメーションの事件のことだ。 最初に断っておくけれど僕はこの件について、特に事件直後に話題を集めている段階で言及するのは本当に嫌だった。 僕は特に京都アニメーションの熱烈なファンというわけではない。けれどそれなりにこのスタジオの作品は見てきたし、感心させられた作品も多い。だからこの事件は本当に残念で仕方ない。いや、それ以前にあまりに卑劣な犯人の行為とそ
ゼルダTotKで「普通」の挙動を実現するための特許がいろいろ出願されている件 - naoya2kの日記
「ゼルダの伝説 ティアーズ オブ ザ キングダム」(ゼルダTotK)を購入して遊んでいるのだが、ヌルくだらだら遊んでいるために一向に終わる気配がない。 (京都の地名の元ネタを探したりしているからという説もある。「カスケイオマの根」は烏丸御池なのだろうとか) そうこうするうちに時間が経ち、任天堂の特許を検索してみるとどう見てもゼルダTotKに関するものが大量に出願されていた。その数31件。ヤバい。 そんなわけでざっと概要などを斜め読みした結果をまとめたものが下記の表である。左端の列の連番で2が抜けているのは、ここにあった特開2023-104988はゼルダに関係のなさそうなものだったからである。 今年7月10日から、8月4日までに公開となった任天堂の特許。ほぼTotKのものだった スクラビルドの特許が3件。ウルトラハンドとそれで組み立てた道具の挙動などに関するものが3〜6件、今回あまり目立って
2023年秋アニメ『葬送のフリーレン』金曜ロードショーでの初回2時間スペシャル放送が決定！2話以降は日本テレビ新アニメ枠にて放送、最新PVも公開
『葬送のフリーレン』は山田鐘人先生原作、アベツカサ先生作画によるファンタジー漫画。 勇者とそのパーティーによって魔王が倒されたあとの世界で、かつて勇者パーティーのひとりだった1000年以上生きるエルフの魔法使い・フリーレンが、勇者が寿命で亡くなったことをキッカケに “人を知る” ための旅に出る姿が描かれている。 本作は2022年9月に待望のアニメ化を発表。主人公・フリーレン役を種崎敦美、勇者ヒンメル役を岡本信彦、僧侶ハイター役を東地宏樹、戦士アイゼン役を上田燿司が演じる。 そして今回、本作の初回放送が2023年9月29日21時より金曜ロードショーにて2時間スペシャルとして放送されることが決定した。金曜ロードショーにてTVアニメシリーズの初回が放送されるのは、本作が史上初となる。 また、2話以降は、日本テレビ系で開設される新アニメ枠にて放送される。新アニメ枠の詳細は後日改めて発表される予定だ
はじめに 今回は無料でWeb制作周りの技術を学ぶことができるサービスをまとめました。 これからWeb制作の学習を始めていきたい人やプログラミングの基礎学習をしていきたい人におすすめのサービスなのでぜひ参考にしてみてください。 この記事の対象者 プログラミング初心者~中級者 Web制作を学びたい人 HTMLやCSSをより深めたい人 ポートフォリオを作りたい人 無料コーディング練習所 まずはじめに紹介するのはWebサイトを制作しながらコーディングスキルを身につけることができる無料コーディング練習所です。 こちらのサイトではデザインカンプが用意されており、基本的なコーディング方法から応用的な手法まで実際にWebサイトを制作しながら学ぶことができます。 準備編でがエディタの設定方法や拡張ツールといったコードを書くための基礎の基礎から丁寧に解説をしてくれています。 入門編~上級編ではWebサイトを作
デザイナーがWebサイトのUIを実装する際にデベロッパーに渡すデザイン仕様書・指示書の作り方を紹介します。 仕様書を作成する基本ツール、指示に適したフォントやカラー、グリッドや要素間の距離を自動的に計算するツールをはじめ、レイアウトや各UIコンポーネントのデザイン仕様の記述例まで、デザインを仕様化する解説記事です。 ブレイクポイントの説明、スティッキー要素の仕様説明、相対サイズの要素の説明方法、ボタンの文字数の説明、アニメーションする要素の説明方法など、デベロッパーに分かりやすく、デザイナー自身も見直せるデザイン仕様書を作成します。 The Art of Design Spec'ing by Mahdi Farra 🍉 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 デザイン仕様書とは デザイン仕様書に使用するツール デザイン
「京アニ」実名報道 現地で取材中の記者に「なぜ必要か」を聞いた
「京アニ」実名報道 現地で取材中の記者に「なぜ必要か」を聞いた 7月に発生した、京アニでの火災。マスコミ各社は実名報道を求めているが、批判は強い。 7月に発生した、京都市のアニメ制作会社「京都アニメーション」（以下、「京アニ」）での火災事件。 犠牲者は35人にのぼったが、今回の事件をめぐっては、報道機関側が犠牲者の実名を報道しようとしていることに対し、ネット上で批判の声が集まっている。 ■京アニ側は取材を自粛 京アニは事件発生後、「7月18日に発生した事件について」と題した声明文を発表。メディア対応を弁護士に一任し、マスコミ各社に対して遺族・親族らへの取材を控えるよう求めた。 だが複数の新聞社は3日、揃えて紙面で実名報道の意義を強調。20日には京都府内の報道各社で構成される、在洛新聞放送編集責任者会議が犠牲になった35人のうち、25人の身元を公表していない京都府警に対し迅速な公表を求める申
東京都練馬区の自宅で長男の英一郎さん（44＝当時）をナイフで刺して殺害した殺人罪に問われ、東京地裁で懲役6年の実刑判決を言い渡された元農林水産事務次官、熊沢英昭被告人（76）が12月20日、保釈された。 弁護人は12月25日、判決を不服として控訴した。 本事件は高齢の親が、中年となった引きこもりの子供の面倒を見る『8050問題』とともに取りざたされ、その深刻さを突きつけた。一体どうすればよかったのか。改めて公判を振り返りたい。（ライター・高橋ユキ） ●「統合失調症」から「アスペルガー」に診断が変わる 事件は今年6月1日に起きた。英一郎さんは大学進学と同時に実家を出たが、卒業後も進路が定まらず、長らく定職についていなかった。また精神疾患を持ち、投薬治療を続けていた。熊沢被告人の妻が所有する目白の一軒家に一人暮らしをしていたが、事件の約1週間前、熊沢被告人と妻が住む練馬の実家に戻ってきた。 1
アプリの画面をデザインする際、エンジニアさんに 「なにも登録データがない場合、どう表示しますか」「選択したときの状態ってどんなデザインですか」などと聞かれて 「ｳﾜｱ考えてなかったすみません、今作ります。。」 （なんて自分はポンコツなんだ、、ｳｳｳ） と、なりたくないですよね。 UI Stackは👆のような状況を回避するのに便利で大事な考え方だと思ったので、言葉の意味を知らない方はぜひ読んでってください！ UI Stack アメリカのプロダクトデザイナー Scott Hurff さんが世に出した 「UIの考慮すべき5つの状態」という考え方です 5つの状態 ・Blank State（空っぽの状態） ・Loading State（ローディング状態） ・Partial State（部分達成状態） ・Error State（エラー状態） ・Ideal State（理想状態） 一つ一つ参考を交えな
鬼滅の刃は「本当うまくやった！」でも“限界”と語る真意とは ーー富野由悠季監督に聞く、アニメ業界の「現在と未来」 - ライブドアニュース
2021年1月7日 18時0分 リンクをコピーする by ライブドアニュース編集部 ざっくり言うと 氏が、大ヒットしている「」について語った 声優や歌など、よくぞ作品に合う組み合わせを見つけられたと指摘 鬼滅の制作メンバーに対し「本当うまくやったな！」と思っているそう 2020年11月28日から2021年1月24日まで富山県美術館にて開催している。2019年6月の福岡会場を皮切りに、兵庫、島根、静岡、そして富山と開催が続き、各会場で反響を呼んでいる。今回、その展覧会の主役・氏にインタビュー。昨今のアニメ業界について思うことや、空前のヒット作が生まれ、勢いの止まらないアニメーションが持つ底知れない可能性についてお聞きした。 （富山県美術館では1月24日まで開催が続く） アニメはもう「本気になって作らないと、客に潰されるぞ」という世界 ――今回の展覧会、各会場でかなりの好評を博しているとお聞き
18日、京都市の「京都アニメーション」のスタジオが男に放火され、33人が死亡、35人が重軽傷を負った事件で、警察は、身柄を確保した男は青葉真司容疑者だと明らかにしました。 警察は、青葉容疑者がガソリンの携行缶や台車など準備を重ねたうえで事件を起こしたとみて調べています。 18日午前10時半すぎ、京都市伏見区にある「京都アニメーション」のスタジオで、男がいきなりガソリンとみられる液体をまいて火をつけ、爆発的な火災が起きて、33人が死亡し、35人が重軽傷を負いました。 警察は19日、捜査本部を設置して、午後５時から記者会見を開きました。 この中で身柄を確保した男について、住所・職業不詳の青葉真司容疑者（41）だと公表しました。 逮捕していない容疑者の名前を公表した理由について「事案の重大性を考慮した」と説明しています。 警察は、放火や殺人などの疑いで捜査を進めていますが、19日午前、現場近くの
素晴らしい課題でコーディング意欲を高めよう。 Photo by Ferenc Almasi on Unsplash. はじめに コーディングを上達させる最も効率的な方法の1つは、できるだけたくさん作ることです。 コーディング課題は、ものを作ることで自分のスキルアップする楽しい方法です。この記事のリストを参考に、何か選んで作り始めましょう！ 急いでいる時や、コーディングのアイディアを枯渇させたくない時は、100以上の課題をここにまとめてあります。 課題には好きなツールを使えるので、練習したいものがあれば、気軽に挑戦してみてください。 1. タスクマネージャUI なんて美しいアプリケーションでしょう！クリーンでモダン、インテリジェントなUIです。 Aysenur Turkによる「CSSグリッドを使ったタスクマネージャーUI」 学べること HTMLでCSSを使用する方法。新しいCSSグリッドを試
タイプ・あ～る @hitasuraeiga 『シンエヴァ』の「アスカがシンジに無理やりレーションを食べさせるシーン」は、画面が手ブレで動きまくるだけでなく背景のパースも動きに合わせて変化するなど恐ろしく複雑な構成になっていて、32秒のワンカットに費やされた作画枚数はなんと695枚！完成まで約1年も費やした力作だ。 pic.twitter.com/OrWp6t65S6 2021-11-03 12:47:51 タイプ・あ～る @hitasuraeiga もう少し詳しく説明すると、アスカの動きはまずモーションキャプチャーを使って俳優の演技をデータ化し、それを元にアニメーターが手描きで1コマずつ作画したそうです（なお、参照元は「CGWORLD 2021年8月号」のメイキング記事です。→ amzn.to/3CGF3kZ） pic.twitter.com/5OmSTdaeBd 2021-11-03 1
ウェブサイトの表示スピードはサイトの健全性における重要な観点の一つです。Googleが提唱するCore Web Vitalsコア・ウェブ・バイタルズと呼ばれる指標の中にもサイト表示スピードに関する項目があり、表示されるまでの時間が単なるユーザー体験だけでなく、SEOでも無視できない存在です。表示スピード低下の要因はネットワークやサーバーサイド、そしてフロントエンドまで広範囲におよびます。本記事ではその中でも画像の読み込みについて改善できるテクニックを改善前と改善後を比べながら紹介します。 改善前サンプルを別ウインドウで開く 改善後サンプルを別ウインドウで開く 画像読み込みBefore / Afeter 上図はLighthouseによるチェックの結果です。Lighthouseはウェブサイト検査ツールで、ウェブページのパフォーマンス、アクセシビリティ、SEOなどの状態を計測できます。Googl
令和の子どもってYouTubeで何観てるの？座談会 | オモコロ
子どもはYouTubeが大好き！ YouTubeといえば世界最大の動画サイト。子どもも当然その存在を知っていて、テレビ以上に夢中になっているという話はよく聞きます。 では、現代の子どもはいったいYouTubeでどんな動画を見ているのでしょうか？ 大人として生きているとあまり知る機会のないこの疑問を解消するため、現役子育て中の人間に話を伺いました。 疑問に答える人 原宿 小学1年生の娘がいる。 かんち 小学4年生と1年生の息子がいる。 ※本来は副社長の永田にも参加してもらう予定でしたが「YouTube見せてません。うちの子は博士になるので……」と言われたので欠席です。 ――原宿さんの娘さんは今年小学1年生になったばかりですよね。 そう。それで幼稚園の送り迎えがなくなったのが本当に嬉しい。 送り迎え、大変ですよね。 終わったのは嬉しいけど、一方で妙に寂しいんだよな。この苦痛がもう訪れないんだと
Node.jsおよびChromiumベースのブラウザで使用されるJavaScriptエンジンの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 🚀⚙️ JavaScript Visualized: the JavaScript Engine by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: JavaScriptエンジン JavaScriptはクールです（私はそう思います）が、あなたが書いたコードをマシンが実際に理解するにはどうすればいいのでしょうか。JavaScriptデベロッパーは通常、コンパイラを自分で扱う必要はありません。しかし、JavaScriptエンジンの仕組みを理解し、人に優しいJavaScriptコードをどのように処理
合計11.4TBもある1980年代～2000年代の貴重なファイルアーカイブにすぐにアクセスできる「DiscMaster」
海外では古いファイルやディスクイメージをInternet Archiveに保存するアーカイブ活動が盛んで、今となっては現物を拝むことができない貴重なファイルをインターネットで閲覧することができます。しかし、そのデータベースはあまりにも膨大で、実際に何があるのかを把握するのは難しいものがあります。「DiscMaster」はシンプルなテキストリンクをたどるだけでInternet Archiveにアーカイブされているさまざまなファイルに到達できるサイトです。 DiscMaster http://discmaster.textfiles.com/ DiscMasterにアクセスするとこんな感じ。最上部に「CD-ROM」「disk」「other」と3つのメニューがあるので、今回は「CD-ROM」をクリックしてみます。 すると、Internet ArichiveにアーカイブされているCD-ROMイメー
星野源、LiSA、YOASOBI――無観客の『紅白』であらわになった歌の力（柴那典） - エキスパート - Yahoo!ニュース
『第71回NHK紅白歌合戦』が、初の無観客で開催された。 今回は、新型コロナウイルスの感染拡大防止対策のため、演出や構成も一変。例年はNHKホールから中継が行われていたが、「NHKホール」「101スタジオ」「オーケストラスタジオ」をステージとして活用し、審査員ルームも別に設置。NHK放送センター全体を舞台にした生放送となった。 そのことによって何が変わったか。 お祭り騒ぎの賑やかしから、歌を聴かせることに徹した演出へ まず気付いたのは、お祭り騒ぎ的なコラボ演出が目に見えて減っていたことだ。近年の『紅白』では、演歌歌手の背後でアイドルグループが踊ったり、芸人やキャラクターが「応援ゲスト」として登場したりするような、賑やかしの企画が定番となっていた。特に前半から中盤にかけては、会場の観客を巻き込んだ盛り上がりも目立っていた。しかし今年は、密集を避けるという意図もあり、こうした企画はほぼ行われな
「なぜわからんのだ！」『スレイヤーズ』が原因で王族と摑み合いの喧嘩に…アラブ世界で受容される“日本文化”の実情 | 文春オンライン
中東で人気になったジャンル、忌避されるジャンル “日本アニメーション”制作のアニメ作品は根強い人気があり、『小公女セーラ』や『ちびまる子ちゃん』は人気の作品でした。ちなみに『ちびまる子ちゃん』はアラブではそのまま『マルコ』というタイトルで放送されています。この作品に関してはいわゆる「日本人の日常」を描いているという点で人気があったようです。 日本のアニメは流行っていますが、そのなかでもあまりファンであることを公言しにくいジャンルがあります。それはいわゆる“アイドル系アニメ”です。アラブでは「男は男らしく、女は女らしく」という価値観がいまだ根強いので、男性ファンはいるのですが『アイドルマスター』や、『ラブライブ！』を好きだということを堂々と公表しにくい環境にありました。表立って好きだと言える人は少なく、一度だけ『アイドルマスター』のシャツをドバイで着ていたアラブ人男性に会ったときにお話ししま
この記事では、Webデザイン制作を楽にする最新オンラインツール43個をまとめてご紹介します。 コピペで利用できるお手軽CSSツールやSVGツール、コード知識不要のノーコードツール、色に困ったときに便利な配色ツールなど、クリエイティブな案件で活用したい新しいツールを揃えています。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Layout Patter
企業サイトやプロダクトページをはじめ、オンラインショップ、アプリなど、WebのUIデザインに適したSVGアイコンが無料で利用できるGlyphsを紹介します。 アイコンの種類はなんと1,130種類！ アイコンのバリエーションも豊富で、ソリッドやベタ塗りだけでなく、フルカラーも揃っています。もちろん、SVGなのでカラーやサイズなどを簡単に変更できます。 各アイコンは5種類のバリエーションがある Figmaでデザインされた1,000種類を超える編集可能なアイコン。 任意のアプリケーションで使用するためのWebコンポーネント。 FigmaからSVGをダウンロードするためのCLIユーティリティ。 目的のアイコンはフォルダやタグで簡単に検索可能。 ドキュメントとガイドを完備。 ダークモード対応 MITライセンスで、商用プロジェクトでも無料で利用できます。 アイコンの編集も簡単、サイズやカラーの変更だけ
数ヶ月前に「ジョブ型組織」と「メンバシップ型組織」の違いについて考える機会があり、Twitterに呟いていた。その流れでスクウェア・エニックス時代のことをいつかnoteの記事にまとめようかなどと呟いたらスクウェア・エニックスの時田貴司さんからも「楽しみにしてます」とリプを頂けたので時間ができた今、マガジン「ゲームデザイナーの仕事」の番外編として書くことにした。まず、最初に断っておきたいことがある。私はスクウェア・エニックスに2005年7月から2008年3月までの間、「プランナー」という肩書きで在籍していた。契約形態は、2005年7月から2007年3月までアルバイトで、2007年4月から2008年3月まで契約社員であった。所属プロジェクトは、2005年7月から9月までは研修生という扱い、2005年10月から2007年12月までは「ファイナルファンタジーXI」、2008年1月から3月まで「小さ
この記事では、Webデザイン制作の面倒な作業をラクにするCSS便利ツール87個をまとめています。なお、新しいツールを随時アップデートしています。 CSS FlexboxやGridをつかったレイアウト生成ツールや、レスポンシブ対応の画像ツール、配色に困ったときに便利なツール、多彩なCSSアニメーション、話題のニューモーフィズムなど、CSSスタイリング時間節約や、さまざまな問題を瞬時に解決することを目的に作成された便利なツールが揃います。 Web制作に活用したい最新ツールと合わせてチェックしてみてはいかがでしょう。 これだけあれば困らない！Web制作を快適にする最新オンラインツール48個まとめ Web制作�の面倒�な作業をラクにするCSS便利ツールまとめ CSS box-shadow Examples さまざまなサイトで実際に使われているCSS box-shadowを集めているライブラリ。お好
Amazon Prime Videoが動画再生にWebAssemblyを採用。再生デバイス上にWasm VMをデプロイ、高フレームレートなど実現
これだけ多種多様なデバイスに対して、ログイン画面やパーソナライズされたポータル画面、動画の再生などの機能を実現するために、Amazon Prime VideoのアプリケーションはC++で開発されたJavaScript VMと、その上で動くJavaScriptアプリケーションの2つから構成されています。 そしてそれぞれが必要に応じてデバイスにダウンロードされ、実行されます。 特にJavaScriptのアプリケーション部分は実行時にダウンロードされ実行されることで、機能追加などの変更やバグフィクスが容易になっていると説明されています。 プロトタイプのWebAssembly化で10倍から25倍高速に Amazon.comがこのAmazon Prime VideoのアプリケーションにWebAssemblyの採用を検討し始めたのは2020年8月とのことです。 同社はプロトタイプとして低レイヤのJav
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちはお久しぶりです。Web標準黒帯（ヤフー内のスキル任命制度）の岡部和昌（@kzms2）と申します。 今回の記事はありがちな「たくさんの良さげなCSSのプロパティなどを羅列してひたすらまとめる」だけではなく以下の考えのもと、まとめた記事です。 岡部が「使うケースがある・覚えておくべき」と感じたオススメできる、または有用と判断したCSS 可能な限り2020年からブラウザに実装された、またはこれから実装されるCSS 比較的新しいまたはあまり使われている印象がないCSS 実際のコードや挙動、対応ブラウザを掲載 自分目線でみたコメントや使えそうな場面をできる限り丁寧に説明 つまり2020年に実装されたものを中心に、有益でオススメでき
親が自殺しているので、感動するお話が苦手になってしまった。そういうわけで、たまこラブストーリーやリズと青い鳥やヴァイオレット・エヴァーガーデンは質が高いことはわかっているが、心を揺り動かされると、うつ病患者として苦しくなるだろうと思って、見ていない。true tearsもそうですね。 それと同じで、「この世界の片隅に」も見たら絶対気分が悪くなるだろうと思っていたので避けていた。僕が好きな富野監督がすごく褒めているのだが、それでも避けていた。 もともと、親が自殺する前からこうの史代先生の原作漫画が凄いということは「夕凪の街 桜の国」も含めて、１０年以上前から知ってはいた。オタクとしては読んでおくべき作品の一つだとは認識していた。 なのだが、「ひとりぼっちの地球侵略」ですらエモすぎて読むのがしんどくなるうつ病患者なので、避けていたのだ。（ガンダムなど富野監督のアニメは人間がガンガン死ぬのだが、
ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載7回目となる本記事では「ウェブ業界で、2010年代から変化したもの」をテーマとしてアンケート結果を紹介します。 floatプロパティーは現役？ floatプロパティーは、CSSレイアウトのために2000年代中頃からテーブルレイアウトに代わって使われてきました。FlexboxやCSS Gridなど、他にレイアウト手法が存在する現在において、floatプロパティーはどれほど使われているのでしょうか。 1829票の回答があり「とてもよく使う」が5.7%、「たまに使う」が19.8%、「ほとんど使わない」が69%、「floatを知らない」が5.5%でした。 現在はfloatプロパティーを使う
これから「ルックバック」についておしゃべりしようと思っている人に注意してほしいこと - 装置
※以下加筆部分 この記事は、2021年8月2日に行われた作品の「修正」および同年9月発売の単行本『ルックバック』よりも前に書かれたものであり、一番最初に公開されたバージョンに即しています。最初のバージョンは今ではアクセスが難しくなってしまいましたが、公開当時の反応の一例を残しておくことにも一定の意味があろうと思いますので、そのまま残してあります。 ※加筆ここまで 2021年7月19日に『ジャンプ+』で公開された藤本タツキの中編「ルックバック」は、公開直後から大変な反響を引き起こしている。良し悪しという意味での評価は別にして、この作品は読者に何か語らせずにはおかないというか、裏読みのようなものへの欲望を喚起せずにはいない構造がある。"Don't Look Back in Anger"をはじめとした、作品の至るところに散りばめられた「元ネタ」の数々、「バック」＝過去＝背中＝……といったモチーフ
会社を辞めて、マンションの頭金を注ぎ込んで…人生崖っぷちになってまで、ウクライナアニメ映画を日本で上映した女性（27）の“ヤバすぎる熱意” | 文春オンライン
最初は食わず嫌いしていた作品をほぼ全財産で買い付け ――『ストールンプリンセス』と出合ったときのことを教えていただけますか？ 粉川なつみ（以下、粉川） 初めて作品を知ったのは2021年7月、8月くらいでした。そのときは「王道のストーリーだなー」「既視感のあるビジュアルだなー」と感じて、ちゃんと観ていなかったんです。 『ストールンプリンセス ：キーウの王女とルスラン』ポスター ですが、それから半年後くらいにウクライナ侵攻が始まって、私にもなにかできることはないかと焦燥して、製作会社の問い合わせフォームへ「大丈夫？」と連絡したことから、すべてが始まりました。 改めて作品を観てみたんです。そうしたら、食わず嫌いしていただけで、アニメーションのクオリティの高さに感動して「これは！」と、当時勤めていた映画配給会社で取り扱いたいと検討したんですが、スケジュールの都合などで難しく……。もともと独立志向だ
中学時代に不登校だった長女と向き合った体験を伝える久保健一さん＝長浜市高月町渡岸寺の高月まちづくりセンターで2022年11月12日午後1時21分、長谷川隆広撮影 中学時代に不登校だった長女（23）が人気ゲーム「ファイナルファンタジー16」の開発スタッフになるまでの曲折を、ボランティアでフリースクール事務局員を務める父親の久保健一さん（47）＝滋賀県長浜市＝が自身の「失敗」を基に語った。12日に同市高月町で開かれた「ながはまコミュニティカレッジ」に講師役として登壇し、参加者に自らの経験から「子供を追い詰めないで」と呼び掛けた。 久保さんの長女は、保育園、小学校とあまり積極的に通うタイプではなく、中学校では入学式に出たきり、ほとんど学校に行けなくなった。当初、久保さんは不登校は気持ちの問題だと考え、「何サボってるねん」「なまけるな」などと声を荒らげ、引きずってでも学校に行かせようとしたという。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「(HTML) + CSS」のみを使って、今「リアルな電卓」を作ってみた - Qiita
ウェブ制作がすご楽に！便利な最新オンラインツール33個まとめ
アニメ会社放火「現場は十分な防火対策」京都市消防局 | NHKニュース
アオサギの話しかしない『君たちはどう生きるか』考察＆感想＆レビュー - 沼の見える街
『おおかみこどもの雨と雪』におけるヒロインの怖さ at 愛書婦人会
新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました - ICS MEDIA
京都アニメーション放火事件の報道について | COMHBO地域精神保健福祉機構
Webフロントエンド開発で役立つサービスまとめ - Qiita
Amazonで買ったCBDリキッドが"ヤバ"すぎて人生観変わった…
次世代のフォント技術 バリアブルフォントの世界 - ICS MEDIA
京都アニメーションと、山本寛監督のこと｜宇野常寛
【2024年最新】Web制作周りを無料で学べる学習サービス集 - Qiita
これなら分かりやすい！Webサイトのデザイン仕様書・指示書の作り方
「もう少し息子に才能があれば・・・」長男殺害、 元農水次官の公判で語ったこと - 弁護士ドットコムニュース
その状態のデザイン考えてなかった！ UI Stackってナニ｜kana
放火事件 男の名前公表 「逮捕していないが重大性考慮」 警察 | NHKニュース
フロントエンドの刺激的なコーディング課題6選 - Qiita
シンエヴァのアスカがシンジにレーションを無理矢理食べさせる32秒。実は制作期間1年かかった手書きの超力作だった
1ミリ秒でも早く届けたい! HTMLで画像読込を高速化するために取り組んでいること - ICS MEDIA
JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説
わずかな時間で驚くほどWeb制作がはかどる最新オンラインツール43個まとめ
全部、完全に商用利用無料！WebのUIデザインに適した1,130種類のSVGアイコン素材 -Glyphs
2005年~2007年にスクウェア・エニックスで観た光景｜下田賢佑
Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ
2020年度末のCSS総まとめ！有用でオススメな覚えておくべき新仕様をコードと画像付きで解説
戦争加害者遺族の立場からこの世界の片隅にを見た - 玖足手帖-アニメブログ-
昔と違う2021年のHTML制作。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA
不登校の長女が人気ゲーム開発スタッフに 転機になった衝撃の一言 | 毎日新聞