グランドピアノを一新して新たな音楽体験を提供する Whipsawのコンセプトピアノ「Ravenchord」 | AXIS Web | デザインの視点で、人間の可能性や創造性を伝えるメディア
Courtesy of Whipsaw サンフランシスコのデザインスタジオ Whipsawは、ペイズリー模様のような形状のコンセプトピアノ「Ravenchord」を公開。「フロントプロジェクション・アップライトピアノ」とも名付けられ、ファウンダー兼CEOであるダン・ハーデン（Dan Harden）の「ピアノに対する従来のイメージを一新し、ダイナミックで刺激的なものにしたい」という思いが込められている。 私たちが日頃よく目にするグランドピアノは、水平に大きく広がるボディに200本以上の弦が張られ、演奏中に鑑賞者がその内部の仕組みを見ることはできない。また、奏でられた音は響板や大屋根を介して広がるため、観客の耳に直接届かない。そして、譜面台や大屋根によって、演奏者の顔がよく見えない。こういった点を解消するために、構想されたのが「Ravenchord」だ。 Courtesy of Whipsaw
1日3食とっているのに栄養失調？うつ病リスク高める「危険な食生活」とは
せいだんしゃ／紙媒体、WEBメディアの企画、編集、原稿執筆などを手がける編集プロダクション。特徴はオフィスに猫が4匹いること。http://seidansha.com ニュース3面鏡 インターネットの登場以来、以前にもまして巷にはニュースがあふれ返っています。そうしたニュースや出来事の中から、ＤＯＬ編集部が気になる出来事を厳選し、正面のみならず右から左から、価値あるニュース、楽しいニュースをお届けします。 バックナンバー一覧 プロテインブームでも “摂りすぎ”はNG！ そのほか、筋トレと同じようにブームが到来している“タンパク質”の摂り方にも注意が必要、と満尾氏は話す。 「タンパク質は、適量を摂れば体づくりに役立つ重要な栄養素ですが、昨今は“摂りすぎ”に陥っている人もいます。とくに、通常の食事に加えてプロテインを飲んでいる人は、1日の推奨量を大幅に超えているケースが少なくありません。粗食の
スクリーンリーダーの操作にはTab以外のキーも必要です - Qiita
Webのアクセシビリティの確認としてスクリーンリーダーを使った動作確認もしてもらうと 「リンクとかボタンしか読まれず、見出しや説明文がスキップされてしまいました」 という報告をされることが時々あります。 これは大抵、スクリーンリーダーを起動して、Tabキーだけを繰り返し押してしまっていることによって起こります。スクリーンリーダーの操作方法を伝えると、読み飛ばしたと思っていたところもちゃんと読みあげてくれたということがほとんです。 アクセシビリティをかなり意識したページであっても、Tabキーだけでスクリーンリーダーを操作しているかぎり、ページの隅々まで読めることはほとんどありません。スクリーンリーダーにはTabキーを押す以外にもいろいろな操作が存在して、それを憶える必要があるわけです。私はアクセシビリティチェックのやり方を説明するときには、必ずその操作方法のうち最低限のものを紹介しているつも
標準化されたCSSのzoomプロパティ
標準化されなかったzoom CSSのzoomプロパティをご存知でしょうか？ 有名（だった）なIE向けのハックとして *zoom: 1; などを記述したことがある人、または見たことがある人もいるかと思います。 zoom はIEの独自実装プロパティとして生まれいくつかのブラウザでサポートされたものの、長らく標準化されなかったことからサイトでの利用は推奨されることはありませんでした。 標準化されたzoomがNewly Availableに！ そんなzoomプロパティですが、標準化が進みBaseline 2024において「Newly Available」というステータスになりました👏 まだNewly Availableなので積極的な利用の推奨はできないものの、使い道を考えられるようになりました。 zoomに使い道がありそうな予感 CSSで要素を拡大する手段としてはtransform: scale
初心者から上級者まで楽しめる！六甲山トレイルランニングおすすめコース３選 | Feel KOBE 神戸公式観光サイト
世界的なトレイルランニングの大会である「Golden Trail World Series」の開幕戦や、「六甲山全山縦走大会」など、数々のトレイルランニングの舞台となる六甲山。 東西約30kmにかけて広がる六甲山系にはエリアによって様々な表情があり、初心者やライト層でも楽しむことのできる比較的フラットで走りやすい場所から、アスリートランナーでも十分満足できるような難所まで、バラエティに富んだトレイルがたくさんあります。 今回は、趣味でトレイルランニングを愛好する筆者がオススメする、六甲山のトレイルランニングコースを3つ紹介します。 往路と帰路が同じというような単調なコースではなく、適度な距離を一方向に進むという変化に富んだコースで、さらにゴールには温泉があって汗を流すことができる、心身ともにリフレッシュできる行程になっています。 いずれのコースもトレイルランニングとして走らなくても、のんび
Gmailユーザー注意、アドレス内の「ピリオド」がプライバシーを危険にさらす | Forbes JAPAN 公式サイト（フォーブス ジャパン）
20億人近い人たちがグーグルの無料メールサービスGmailを利用している。当然ながら、グーグルはユーザーのプライバシーを守り、悪質な行為からアカウントを保護するためにさまざまな対策を講じている。 毎日3000億通以上のメールが同サービスを通じて行き交う中、メールアドレス作成におけるたった1つの単純なミスで、あなたのメールが赤の他人にさらされてしまう可能性がある。さらにこのミスはあなたのプライバシーを危険にさらすだけでなく、Googleアカウント全体に悪影響を与える可能性もあるのだ。 Gmailのセキュリティは一流 あなたのメールを脅かすのは、サイバー犯罪者やハッカー、あるいは家族だけではない。最大の敵は、あなた自身かもしれない。Gmailは世界のメールプロバイダーの中で最も多く使われているため、あなたのログイン認証から個人情報まで、あらゆるものを盗もうとしている者にとってその受信トレイは格
Docker入門資料「入門 Docker」を5年ぶりにアップデートしました。 - y-ohgi's blog
TL;DR 「最短でプロダクションで扱うため」のコンセプトはそのままに 入門 Docker がv2になりました 5年ぶりにのアップデートで、古くなった情報を消し最新の情報の追加をしてほぼ書き直しました。 現代でも残ってしまっているような古いプラクティスについても言及しているので、再読もオススメです。 概要 入門 Docker を5年ぶりにアップデートしました。 deprecatedな部分だけは綺麗にするかと思い、git cloneしたところ筆が乗りだいぶ様変わりしてv2になりました。 変更点 古くなってしまっている情報を修正したことがメインです。 特に以下3点です。 1. DockerfileのDSL 2. compose v2対応 3. Dockerfileのベストプラクティス 他にもいくつか。 現在でも使用されている非推奨な使い方への言及 古くなってしまっているが、現在でも使用されてい
入門 Docker
入門 Docker¶ About¶ Dockerの入門からプロダクションで活用するプラクティスについてのドキュメントです。 プロダクションへ導入するために必要なDockerの概要から設計までをなるべく最短経路で学ぶことが目的です。 想定する読者層¶ WebAPIのようなサーバーサイドのプログラミングをしたことがある Dockerをこれからプロダクション環境へ導入してみたいと考えている初学者 Version¶ Docker 18.09.3 docker-compose 1.23.2 必要な環境¶ Docker Hub のアカウント Docker公式レジストリ Play with Docker DockerをWeb上で動かせる環境 Play with Dockerを起動するのに前述のDockerHubアカウントが必要 Docker for Mac(Windows)の場合VMが間に挟まり挙動が異
フォームのテキストエリアにCSSのfield-sizingとlh単位を使用すると便利、入力された文字量に合わせてサイズを自動変更
CSSはどんどん便利になっていますね！ これまではJavaScriptを使用しないとできなかったことがCSSで簡単に実装できるようになっています。 CSSのfield-sizing: content;でフォームのテキストエリアのサイズを入力された文字量に合わせて自動変更したり、テキストエリアの高さを行の高さで設定するlh単位を使ったCSSのテクニックを紹介します。 フォームのテキストエリアに使用するCSSのテクニックは、2つあります。 field-sizing: content;で、コンテンツに合わせてテキストエリアを自動的にサイズ変更する。 lh単位で、テキストエリアの高さを行の高さで設定する。 HTMLは、textareaを用意するだけです。
Firebaseでサービスを公開するときに気を付けるセキュリティポイント
Firebaseでサービスを公開するときに、最低限必要なセキュリティーのポイントをまとめています。 Firebaseは、現在もすごい勢いで開発が進んでいるので、セキュリティーに関するポイントやノウハウも日々更新されます。最新のドキュメントや、変更点を調べることをおすすめします。この記事を含め、ネットの記事は古い可能性があります。2022年前後でも、App Check導入、Cross service Rulesの導入、AuthenticationのIdentity Platform導入、Workload Identity連携の導入など、日々更新されています。 公式のFirebaseのセキュリティチェックリストは必ず目を通しましょう。 GCPインフラ Firebaseで使うGoogle Accountは個人のアカウントを使わないでGoogle Workspace/Cloud Identityの
【CSS】Chrome 117でリリースされるCSSプロパティ - Qiita
はじめに 先日、Chrome 117がベータ版としてリリースされ、新たな6つのCSS機能が追加されました。 追加された6つの機能は以下の通りです。 アットルール @starting-style CSSトランジションの開始時のスタイルを指定するための新しいアットルールです。 transition-behavior プロパティ CSSトランジションの動作を制御するためのプロパティーです。 overlay プロパティ 最上位レイヤーでCSSトランジションが行われるようにするプロパティです。 CSS grid の subgrid プロパティ CSSグリッドのサブグリッドを制御するためのプロパティーです。 text-wrap プロパティの値 pretty テキスト折り返すためのプロパティにperttyが追加されました。 contain-intrinsic-size プロパティの値 auto と no
Declarative Shadow DOMを利用したWeb ComponentsをSSR・CSRで実現する
Interop 2024のFocus Areasの1つに、Web Componentsがあります。このWeb Componentsに関連する機能として、Declarative Shadow DOMやsetHTMLUnsafe、parseHTMLUnsafeが2024年に入って新たにBaselineに追加されました。 これらの機能・Web APIは、サーバーサイドでの宣言的なShadow DOMの構築によるJavaScriptが無効な環境でも動作するWeb Componentsの実現や、クライアントサイドでの動的なDeclarative Shadow DOMの追加によるWeb Componentsの利用範囲の拡大に寄与してくれています。 今回は、このような盛り上がりを見せるWeb Componentsが、Declarative Shadow DOMやsetHTMLUnsafe・parseHT
Baseline 2024 Newly Available な機能をみてみよう
Baseline とは Baseline というものをご存知でしょうか。 Google I/O 2023 にで発表された、API のブラウザ間での互換性を明示するための取り組みです。 日々ブラウザで利用可能な API は増えていますが、ブラウザ間によっても実装状況に差異があります。新しい機能の存在を知ったとしても「で、これは結局もう使っていいの？」という判断は別途必要となります。 Baseline では、各機能について Newly Available と Widely available という基準を設けています。 Newly Available: コアブラウザ（Chrome, Edge, Firefox, Safari）の最新安定バージョンで利用可能になったもの Widely Available: Newly Available になってから 30 ヶ月が経過したもの たとえば、提供する
WebAssemblyとしてPostgreSQLをビルドした「PGlite」公開。Node.jsやブラウザ上でPostgreSQLを実行、DBの永続化も可能
PostgreSQLのソースコードをWebAssemblyバイナリとしてビルドしたことで、Node.jsなどのJavaScriptランタイムやWebブラウザ上で（ほぼ）フル機能のPostgreSQLを実行可能にした「PGlite」が公開されました。 PGliteはPostgreSQLのCのソースをEmscriptenでコンパイル PostgreSQLはオープンソースの代表的なリレーショナルデータベースであり、C言語で開発されています。 PGliteはこのPostgreSQLのCのソースコードのビルドにEmscriptenコンパイラを使用してWebAssemblyバイナリとして出力、JavaScript/TypeScriptからライブラリとして呼び出せるようにしたものです。 ただしEmscriptenでコンパイルされたプログラムは新しいプロセスをフォークできないため、PGliteはPostg
ZOZOTOWNのフロントエンド開発にCSS in JSを導入して2年後の状況 - ZOZO TECH BLOG
はじめに こんにちは。ZOZOTOWN開発本部フロントエンドの菊地（@hiro0218）です。 現在、ZOZOTOWNではWebフロントエンド技術のリプレイスプロジェクトが進行しています。以前の記事ではCSS in JSの技術選定をした際の背景や課題について紹介しました。 techblog.zozo.com その後、「ZOZO Tech Meetup - Web フロントエンド」でおよそ1年後の状況を簡単に共有させて頂きました。 speakerdeck.com 今回はZOZO Tech Meetupでお話した内容に加えて、CSS in JS導入から2年後の現状を改めて紹介したいと思います。 CSS in JS導入後の運用状況 ZOZOTOWNの開発体制は、Webフロントエンドだけでも5つのチームが存在し、さらに外部の業務委託メンバーも加えると、開発に携わるメンバーは執筆時点でのべ50名を超
CSS変数がもっと便利になる新しい記述方法、CSSの次世代変数@propertyがすべてのブラウザにサポートされました
CSSの@propertyがFirefoxにサポートされ、デスクトップ・スマホのすべてのブラウザでサポートされました。 @propertyは次世代変数と呼ばれるもので、これまでの変数（カスタムプロパティ）の使い勝手が大幅に向上します。@propertyによるカスタムプロパティの記述方法、@propertyを使ったCSSのテクニックを紹介します。 @property: Next-gen CSS variables now with universal browser support by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに @propertyのメリット @propertyによるカスタムプロパティの記述方法 @propertyの使い方: きらめくグ
iPad で Visual Studio Code を使う方法 - Qiita
iPadでVisual Studio Codeを使いたい 普段 iPadをよく利用していますが、何かプログラムを開発したりメンテナンスするときにiPadアプリで一般的なPCと同じ環境を求めようとしても使いやすいアプリがなく、やっぱり使いにくいなぁ・・・という感想を持っていました。ところが、下記の方法ならどうやらiPadでもVS Codeが使えるようで、これなら普段のPCの環境と同じようにコードを書くことができるので、ちょっと出先でコード編集したいなと思っても対応できそうです。 そんなニッチな悩みをお持ちの方のために、iPad で VS Code を使うための4つの方法を比較し、「iPad で Visual Studio Code (VS Code) を使いたいけど、どれを選べばいいの？」とならないように、それぞれの特徴やメリット・デメリット、料金などをわかりやすく解説します。 iPad で
ウエスト痩せなら【お腹の横】を鍛えるのが正解！みるみるお腹まわりの脂肪が落ちる「サイドプランク」 | ヨガジャーナルオンライン
腹筋と聞くと身体の前面を鍛えることをイメージしがちですが、側面を鍛えることも大切です。側面の引き締めのほか、体幹トレーニングにもなるのがサイドプランク。一見ハードに感じられますが、コツをつかめば安定してポーズをキープすることが可能です。 ウエストの引き締めに重要な腹筋群 ウエストサイズの変化は、スカートやパンツを履いたときに気づきやすいところ。痩せてパンツがゆるくなったり、反対に太ってボタンが締めずらくなったり、身体の調子を見るバロメーターにもなります。 ダイエットをしてもお腹が痩せない理由 「ダイエットをして体重が減ったのにウエスト周りに変化がない」という場合は、食事制限だけでなく腹筋群にアプローチする必要があります。腹筋群を強化することで、代謝が上がり脂肪燃焼効果が得られるだけでなく、便秘解消も期待でき、お腹周りがすっきりしてくるでしょう。 腹部を構成する4つの腹筋群 ・腹直筋：肋骨か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dig (DNS lookup)
焼肉道場 てっちゃん
