血圧を最も下げる運動とは。その効果「降圧薬並み」？【研究紹介】 レバテックラボ（レバテックLAB）
山下 裕毅 先端テクノロジーの研究を論文ベースで記事にするWebメディア「Seamless/シームレス」を運営。最新の研究情報をX（@shiropen2）にて更新中。 高血圧は世界中で十億人以上の規模で人々が罹患する重大な健康問題であり、心血管疾患の主要な危険因子として知られている。従来、高血圧の治療は薬物療法が中心だが、予備軍も含め運動が推奨されてもいる。では、どういった運動が効果的なのだろうか。この問いについて調査した2023年発表の論文「Exercise training and resting blood pressure: a large-scale pairwise and network meta-analysis of randomised controlled trials」を見ていきたい。 keyboard_arrow_down 有酸素運動より効果アリ？ keyboar
【完全版】Clineとは何かを徹底解説します
この記事で紹介する「Cline」は、同様のAI支援ツールの中でも、VSCodeの拡張機能として提供されるオープンソースのAIエージェントです。 AIのコード自動生成のみならず、自動的にターミナルを操作して依存パッケージをインストールしたり、エラーが出ればログを解析して修正案を提案・実行するなど、まるで“AIが開発を進めていく”ようなユーザー体験をもたらし話題です。 Clineの他にもWindsurfエディタやCursorエディタも同様の機能を提供しており、コレが今のAI駆動開発というバズワードにも繋がっています。 しかし、Clineはユーザーエクスペリエンスの緻密さや、複雑なコンテキスト認識の部分では、CursorやWindsurf、と見劣りする面も否めません。したがって実際には、CursorやWindsurfが使える環境であればそちらをメインにしつつ、Clineを補助的に利用するというの
やはりVRフィットネスは人生を変えると思う。5年間で筋肉質になった私 - 勝間和代が徹底的にマニアックな話をアップするブログ
安価で実用的なVRであるOculus Quest1が発売されたのが、2019年5月でした。 VRにはもともと興味があったので、その発売以前から、Oculus Goももっていましたし、ベースステーションが必要でPCとつなぐタイプのものもいくつかもっていましたが、Oculus Quest1が出たときに、初めて実用的なHMDが出たと思い、予約して飛びついて買いました。 ただ、当時はそんなにソフトウェアも豊富ではなく、それこそ、人に勧められるのはビートセイバーくらいでした。 ところが、2020年にSupernaturlが発売になったときには、うおーーー、と思って、おお、これもまた、やっと実用的なフィットネスソフトができるようになったとせっせと遊んでいました。 www.moguravr.com それから早5年近くがたち、HMDもQuest2、Quest3とどんどん画質も音質も上がっていき、フィットネ
1日どれくらい歩くと“うつ病”になりにくいのか。1000歩増でも効果あり？9万人以上対象に調査【研究紹介】 レバテックラボ（レバテックLAB）
この研究は、33件の研究データを統合して分析したメタ分析である。研究の内訳は横断研究が27件、縦断研究が6件（パネル調査3件、前向きコホート研究3件）。 対象となった成人は9万6173人で、18歳から90歳以上まで、幅広い年齢層を含んでいる。研究では、歩数計やスマートフォンなどで客観的に測定された歩数データを用いて分析を行った。 横断研究の結果、1日の歩数が多い人ほど抑うつ症状が少ない傾向が確認された。具体的には、1日5,000歩未満の人と比べて、10,000歩以上歩く人は抑うつ症状のスコアが統計的に有意に低く（標準化平均差-0.26）、7,500〜9,999歩の人でも同様に低い傾向（-0.27）がみられた。5,000〜7,499歩の人ではやや小さいものの、統計的に有意な低下（-0.17）が認められた。 ▲日々の歩数カテゴリーと抑うつ症状の間の標準化平均差の集計 さらに、前向きコホート研究
DevTools の使い方を可能な限りスクショ付きで解説してみる
以下の公開計測会でやったものを個別に解説してみる。 細かいテクニックが多いのだが、それを可能な限りテキストとスクショで解説したい。使い方の解説が中心で、どういう意味があるかは解説しない。 Chrome131時点のスクリーンショットで、後で読む場合は頻繁にUIが変わっている点に注意。大事なのは意図。 宣伝: これを御社のサイトで解説する仕事をやっています。 デモのURL これに意味はなく、今日偶然見ていただけで意図はない。関係ないがエッジランナーズは最高のアニメ。 DevTools を開く F12 or 右クリックから「検証」 DevTools > Lighthouse この状態で計測 このとき、新しいプロファイルを作ったりして、可能な限り Chrome拡張が入ってない状態にすること。Chrome拡張による処理も計測に含まれてしまう。 Lighthouse レポートの読み方 点数部分にマウス
CSSのwidth: 100%;のより良い代替手段として、stretchキーワードが実はかなり便利です
幅いっぱいの要素から左右のマージンを引きたいときに、こういうCSSを使用すると思います。width: calc(100% - 48px); 便利なCSSですが、マージンを計算する必要があり、デザインの変更があった際はCSSも変更する必要もあります。 そこでstretchキーワードを使用すると、便利です。要素はオーバーフローせずに使用可能なスペースいっぱいに表示され、マージンの計算も必要なくなります。 The stretch keyword: a better alternative to width: 100% in CSS? by Ollie Williams 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに width: 100%;が便利な例 width: stretch;の使い方 stretchのサポートブラウザ
グラデーションがくすんでしまうのには原因がある、それを自動的に解決して美しいグラデーションを生成できる無料ツール -Gradient Generator
美しいグラデーションを作成するには、補間するカラーにグレーが含まれないようにすることが重要です。グレーが含まれてしまうと、それがデッドゾーンになり、汚いグラデーションになってしまいます。 このグレーのデッドゾーンを回避し、簡単に美しいグラデーションを生成できる無料ツールを紹介します。 Gradient Generator – CSS & SVG Export ツールを紹介する前に、なぜグラデーションがくすんでしまうのか。 PhotoshopやFigmaなどで幅広い色相のグラデーションを作ろうとすると、グラデーションの中央にグレーのデッドゾーンができてしまうことがよくあります。 左: グレーがあるグラデーション、右: グレーを回避したグラデーション このグレーのデッドゾーンを避けるには、グラデーションに使用するカラーは大きなカーブ（直線はダメ）を描いて補間する必要があります。 そしてここで紹
SVGとJSを使ったラインアニメーションの実装 | 札幌ホームページ制作ラボ
SVGとJSを使ったラインアニメーションの実装について記事にしたいと考えています。 最近、ウェブで見るラインアニメーションについて、比較的簡単に実装する方法があったので、今回紹介したいと思います。 ラインアニメーションをウェブ上で実現するためには、SVGという線画のフォーマットを使って、実装します。 SVGとは SVG (Scalable Vector Graphics) は、XMLベースのファイル形式で、ベクター画像を表示するための標準フォーマットです。SVGは、以下のような特徴を持っています。 拡大縮小が可能: ピクセルベースの画像（ビットマップ）とは異なり、SVGは解像度に依存しないため、拡大縮小しても画質が劣化しません。このため、レスポンシブデザインや高解像度ディスプレイに最適です。 軽量で効率的: SVGはテキストベースのXML形式で記述されるため、ファイルサイズが小さく、ウェブ
何故くそややこしいReactを勉強しないといけないのか？ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 逃げるプログラマー、避けられない壁 Web系アプリケーション開発をするとなると、React, Angular, Vueといったフレームワークの話題は避けて通れないのだけど、面倒にかまけてみて見ぬふりをしているデヴェロッパー諸君は多いと思う。 自分もそういうダメグラマーの一人でした。 だが、Nodeベースでバックエンドを開発していると、どうしてもフロント側が必要だし、使いたいライブラリーや機能、操作性を組み込むためには、フロント側のフレームワークからは逃げられず、立派なフルスタックデベロッパーになる為に、重いけつを上げ、学習することにした
これでCSSのみで実装できる！ スクロール方向に合わせてヘッダを非表示・表示する方法を解説
Webページを表示し、スクロールダウンするとヘッダが非表示になり、ページのどこからでもスクロールアップするとヘッダが再び表示される、というのを見たことがあると思います。 これまでは実装するにはJavaScriptが必要でしたが、CSSのみで実装できる方法を紹介します。 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up. by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS Scroll-Driven Animationsでスクロール方向を検出する transition-delayプロパティを使ったテクニック ヘッダをスクロール時に表示
いろんな画像を一発で特定の形式に整えてくれるプログラムを作成した話
編集部員向けに、画像を自動でGIGAZINEに掲載する時の形式に整えるツールを作成しました。せっかくなので、作り方を記事にしてみました。 画像を変換する方法は多数存在していますが、今回はJavaScriptのライブラリである「sharp」を使用します。 sharp - npm https://www.npmjs.com/package/sharp 最初に開発環境を整えるため、Node.jsをインストールします。Node.jsのダウンロードページで「Prebuilt Installer」をクリックし、「Download Node.js v○○.○○.○」をクリック。 ダウンロードしたmsiファイルをダブルクリックして実行します。 Node.jsのセットアップウィザードが起動するので「Next」をクリック。 ライセンスに同意して「Next」をクリックします。 インストール先のフォルダを確認して
【一覧】自民党国会議員の“裏金”リスト｜日テレNEWS NNN｜日本テレビ系NNN30局のニュースサイト
【箱根駅伝】中央大学区間エントリー 吉居駿恭や阿部陽樹が補欠登録 溜池一太が花の2区に配置 前回大会総合13位からリベンジの戦い
【slick】中央のスライドだけ大きくする方法｜クリエイターブログ｜東京都新宿区のWeb制作会社 - ウェブラボ
こんにちは、ウェブラボクリエイターズメモです。 jQueryのスライダープラグイン「slick」で中央のスライドだけ大きくする方法をご紹介します。 サンプル まずはこちらをご覧ください。 See the Pen 【slick】中央のスライダーだけ大きくする方法 by weblab kanai (@weblab_kanai) on CodePen. 3枚のスライドが見えるようなスライダーで、中央のスライド、つまりアクティブなスライドだけ大きくなっています。 実装方法 まずはHTMLでslickスライダーを設置します。 <div class="slider"> <div class="slide"><img src="img01.jpg"></div> <div class="slide"><img src="img02.jpg"></div> <div class="slide"><img
「計算機アプリ作って」→AI「あいよ」 20万個以上のアプリが開発される
sponsored いまGIGABYTE”渡辺技師”が推すレシピはコレ！ キラキラを魅せる小型ゲーミングPCを組もう sponsored JAPANNEXTの「JN-IPS245G320F-HSP」をレビュー ゲーマーの私にぶっ刺さった、320Hzで3万円台の24.5型ゲーミングディスプレーがほし過ぎるっ！ sponsored 白のパーツを多く搭載、PCIe 5.0対応SSDを採用 人気のNZXTケース新モデル「H9 Flow White」を中心に、ゲーム性能とカラー統一に注力したPCがコチラ！ sponsored 写真や動画だけでなく、Windows環境を移行する際の一時的なファイル保存にも データ転送が遅いと嘆く人にはThunderbolt対応のSSDがおすすめだ！ sponsored JN-282IPS4KP-HSP-C90Wをレビュー 超広い3840×2560ドット（アスペクト比3
MinifyされたJavaScriptのコードをChatGPTで読みやすい形式に戻すことに成功
チーム向けのチャットボットAIを提供しているGlama.aiのエンジニアであるフランク・フィーゲル氏が、容量削減のために変数名を短縮し、改行や空白を消す「Minify」が行われたJavaScriptのコードをChatGPTを使って読みやすい形式に戻すことに成功したと報告しています。 Using ChatGPT to reverse engineer minified JavaScript - ChatGPT for teams | Glama https://glama.ai/blog/2024-08-29-reverse-engineering-minified-code-using-openai フィーゲル氏が最初に注目したのは、以下のサイトで背景に表示されているアニメーションでした。このアニメーションは文字で構成されたアスキーアートが波打って目まぐるしく変化していくもので、フィーゲル
可読性の高いコードを書くための実践ガイド - Qiita
はじめに ソフトウェア開発において、コードの可読性はプロジェクトの成功に直結する重要な要素です。読みやすいコードは、メンテナンスや拡張を容易にし、チーム全体の生産性を向上させます。 しかし、「読みやすいコード」 の定義は人によって異なります。個々のスタイルや好みによって解釈が分かれることもあるでしょう。それでも、できる限り多くの人にとって理解しやすいコードを書くことが、プロフェッショナルとしての責任です。このガイドでは、そんな読みやすさを意識した具体的なテクニックなどを紹介していきます。「もう知ってるよ！」と思った方も、今一度できているかを確認してみてください。 注意点 ここで紹介するのは、効率性を最優先したコードの書き方ではなく、誰が見ても理解しやすい、可読性の高いコードの作成方法です。効率的なコードを書くことも大切ですが、可読性を犠牲にしてしまうと、結果的にメンテナンス性が低下し、プロ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
年末はGmailも大掃除しましょう ～Google公式がX（Twitter）で簡単な掃除方法を伝授／「Google ドライブ」の容量が足りなくなる前に不要なメールを一気に削除【やじうまの杜】
jQuery DataTablesのスクロールバーをリッチにする - Qiita
Haystack
https://www.47news.jp/11308967.html
