大規模クラウドインフラ設計・構築案件の歩き方(AWS-28)がインフラエンジニアに刺さりまくりな内容だった | iret.media
AWS Summit Japan 2024 Day1の「大規模クラウドインフラ設計・構築案件の歩き方」のセッションについてレポートです。 控えめに言っても満足度の高いセッションでした。 大規模なクラウドインフラの設計構築運用に関わる方なら首がもげるくらい頷きが多い内容であり、アーカイブが公開された際はもう一度見たいと思うほど…。 セッションの内容には「設計書の一覧サンプル」や、「アプリ/インフラチームの責任分界」といった界隈でも関心が高い内容に触れられています。 考え方のひとつとして参考にしていきたい内容がモリモリでしたので、シェアさせていただきます。 セッション概要 大規模クラウドインフラ設計・構築案件の歩き方 Level 300: 中級者向け スピーカー: アマゾン ウェブ サービス ジャパン合同会社 仲谷 岳志 様 クラウド技術のコモディティ化により、エンタープライズ分野では近年、A
謎の「エビチリ」渋谷・下北沢で迷惑落書き急増 犯行の瞬間を直撃すると「書きたい場所に書いているだけ アートなんで」 | めざましmedia
2024年、東京・渋谷や下北沢で、壁や看板などに落書きされる被害が相次いでいます。中でも「エビチリ」という謎の落書きが急増。街の景観を汚す行為に、住民は憤りを感じています。『めざましテレビ』の「ココ調」取材班は、午前4時に落書きの瞬間を直撃。なぜ落書きをするのか聞くと、男は身勝手すぎる理由を口にしました。 全ての画像を見る
2024年4月11日、元横綱の曙太郎さんが、４月に心不全で亡くなったことが分かりました。 告別式は家族のみの密葬で行われるというこです。54歳でした。 曙太郎さんは7年前に北九州市で倒れて以来、闘病生活を続けていました。曙さんは、東京近郊の病院に入院していたということです。 全ての画像を見る アメリカ・ハワイ出身の曙さんは1993年に第64代横綱になり、人気を博しました。 ■元横綱 来歴 曙さんはアメリカ・ハワイ出身。 昭和63年3月場所で初土俵を踏み、203センチを超える長身から繰り出す突きと押しで人気を博しました。 平成2年9月場所で新入幕を果たし、平成4年7月場所で新大関 に。そして、平成5年3月場所で外国人として大相撲史上初の第64代横綱となりました。 若貴兄弟とライバル関係を築き、1990年代の空前の相撲ブームをけん引しました。 生涯戦歴は654勝232敗181休(78場所)。
アイコンやスライド作成など、デザイナーに限らずちょっとしたデザインをつくる機会はありませんか？ そんなとき、Figmaのプラグインを使うと、いつもより少し凝ったデザインを手軽につくることができます。 今回は、画像加工やあしらいをつくるときに便利なプラグインを8個紹介します。2024年6月時点で、すべて無料で使用できるので気軽に試してみてください。 Figmaのプラグインを使ったことがないという方は、以下の記事で使い方を紹介していますので参考ください。 『Figmaを使いこなせ! デザイナー必須のおすすめプラグイン15選』 1. Noise & Texture Noise & Texture | Figma 「Noise & Texture」は、ノイズやさまざまなテクスチャーを画像として作成できるプラグインです。 プラグイン実行後、設定パネル内の［Add to Canvas］をクリックすると
すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を
ブログの文章やドキュメント作成など、さまざまなシーンで使われる記法に「マークダウン記法」があります。文字修飾の簡単さや読みやすさから使うタイミングは多々あると思いますが、みなさんは快適にマークダウンを書けていますか？ 筆者はVS Codeでドキュメントをマークダウンで書くことが多く、表の作成・編集やプレビュー表示など、めんどくさい・見づらい・使いづらいと思うことがあります。どうにか快適に書けないかと思いさまざまな拡張機能や設定を試しながら業務を行ってきました。 この記事では、筆者が試した拡張機能やVS Codeの設定の中で便利だったものを紹介します。①から⑥まではすべて無料で利用できるので気軽に試してみてください！ ①マークダウンの表をエクセルからコピペできる拡張機能 VS Codeでの表の作成に重宝しているのが「Excel to Markdown table」という拡張機能です。エクセル
文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか？ この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると、以下の指定を提案します。 body { overflow-wrap: anywhere; /* 収まらない場合に折り返す */ word-break: normal; /* 単語の分割はデフォルトに依存 */ line-break: strict; /* 禁則処理を厳格に適用 */ } この記事では上記の指定にいたった理由と、折り返しの理解について必要なoverflow-wrapとword-breakプロパティを中心に解説します。 overflow-wrap overflow-wrapは
株式会社ICSの池田・西原・松本の3人で『フロントエンドの知識地図 〜 一冊でHTML/CSS/JavaScriptの開発技術が学べる本』という書籍を執筆しました！ ICS MEDIAではHTML・CSS・JavaScriptにおける最新技術をテーマに取り扱っています。ウェブメディアの特性上、記事は断片的な情報となることが多く、体系的な発信が難しいと我々は課題感を持っていました。そこで、この書籍ではICS MEDIAでは発信の難しかった、フロントエンドの全容を一冊で伝えることを目指しています。 2023年11月24日の発売で、Amazonや書店や電子版で購入できます。 Amazon サポートページ 2023年4月に執筆を開始し、フロントエンドのトレンドをまとめてキャッチアップできるようテーマを選定しました。344ページで、紙面はフルカラー。内容の厚みにたいして、定価2,860円（本体2,6
見出しなどのテキストを目立たせたいときに便利なフキダシ（吹き出し）。 この記事では、HTMLとCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。 雑誌やポスターなどで見かける可愛いあしらいをウェブサイトにも取り入れたいと思ったことが、今回のテーマを選んだきっかけです。 とくにフキダシは、少ないコードで表現でき、見出しなどのテキストに華やかな印象を与えられます。 ウェブサイトを制作する際に、ぜひ取り入れてみてください。 また、この記事のほとんどの作例で、CSSの疑似要素『::before』と『::after』を利用しています。 疑似要素を使うと、不要なHTMLタグを増やさずにCSSで装飾できます。 ::before ＝ 選択した要素の最初の子要素として疑似要素を生成 ::after ＝ 選択した要素の最後の子要素として疑似要素を生成 これらは、要素に装飾的な内容を追加
普段なにげなく使っているフォントですが、文字の太さを表すフォントウェイトには注意したいポイントがあります。とくにどの環境でも同じフォントにするためのウェブフォントでも、CSSの設定やOSの違いによって見え方が変わってしまうことがあります。ほかにもCSSの設定によっては意図しないウェイトが適用されてしまうこともあります。 この記事ではフォントウェイトのまつわる落とし穴と、それを回避するための方法を紹介します。エンジニアだけでなく、デザイナーの方にも役立つ内容です。 Noto Sans JPを例にフォントのウェイトの設定を変えながら見え方を確認できるデモページを用意しました。ぜひ試してみてください。 サンプルを別ウインドウで開く コードを確認する アンチエイリアス まず、アンチエイリアスについて簡単に説明します。アンチエイリアスとは、画面上で表示される輪郭を色の濃淡などを用いて滑らかにする処理
2024年のブラウザならCSSの:has()疑似クラスが使えます。この:has()疑似クラスは非常に強力なポテンシャルをもっています。というのも:has()疑似クラスを使えば、どんな関係のセレクターも指定可能になります。これを使えば多彩なセレクターが記述できるようになり、より表現力豊かなCSSを実現できます。この記事では:has()疑似クラスを使ったCSSの表現手法やテクニックを紹介します。 サンプルを別ウインドウで開く コードを確認する :has()疑似クラスの基本的な使い方 :has()疑似クラスの使い方について簡単に説明します。:has()疑似クラスは渡したセレクターを持つ親要素を選択します。たとえば、次のようなHTMLとCSSがあるとします。 <p class="text"> <strong>メロス</strong>は激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。
漫画家・鳥山明さん（68）急逝 3月1日に急性硬膜下血腫のため『ドラゴンボール』『Dr.スランプ』名作うみだす【コメント全文】（めざましmedia） - Yahoo!ニュース
『ドラゴンボール』『Dr.スランプ』などの名作を生み出してきた漫画家の鳥山明さんが2024年3月1日に急性硬膜下血腫のため亡くなっていたことが分かりました。68歳でした。 【写真49枚】「DRAGON BALL」全巻表紙でたどる 鳥山明さん(68)の名作 葬儀は近親者のみで執り行われたということです。 プロダクションからの発表ファン、関係者の皆さまへ 突然のご報告になりますが、 漫画家・鳥山明は2024年3月1日、急性硬膜下血腫により永眠しました。68歳でした。 熱心に取り掛かっていた仕事もたくさんあり、 まだまだ成し遂げたいこともあったはずで、残念でなりません。 ただ、故人は漫画家としていくつもの作品を世に残して参りました。 多くの世界中の方々に支持していただき、45年以上にわたる創作活動を続けることができました。 これからも鳥山明唯一の作品世界が、末永く皆さまに愛され続けることを切に願
テキストをホバーしたときの変化やアニメーションをつくることは、どのようなサイトをつくっていてもほぼ必ず行う工程ではないでしょうか。 テキストがリンクであることをユーザーに伝えるという点では、ブラウザのデフォルトスタイルのような下線のみで十分な場合もあると思います。 しかしそれだけではなく、変化をつけてよりわかりやすくしたい場合や、サイト全体の雰囲気に合わせたい場合にちょっとしたアニメーションが効果的です。 今回はHTMLとCSSのみで作成できる、シンプルながら少し目を引くアニメーションをテーマに実装例を紹介します。 ▼今回紹介する実装例一覧 とくに、以下のようなデザイナー／エンジニアにとって参考になれば嬉しいです。 HTMLとCSSのみでどのようなホバー時のアニメーションができるのか知りたい 透明度の変化や、下線のつけ外し以外の実装例の引き出しを増やしたい ※今回の実装例では主にヘッダー／
漫画制作に適したモデルは？Animagine 3.1 vs Animagine 3.0 徹底比較！｜AICU media
4月に入り、X や kindle インディーズで AI で漫画を見かける機会が増えてきました。最近のイラスト系画像生成 AI では、漫画が流行の兆しを見せてきているようです。 参考：SD黄色本 そこで AICU media では、「AI で漫画を作ってみたいけど、どのモデルを使えばいいんだろう…」という方向けに、白黒漫画制作に適した Stable Diffusion のモデルを調査しました！ Animagine 3.1まずはアニメ系 SDXL の主流モデルとなっている「Animagine」の最新バージョンである Animagine 3.1 でモノクロイラストを生成してみましょう。 プロンプト「best quality , monochrome , lineart,1girl, bob cut, flat chest , short hair , school uniform, round_
前回の記事『2024年版 HTMLで作るフォームバリデーション』ではHTMLの機能を駆使したフォームバリデーションの実装について解説しました。HTMLのみでも高機能なフォームを作成できるのは解説したとおりですが、HTMLに加えてJavaScriptを組み合わせることでより高機能なフォームを作成できます。それに加えて、開発者体験の向上も期待できます。 本記事では3つのライブラリを使用して実践的なフォームを作成する方法を解説します。 UIライブラリ「React」 フォーム向けライブラリ「React Hook Form」 型システムと相性の良いスキーマバリデーションライブラリ「Zod」 また、静的型付け言語であるTypeScriptもこれらのライブラリと同時に使用し、堅牢なフォームの実装を目指します。 本記事を読むことで以下の知識が身につきます。 フォーム画面のユーザー体験（UX）と、フォーム実
この記事について みなさん、ECS利用していますか！？ AWSでコンテナを使うのなら、ECSですよね！?(kubernetesわからない勢) ECSはタスクという単位で、アプリケーションを実行させます。 そして、タスクの中にコンテナが１つ以上稼働します。 タスクはタスク定義から作成されます。タスク定義はタスクの金型的な存在です。 また、タスク定義はJSONファイル（以後taskdef.json)として運用することが一般的です。 このtaskdef.jsonを実運用する際に迷うポイントがあります。 それは以下のどちらの方法にするかです。 – 方法① : 各環境ごとにtaskdef.jsonを用意する – 方法② : 各環境でtaskdef.jsonを共用する ①,②について、それぞれの詳細/メリット・デメリットについて洗い出しをして、どちらを採用すべきかについての見解を述べていきます。 あく
![[ECS] タスク定義ファイル(taskdef.json)の運用について考える | iret.media](https://cdn-ak-scissors.b.st-hatena.com/image/square/44fc1474c22e3382588fd4b15ee70ff7f704163b/height=288;version=1;width=512/https%3A%2F%2Firet.media%2Fwp-content%2Fuploads%2F2021%2F07%2Fimg-eyecatch-aws-02-1200x630.png)
導入 本記事では以下を記載します。 「VPCとAWSサービス間の接続」や「VPCと外部との接続(PrivateLink使用可能)」において、 VPCエンドポイントを使用するべきか、もしくはNAT Gatewayを使用するべきかを セキュリティ面と費用面から比較してみます。 セキュリティ面 VPCエンドポイント VPCエンドポイントを使用すると、VPCとAWSサービス間の通信をインターネットを経由せずに直接接続することができます。 最近はVPCエンドポイントを用いて接続できるSaaSも増えてきています。 外形監視のNew Relicも一部リージョンでPrivateLinkによるサービスが開始されました(※東京リージョンは対象外)。 https://docs.newrelic.com/jp/docs/data-apis/custom-data/aws-privatelink/ PrivateL
X(旧Twitter)から画像や動画をまとめて一気にダウンロードできる「twmd(twitter-media-downloader)」を使ってみた
X(旧Twitter)上で投稿されている写真や動画などのメディアをまとめてダウンロードできるツールが「twmd(twitter-media-downloader)」です。XのAPIが有料化した際、この種のツールは使えなくなったものも多いのですが、twmdはアカウントの認証情報やAPIなしでも利用できます。 GitHub - mmpx12/twitter-media-downloader: twmd: CLI/GUI Apiless twitter downlaoder. Download medias from single tweet or a whole profile. https://github.com/mmpx12/twitter-media-downloader twmdは以下のページからダウンロードできます。 Releases · mmpx12/twitter-media-
【異変】東京・晴海に“謎のキーボックス”あちこちに… 誰が何のため？住民不安の声「すぐ解決してほしい」 | めざましmedia
高層マンションなどが立ち並ぶ東京・中央区の晴海地区。東京湾を臨むこの閑静な住宅街で今、“ある異変“が起きています。 全ての画像を見る めざまし８取材班が見つけたのは、電柱に不自然に取り付けられた“謎の箱”。 めざまし８取材班： 電柱に何か黒い箱のような物が取り付けられていますね。公園や幼稚園などが立ち並ぶ中、こんなところにキーボックスが設置されています。 よく見ると、鍵を収納するキーボックスのようです。この“謎のキーボックス”は晴海の街の至るところで見つかりました。 めざまし８取材班： あ、ここにもキーボックスが設置されています。同じ電信柱に2個もついていますね。
プログラミングにおいて、ユニットテストを書いてコードが正しく動くか検証することはとても重要です。ユニットテストを導入する目的といえば品質の向上ですが、それ以外にもメリットがたくさんあります。 この記事ではユニットテストを書くとどんなメリットがあるのか、またユニットテストを書くときのちょっとしたコツを紹介します。 ユニットテストを書くメリット 「TODOアプリ」を作っていると仮定して、実際にコードとテストコードを確認しながらメリットを考えてみましょう。 この記事で紹介するテストコードは以下から確認できます。実際に手元で動かせるのでぜひ試してみてください。 コードを確認する ※上記のテストコードはテストフレームワークのVitestを使用して書かれていますが、記事の内容自体はフレームワークによらない普遍的な考え方をもとにしています。 メリット①書いたコードが意図したとおりに動くかすぐ確認できる
音を極める――メディア芸術の音を創造した人々 第8回 作曲家、プロデューサー・菅野よう子［前編］ | MACC – Media Arts Current Contents
トップ > 記事 > 音を極める――メディア芸術の音を創造した人々 第8回 作曲家、プロデューサー・菅野よう子［前編］ 不破 了三 アニメ・特撮・ゲームなどのメディア芸術の世界における「音」の表現を切り拓いてきたクリエイターにお話をうかがうインタビュー連載「音を極める――メディア芸術の音を創造した人々」。今回は「アニメ音楽に対する世の中の評価は、彼女の登場から変わった」と多くの人が口を揃えて語る、作曲家兼プロデューサーの菅野よう子氏です。まずは菅野氏ならではの楽曲制作方法から、学生時代の音楽活動、ゲームやCMへ楽曲提供してきた経緯をお話しいただきました。 連載目次 第1回 作曲家・田中公平（前編） 第2回 作曲家・田中公平（後編） 第3回 作曲家・神前暁（前編） 第4回 作曲家・神前暁（後編） 第5回 作曲家・鷺巣詩郎［前編］ 第6回 作曲家・鷺巣詩郎［中編］ 第7回 作曲家・鷺巣詩郎［後
数値や日付をさまざまな形式の文字列に！ toLocaleString()を使ってスマートに変換しよう ウェブアプリケーションなどでは外部のAPIからデータを取得して表示することがあるでしょう。しかしながら、APIの値を必ずしもそのまま表示せず、ユーザーにとって分かりやすい文字列に加工することもあります。たとえば、数値をカンマ区切りにしたり、日付データを特定のフォーマットに変換したりといったことはみなさんも経験があるのではないでしょうか？ そのような数字や日付を変換するのに便利なのが、JavaScriptのtoLocaleString()メソッドです。このメソッドを使うことで、数値や日付をさまざまな形式に変換できます。この記事では、toLocaleString()メソッドの使い方と、その応用例を紹介します。 サンプルを別ウインドウで開く コードを確認する toLocaleString()メソ
リリース以来数多くのアップデートが行われ、多機能になっていくFigma。今回はそんなFigmaの基本機能を使用した、簡単なデザイン作成やあしらいづくりに活かせる表現TIPSを紹介します。 テキストの表現 マスク機能やエフェクト、そしてレイヤーのブレンドモードを使用したテキストの表現をいくつか紹介します。 TIPS：画像をテキストでマスクする マスク機能を使用して、画像をテキストの形に切り抜きます。 以下の手順で切り抜きます。 画像とテキストレイヤーを用意 画像が前面になるようにして、画像とテキストレイヤーを重ねる 両方のレイヤーを選択状態にして、右クリックメニューから［マスクとして使用］を選択（ショートカットキーは、Mac：control + command + M、Windows：Ctrl + Alt + M） マスクした後も、テキストレイヤーは編集可能です。 さらに画像をレイヤーブラー
コンテナークエリー（@container）は、CSSの新しいアットルールです。従来のメディアクエリー（@media）とは異なる手法で、レスポンシブウェブデザインができます。メディアクエリーはビューポート（ブラウザ幅）を条件にスタイルを適用できるのに対して、コンテナークエリーは要素の幅を条件にスタイルを適用できます。 コンテナークエリーを利用することで、再利用性の高いパーツを実装できます。とくに、カラム数が多いレイアウトや複雑な横並びの要素において、コンテナークエリーは有効な機能です。 この記事では、簡単な作例と使用上の注意点を紹介します。 コンテナークエリーの使い方 作例の紹介の前に、コンテナークエリーの使い方を簡単に説明します。 コンテナークエリーを使用するためには、使用したい親の要素にcontainer-typeプロパティを設定する必要があります。以下の2通りの指定ができます。 con
良いKPIを作るための7つのルール【10,000字】｜#BtoB事業開発アドカレ｜よごろさき｜ ONE MEDIA
KPI（Key Performance Indicator）・・・BizDev にとっては日々向き合う身近な存在であり、悩ましくも頼りになるヤツですね。この記事では、ワンメディアで実践した2年間の経験をもとにして、「どのように良いKPI を作っていくのか」をテーマに7つのルールを紹介していきます。 事業開発 / BizDev の皆さんや、チームマネジメントを行うマネージャー職の方にぜひ読んでいただきたいです！ ✅ この記事のまとめ ・正しく使いやすい「良いKPI」とそのKPI ツリーのつくりかた ・2年間で変わったKPI マネジメントのBefore / After ・失敗経験を踏まえた、良いKPI をつくる7つのルール 2024/01/20追記 こちらのnote記事について「ぜひ勉強会をしてほしい」というお声をいただきまして、その際に記事内容をスライド化しました。だいたい同じ内容です 📝
「Lottieロッティー」はベクター画像のアニメーションを実現できる技術・ファイルフォーマットです。 Lottieアニメーションの作り方編の記事（Figma編、After Effects編）では、Lottieの概要から作り方、ファイルの書き出し方までを紹介しました。本記事では、Lottieアニメーションの実装方法について紹介します。 Lottieの組み込みはプラットフォームに応じたさまざまな実装方法が用意されていますが、一般的なウェブの方法を例に紹介します。実装編の前編となる本記事では、手軽に組み込むことができるLottie-Playerを使用して実装します。 iOS、Androidアプリケーション等のそのほかの実装方法は公式ドキュメントを参照ください。 アニメーションの実装 ウェブ向けの実装方法は大きく2パターンあります。HTMLメインの方法と、JavaScriptメインで実装する方法で
『晩餐歌』が爆発的ヒット tuki. 15歳の等身大インタビュー完全版 音楽活動は「ゆる～く趣味として」 | めざましmedia
若い世代を中心に高い人気を誇る楽曲「晩餐歌」を歌う15歳のシンガーソングライター・tuki.さん。『めざましテレビ』の取材に、音楽活動は「ゆる～く楽しみながらあくまで趣味としてやるのを大切にしている」などと話してくれました。テレビでは放送していない未公開部分も含めたインタビュー完全版です。
ナビゲーションリスト ナビゲーションリストは、主にメニューやリンクの一覧を整理して表示するためのUI要素です。自分が今どのページを訪れているのかを示すことによって、ユーザーはウェブサイトの構造や階層を理解しやすくなります。 ▼ 実装例（一部抜粋） <li><a href="#">CSS</a></li> <li><a href="#" aria-current="page">JavaScript</a></li> <li><a href="#">その他</a></li> ▼ スクリーンリーダー（VoiceOver） aria-current="page"を指定した要素は「現在のページ、リンク、JavaScript」と読み上げられます。また、リンクが一度でもクリックされていたら、「閲覧済み」という音声が追加されます。 ▼ スクリーンリーダー（ナレーター） 「リンク、JavaScript」と読
!function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '14
小岩井ことりインタビュー「人生全部がオタ活」「音楽ビジネスの基礎はやっぱり著作権」 | KENDRIX Media 権利のDXを志向するメディア
幼少期に見たアニメをきっかけに声優になることを志した小岩井ことりさん。現在は、人気声優であることは言わずもがな、DTMを駆使した作詞・作曲に加え編曲や録音・歌唱までこなし「完パケ納品できる唯一無二の声優」と称されています。作詞・作曲を本格的に始めるにあたっては、著作権の本を読み漁って勉強された過去もお持ちとか。そこで今回は、声優や作詞・作曲のお話、最近注力されているASMRのこと、さらに著作権についてもお話しいただきました。 ――現在、声優業のかたわら、ご自身で作詞・作曲を行うなど、幅広く活動されていますが、幼少期から活動的だったのでしょうか。 そうですね。たとえば…「松ぼっくり」ってあるじゃないですか。あれを全種類コンプリートしたくて集めまくったり（笑）。松ぼっくりに関しては、「これ無限にあるな」って途中で気づいてやめましたけど、それぐらい好奇心旺盛な幼少期だったと思います。 ――声優に
コンテナークエリーは、要素の幅を条件にする機能だけでなく、CSS変数を条件にスタイルを適用する、コンテナースタイルクエリーという機能があります。活用することで、ひとつのクラスに異なるバリエーションのスタイルを定義できます。 前回の記事『要素の幅でレスポンシブ対応を行える！コンテナークエリーの使い方』では、コンテナークエリーの基本的な使い方を紹介しました。本記事では、コンテナースタイルクエリーの使い方を紹介します。 ※本記事のデモは、ChromeまたはEdgeでご覧ください。ブラウザのサポート状況は、後述する「対応ブラウザ」を参照ください。 コンテナースタイルクエリーの使い方 @containerの条件をstyle()関数で定義することで、コンテナースタイルクエリーを利用できます。関数の引数には、条件とするCSS変数と値を設定します。CSS変数は、親要素に定義された値を参照します。 また、前
音を極める――メディア芸術の音を創造した人々 第9回 作曲家、プロデューサー・菅野よう子［後編］ | MACC – Media Arts Current Contents
トップ > 記事 > 音を極める――メディア芸術の音を創造した人々 第9回 作曲家、プロデューサー・菅野よう子［後編］ 不破 了三 作曲家やプロデューサーとして、アニメ・ゲーム・CM・ドラマ・映画に数多くの楽曲を提供してきた菅野よう子氏。前編でお届けしたのは、幼少期から作曲を始め、導かれるように音楽業界へ足を踏み入れ、ゲームやCMに楽曲提供をするようになったこと。続いて、仕事をともにしてきた映像作家とのエピソード、次世代クリエイターへの思いなどについても語り下ろしていただきました。 連載目次 第1回 作曲家・田中公平（前編） 第2回 作曲家・田中公平（後編） 第3回 作曲家・神前暁（前編） 第4回 作曲家・神前暁（後編） 第5回 作曲家・鷺巣詩郎［前編］ 第6回 作曲家・鷺巣詩郎［中編］ 第7回 作曲家・鷺巣詩郎［後編］ 第8回 作曲家、プロデューサー・菅野よう子［前編］ 第9回 作曲家、
大学生が英語の勉強をやるべき7つの理由 まずは、大学生が英語を勉強したほうがいい理由を見ていきましょう。 「大学生は英語を勉強すべきというけど、なぜ？」と感じている人もいるかもしれません。 大学生のうちに英語を勉強して身につけておくことには、さまざまなメリットがあります。 これからご紹介する理由を知ることで、英語の重要性を感じて積極的に勉強に取り組めるでしょう。 それでは、大学生が英語の勉強をやるべき理由を7つご紹介します。 さっそく見ていきましょう。 1.勉強時間を確保しやすい 大学生は授業以外の自由な時間がたくさんあります。 時間を好きに使えるので、英語の勉強時間を確保しやすいです。 大学生の授業は、社会人の仕事のように平日毎日8時間あるわけではありません。 授業の空きコマがあったり、午後から授業があったり、授業のない日もあるでしょう。 このように、大学生は自分で好きに過ごせる時間が多
Never* use Datagrams Click-bait title, but hear me out. TCP vs UDP So you’re reading this blog over the internet. I would wager you do a lot of things over the internet. If you’ve built an application on the internet, you’ve undoubtedly had to decide whether to use TCP or UDP. Maybe you’re trying to make, oh I dunno, a live video protocol or something. There are more choices than just those two bu
BUCK-TICK OFFICIAL MOBILE SITE「LOVE & MEDIA PORTABLE」は、月額440円（税込）で様々なコンテンツをお楽しみいただけるサービスです。 チケット先行をはじめ、メンバー本人執筆によるBLOG、レア動画が閲覧できるMOVIE、メンバーに直接メッセージを投稿できるFAN MAILのほか、各種アプリなど、様々なオリジナルコンテンツをお楽しみいただけます。 BUCK-TICK OFFICIAL MOBILE SITE "LOVE & MEDIA PORTABLE" is a service that you can enjoy various contents at 440 yen per month (tax included). You can enjoy various original contents including ticket pre
2024年4月11日、元横綱の曙太郎さんが、４月に心不全で亡くなったことが分かりました。 告別式は家族のみの密葬で行われるというこです。54歳でした。 曙太郎さんは7年前に北九州市で倒れて以来、闘病生活を続けていました。曙さんは、東京近郊の病院に入院していたということです。 【写真6枚】心不全により逝去された元横綱 曙太郎さん アメリカ・ハワイ出身の曙さんは1993年に第64代横綱になり、人気を博しました。 ■元横綱 来歴 曙さんはアメリカ・ハワイ出身。 昭和63年3月場所で初土俵を踏み、203センチを超える長身から繰り出す突きと押しで人気を博しました。 平成2年9月場所で新入幕を果たし、平成4年7月場所で新大関 に。そして、平成5年3月場所で外国人として大相撲史上初の第64代横綱となりました。 若貴兄弟とライバル関係を築き、1990年代の空前の相撲ブームをけん引しました。 生涯戦歴は65
顔認識技術を利用したアプリケーションは身近なところにあります。たとえば、カメラで映した顔に猫耳やリボンなどのスタンプを自由に追加できる加工アプリ「SNOW」や、ビデオ会議ツール「Zoom」、「Microsoft Teams」で使用できるフィルター機能などがあります。これらの機能は、フェイストラッキング技術を利用しています。 この技術はアプリだけでなく、ウェブブラウザ上でも実現できます。今回は、Googleが開発した機械学習用JavaScriptライブラリ「TensorFlow.js」を使って、ウェブカメラでリアルタイムに顔が認識されるデモを作成してみました。 TensorFlow.jsとは TensorFlow.jsは、Pythonで広く利用されている機械学習ライブラリ「TensorFlow」をJavaScript用にラップしたもので、ブラウザ上で機械学習モデルを手軽に利用できるようにする
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
元横綱 曙太郎さん心不全により逝去 7年前から闘病生活 | めざましmedia
Figmaでちょっとしたデザインをつくるときに使っているプラグイン8選 - ICS MEDIA
2024年版 HTMLで作るフォームバリデーション - ICS MEDIA
VS Codeでマークダウンを快適に書きたい！ オススメの拡張機能と設定6選 - ICS MEDIA
文章の折り返し指定のCSS最新版 - ICS MEDIA
『フロントエンドの知識地図』出版のお知らせ - ICS MEDIA
HTML・CSSで実装するかわいいフキダシのアイデア - ICS MEDIA
AI超解像で古いビデオがキレイに復元できる「VLC media player 3.0.19」が公開、ゼロデイ脆弱性の修正も／AV1ビデオのハードウェアデコーディングも有効化
意外と奥深いCSSのfont-weightの話 - ICS MEDIA
has()疑似クラスでコーディングが変わる！ CSS最新スタイリング - ICS MEDIA
『晩餐歌』が爆発的ヒット tuki. 15歳の等身大インタビュー完全版 音楽活動は「ゆる～く趣味として」 | めざましmedia
HTMLとCSSでつくる！ リンクテキストのホバー時アニメーション11選 - ICS MEDIA
ReactとZodで作る堅牢なフォームバリデーション - ICS MEDIA
[ECS] タスク定義ファイル(taskdef.json)の運用について考える | iret.media
VPCエンドポイントとNAT Gatewayの比較 | iret.media
JavaScriptのユニットテストを始めよう - ユニットテストのメリットと書き方のコツ - ICS MEDIA
数値や日付をさまざまな形式の文字列に！ toLocaleString()を使ってスマートに変換しよう - ICS MEDIA
Figmaの基本機能で簡単につくる、テキスト&あしらい表現TIPS - ICS MEDIA
要素の幅でレスポンシブ対応を行える！ コンテナークエリーの使い方 - ICS MEDIA
最新版！ Lottieアニメーションの実装方法 - Lottie-Player編 - ICS MEDIA
東京・3日間限定「資さんうどん」に400人以上が行列 谷原が“愛”語る「香りと味、うまみにあふれていて」今後関東に進出も？（めざましmedia） - Yahoo!ニュース
アクセシビリティーに考慮するHTMLコーディング - WAI-ARIAでスクリーンリーダーの読み上げがこう変わる - ICS MEDIA
デジタル生命体は創るべきではないと私は考えます。 | DISTANCE.media
CSSのコンテナースタイルクエリーstyle()の使い方 - ICS MEDIA
大学生は英語を勉強するべき！7つの理由と勉強方法を解説 - WEBCAMP MEDIA
Never* use Datagrams - Media over QUIC
BUCK-TICK LOVE&MEDIA PORTABLE
元横綱 曙太郎さん心不全により逝去 7年前から闘病生活（めざましmedia） - Yahoo!ニュース
ブラウザ上で可愛いフィルターを実現！TensorFlow.jsを使ったリアルタイム顔認識 - ICS MEDIA