Xが表示する広告の品質が低下しているという声が、11月下旬から相次いでいる。アダルト系の広告や情報商材を宣伝するような広告が増えているとの声が上がっており、一部ユーザーからも反感が強まっている様子だ。記者のアカウントでも、同じタイミングから同様の広告が増えている体感がある。特に、以前は皆無だったアダルト系・情報商材系の広告が急増した感覚があり、正直あまり快適ではない。 一方で、同僚や知人からは「そうでもない」との声も聞かれる。そこで、記者や知人が使っているいくつかのアカウントで「おすすめ欄」に流れてくる広告が、何を宣伝しているものなのか集計。広告表示の傾向を確認してみた。もちろん個人への最適化の影響も少なからずあるだろうが、集計結果からは一定の傾向が見えてきた。 3アカウント500件の投稿を集計 今回の検証では、パーソナライズの影響をできるだけ避けつつ広告の内訳を確認するため、3つのアカウ

スイッチを入れるだけですぐに暖かくなる電気ヒーターって便利ですよね。でもヒーターが向いている方向のみが暖かくて、部屋全体にまで暖気が行きわたらない…。そんな常識を覆す、360℃にぬくもりが届く全方位カーボンヒーター「電気ヒーターNUKUREA（ヌクレア）」（1万7600円）が日創プラスから登場しました。 秘密は、だるまストーブを彷彿とさせるようなこのカタチ。確かにこれなら全方位が暖かくなりそう。魅力満載の電気ヒーターの秘密を探っていきましょう。 「NUKUREA」は、800Wの高温度ながら360度の全方位で暖めを実現した斬新なデザインが特徴的な電気ヒーターです。人が集まるダイニングやリビングでの使用がおすすめ。部屋の中央部に設置すれば、室内がやわらかな暖かさに包まれます。 ヒーター内部には、速暖性に優れたHDPEカーボンチューブを採用。カーボンチューブ＋超電導温度U字型クリスタルチューブに

癌治療を専門にしている医師ですが、夜寝付けなかったので、 癌になった時にまず最初に知っておいて欲しい事をかいてみました。 結論いかに早く治療を開始できるかで癌の治りやすさが変わります。 そして、あなた（患者）の頑張りで、治療開始日は大きく変化します。 今回は、知っておいて欲しい癌の知識について書いた後、癌の疑いがあると言われた時の治療開始RTAのコツについて書きます。 （RTA:リアルタイムアタック、いかに早くゲームをクリアできるかの挑戦の事） --- 知っておいて欲しい癌の知識 癌は、ひたすら増え続けるおかしな細胞人間の体は細胞で出来ていて、正常な細胞は決まった日数で細胞分裂して増えますし、決まった日数で死にます。例えば皮膚の細胞は1か月くらいで新しくなって、古い細胞は死んで垢になります。このバランスが保たれているのが通常です。 ただ、変な細胞も一定の割合で発生します。決まった日数で死な

SVGのテキストの輪郭の破線の間隔をアニメーションすることによって、文字の縁取りをするような表現になります。 文字の 輪郭を アニメ SVG <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" class="demo"> <text x="10" y="60" font-size="50" class="demo"> 文字の </text> <text x="10" y="120" font-size="50" class="demo"> 輪郭を </text> <text x="10" y="180" font-size="50" class="demo"> アニメ </text> </svg> CSS <style> svg.demo{ margin:20px; width: 300px; display:bloc

すべて ニュース マガジン チーム・メディア別 浦和レッドダイヤモンズ 大宮アルディージャ 大宮アルディージャVENTUS ちふれASエルフェン埼玉 三菱重工浦和レッズレディース さいたま佐渡サンブレイブ 戸田中央メディックス埼玉 T.T彩たま 越谷アルファーズ さいたまブロンコス SAITAMA LIPLA 埼玉上尾メディックス 大崎オーソル埼玉 さいたまSAICOLO 埼玉西武ライオンズ 埼玉武蔵ヒートベアーズ アルカス熊谷 埼玉パナソニックワイルドナイツ 狭山セコムラガッツ ヤクルトレビンズ戸田 チーム一覧 サッカー 浦和レッドダイヤモンズ 大宮アルディージャ 大宮アルディージャVENTUS ちふれASエルフェン埼玉 三菱重工浦和レッズレディース 自転車ロードレース さいたま佐渡サンブレイブ ソフトボール 戸田中央メディックス埼玉 卓球 T.T彩たま バスケットボール 越谷アルファー

A/Cコンプレッサーの故障から復旧して10日程後、出張先に家族から連絡が・・・ 「キーレスでドアロックが解錠できず、メカニカルキーでドアを開けたが、イグニッションスイッチを入れても全く反応なし、ルームランプすら点灯しない」とのこと（まーた壊れたんか～・・・）。 状況からすると電圧が極端に低下しているように思われましたが、バッテリーは1ヶ月ほど前にCCA値を測定して健全性を確認したばかりです。 安物のCCAテスターが当てにならなかったのか？それとも他の原因で電源が落ちているのか・・・？ これはまた厄介なことになったゾと思いましたが、とりあえず保険会社のロードサービスに連絡してジャンプスタートをお願いするよう指示しました。 その後、再度連絡があり、ジャンピングでエンジンは始動し、1時間ほどアイドリングのまま充電するよう指示を受けたとのこと（始動できない原因が車両側では無かった点は一安心ですが・

Note 2024/09/21 現在、カスタマイズ可能な <select> 要素は Chrome Canary の v130 以降で Experimental Web Platform Features フラグを有効にすることで利用可能です。 従来の <select> 要素は CSS を利用したスタイルを適用できないため、多くの開発者にとって課題となっていました。この課題を解決するために JavaScript を用いて独自のセレクトボックスを実装することが一般的ですが、この方法はアクセシビリティやパフォーマンスの問題を引き起こすことがありました。 この問題を解決するために新しい既存の <select> 要素をカスタマイズする手段が提案されました。<select> 要素と ::picker(select) 疑似要素に対して appearance:base-select を指定することで、開発

タイムラインを見ていると「flexとgridの使い分けがよく分からないよ」という人が多く散見されるので、今回は僕が普段意識していることを皆さんに紹介します。 これから紹介することはあくまで僕のやり方で、絶対的な正解とかではないので参考程度に留めておいてください。実装において頻出するレイアウトをサンプルに、どのように考えてレイアウトを組んでいけばよいかを自分なりに説明できたらなと思います。 はじめに僕がレイアウトを組む上で大事にしていること、および意識していること。それは、レイアウトに変化が起こった際に崩れが生じないことはもちろん、将来的な変更に対して柔軟に対応できることです。 極論を言ってしまえばgridは使わなくても大抵のレイアウトは組めてしまいます。Internet Explorerに苦しめられていたあの頃を思い出してみてください。現在でもgridは難解だからflexだけ使用するって方

数年前にWebページの一括編集の自動化などで、CSSセレクターでは複雑なノードの参照が難しかったため、XPathを使った際にまとめた記法などをメモとして残しておきます。

はじめに こんにちは@Sicut_study (Watanabe Jin)です。 去年の10月頃にReactのロードマップを投稿しておかげさまで1000いいねもすぐそこになりました そこから私自身も状況がかなり変わり、大好きなReactを使ってプログラミングを教えるスクールを運営しております。 エンジニアになりたい完全未経験の方や、すでにエンジニアだけどもっと自由にプログラミングができるようになりたい人をたくさん教えてきました。 👇メンバーの記事はこちらにあります その中である程度この流れで学習をすすめていけば1-2ヶ月程度でReactで自由にサービスを作れるレベルに再現性をもってレベルアップすることができると確信がもてたので、 実際にやっているカリキュラム(React部分)をすべて紹介します ロードマップは完全未経験でもできるようなものになっていますのでわかる箇所は飛ばしてもOKです。

ところがAPIが提供されていないWebサービスではどうなるでしょうか？多くの場合は、Webブラウザで閲覧することを目的として作成されたHTMLをスクリプトで取得し、解析するしか手段は残されていないはずです。この、HTMLを解析して必要な部分だけ 切り取る(scrape) 手法を総称して、 スクレイピング(scraping) というのです。 基本的な流れ (導入編) [http://qiita.com/mpyw] (http://qiita.com/mpyw) の最新記事を最大5件スクレイピングする例を示していきます。具体的な実装は後ほど示しますので、ここではスクレイピングするコードを書くときの考え方をまとめます。 目的とする結果 最初に、目的とする結果を var_dump 関数を用いて示します。 array(5) { [0]=> array(6) { ["title"]=> string(

最近クローラーを作成する機会が多く、その時にXPathが改めて便利だと思ったので XPathについてまとめてみました！ XPathを学ぶ方の役に立てれば幸いです。 初級編 XPathとは XPathはXML文章中の要素、属性値などを指定するための言語です。 XPathではXML文章をツリーとして捉えることで、要素や属性の位置を指定することができます。 HTMLもXMLの一種とみなすことができるため、XPathを使ってHTML文章中の要素を指定することができます。 例えば、 <html> ... <body> <h1>ワンピース</h1> <div class="item"> <span class="brand">iQON</span> <span class="regular_price">1,200円</span> <span class="sale_price">1,000円</sp

はじめに Reactの人気はどんどん加速しています。これからフレームワークを学ぶならReactを選ぶのは賢い選択でしょう こんにちは、Watanabe Jin(@Sicut_study)です。 今回はReactをこれから学んでいこうと思っている方に向けて、初心者チュートリアルを作成しました。 このチュートリアルではReactを書く上で欠かせないことを紹介しています。 実際にアプリを作りながらReactの機能について学ぶことによってより深く理解することが可能です。 このチュートリアルを最後までやったら、次に自分で習ったことを活かして簡単なTODOアプリなどを作れば基本がしっかり身につくようになっています。 またこのチュートリアルではJavaScriptではなくTypeScriptを採用しています。 モダンな会社ではTypeScriptが採用されることが多いはずだなので、少しでも慣れていただけ

Hand-crafted ✍️ interaction animations and effects from around the internet 🛜 to copy and paste into your project.

こんにちは。12月に入ってあちこちでアドベントカレンダーが始まっていますね。今年はどうしようか前日まで迷っていたのですが、今年はReactを使ってフロントエンド開発を始めたので、個人的な振り返りも兼ねてこれからReactを始める方向けに記事を書きます。 Reactとは Meta(旧Facebook)とコミュニティによって開発されているUI構築のためのJavaScriptライブラリです。React.jsやReactJSと呼ばれることもありますが、Reactという名前のみで呼ばれることも多いです。 Reactは元々FacebookのNews FeedのUIを構築するために開発されたもので、その後2013年5月にオープンソース化されました。現在では様々なサービスで使用されています。 Reactの特徴 Reactの特徴は以下の通りです。 宣言的なView コンポーネント志向のUI構築 効率的なレン

はじめに 知っておくと仕事が捗るブラウザ上で動く超便利なツールを17個集めました。 Squoosh Googleが開発した画像変換・圧縮用のWebサービス。 プレビュー画面で変換前後の画質をリアルタイムで確認しながら圧縮設定を調整することができる。 Documatic Documaticは、プロジェクトドキュメントの開発プロセスを削減するためのツール。API リファレンスからユーザー ガイドまで、コード ベースを簡単に文書化できる柔軟なテンプレートとユーザーフレンドリーな編集ツールを提供する。 transform jsonからyamlの形式に変換したい等、あらゆるデータ形式から別の形式に変換するサービス。 jsonからyml、htmxからjsxへの変形、jsonやGraphQLのIDLからTypeScriptのinterfaceまでも、ブラウザ上で生成することができる。 Roadmap.s