10月6日に公開された「データビジュアライゼーションカタログ」が、海外で非常に大きく話題になっている。このサイトは、分析やコミュニケーションにおいて適切なチャート選びを支援するためのガイドとして役立つ。 割合 (Proportions) 円グラフなど、データの構成要素の割合を視覚的に示すチャートが提供されている。 関係性 (Relationships) 散布図などのチャートを使用して、データ間の関係性や相関を表現することができる。 階層 (Hierarchy) ツリーマップやサンバーストチャートなど、階層構造を視覚化するためのツールが揃っている。 概念 (Concepts) マインドマップなどの視覚化ツールを用いて、アイデアや概念の関係を視覚的に表現できる。 位置 (Location) 地理的な位置を示す地図を使ったデータビジュアライゼーションが提供されている。 部分対全体 (Part-t
Web開発の基礎技術であるCSS、HTML、JavaScriptを使い、実際に既存のサイトを模写する学習に挑戦しました。この記事では、その学習プロセスを要約し、特にIDやクラスの使用、スタイルの適用、そしてJavaScriptによる動的な機能の追加に焦点を当てています。 HTMLの基礎 HTMLはウェブページの骨組みを構築するための言語です。HTMLを書く際には、<div>、<header>、**<nav>**などのタグを使用して、ページの構造を定義します。模写したサイトでは、ハンバーガーメニューを含むレイアウトが特徴でした。以下はその基本的なHTML構造です。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>サイト名</title> <link rel="stylesheet" href="sty
TypeScriptが仕事で使えるレベルになるためには、単に基本的な文法や構文を理解するだけでなく、実際のプロジェクトやチーム開発でどのように活用するか、スケーラビリティや保守性を考慮しながらコードを書く能力が求められます。この記事では、TypeScriptを実務で使うために必要な基本から、少し踏み込んだ中級レベルの知識を、コード例を交えながら丁寧に解説します。 TypeScriptとは TypeScriptは、JavaScriptのスーパーセットで、JavaScriptに静的な型を追加した言語です。静的型付けとは、変数や関数にあらかじめ「このデータはこの型でなければならない」というルールを設定することです。このルールに基づいて、開発者が予想しない動作やバグを防ぐ手助けをしてくれます。 JavaScript自体は非常に柔軟で、型に縛られない自由な書き方ができますが、それが逆に大きなバグを生
v0とは v0（ブイゼロ）は、「Next.js」フレームワークの開発元としても有名なクラウドプラットフォーム企業Vercelが開発した、主にWebサイトやアプリケーションのUI（ユーザーインターフェース）コンポーネントの設計と開発を支援することを目的としたAIツールだ。 テキストプロンプトを入力するだけで、Webサイト用のUIコンポーネント（主にReactベース）やLP（ランディングページ）のコーディングができるのが本来の用途だが、最近はプレゼンテーション資料やその他のデザイン素材の作成にも利用できるということで注目を浴びている。 さっそく実際に使ってみることにしよう。 アカウント作成と料金プラン： v0を利用するには、まずVercelのアカウントを作成し、v0のFreeプランに登録する必要がある。 まずはv0の公式サイトにアクセス。
外出先でiPhoneやApple Watch、AirPodsを充電しようとした結果、充電器やケーブルでカバンの中がゴチャゴチャになってしまったり、コンセントの差し込み口が不足してしまったりといった事態に陥った経験がある人は多いはず。Ankerが2024年9月30日(月)に発売した「Anker MagGo Wireless Charging Station (3-in-1, Foldable Pad)」では、折り畳むと幅わずか7.5cmになる小型ボディにもかかわらず、iPhone、AirPods、Apple Watchという3つのApple製品をまとめて同時にワイヤレス充電することが可能です。そんなAnker MagGo Wireless Charging Station (3-in-1, Foldable Pad)が編集部に届いたので、実際に使ってみました。 最新のiPhone 16シリー
こんにちは、皆さん！今日は、Reactのプロジェクトを構築する際に「create-react-app」から脱却して、より軽量で高速なビルドツールを使う方法についてお話しします。具体的には、pnpm、Vite、React、そしてテストフレームワークのVitestを組み合わせて、シンプルかつ効果的な開発環境を構築していきます。 最近では、create-react-appが非常に人気ですが、プロジェクトが大きくなるにつれて、ビルド時間や初期設定の重さが気になることがあります。そこで、Viteの登場です。Viteは、開発者体験を向上させるために設計された新しいビルドツールで、非常に高速です。そして、pnpmは依存関係管理を効率化するためのパッケージマネージャーです。 このブログでは、これらのツールを使って、Reactプロジェクトを作成し、テストを設定する方法を具体的なコード例を交えながら説明します
「Cybersecurity News」は2024年10月3日（現地時間）、「Ubuntu」システムで使用される認証デーモン「Authd」に重大な脆弱（ぜいじゃく）性（CVE-2024-9313）があることを報じた。 この脆弱性が悪用された場合、機密データやリソースへの不正アクセスが許可され、サーバやデスクトップ環境におけるID管理に重大な影響を与える可能性がある。 UbuntuのAuthdに脆弱性 急ぎアップデートを AuthdはUbuntuマシンとクラウドベースのIDプロバイダーを連携させる役割を果たし、IDおよびアクセス管理を安全に実施するための重要な機能を提供するサービスだ。「Microsoft Entra ID」を含む複数のIDプロバイダーと統合が可能とされ、デスクトップおよびサーバ環境の両方で広く利用されている。 Cybersecurity Newsによると、CVE-2024-
最近、プログラミング言語「Python」に関して残念な出来事があった。2023年10月に開催されたPython関連イベント「PyCon APAC 2023」のプロポーザル選考過程において不正行為があったという匿名の告発がインターネットで公開されたのだ。プロポーザルを審査する査読者の1人として、不正を目の当たりにしたという。この告発に対し、同イベントの開催者側である一般社団法人の「PyCon JP Association」も意見を公開している。 告発の内容を読んでみたが、私は当事者ではないので、この選考過程を「不正」と呼ぶのが適切かどうかは判断できなかった。はっきりしているのは、査読者の間で意見の相違があったということだけだ。部外者としては、こうした決定的な対立に至る前に話し合いでどうにかならなかったのかという月並みな感想を抱いた。 この騒動で私が気になったのは、Python自体が皆にどのよ
「生成AI×RAG」の効果と課題は？ 実装しないと「競争力を保てない」これだけの理由（1/2 ページ） 生成AIの普及によって、外部情報の検索を組み合わせて回答精度を向上させる「RAG」（検索拡張生成）は、IT業界のトレンドになっている。ただ、実際にRAGをどのように活用すればいいのか理解している企業は、多いとはいえない。 Linuxに代表されるオープンソースソフトウェアを活用したシステムインテグレーションを原点とし、SaaSの販売などを手掛けるサイオステクノロジー（東京都港区）は、オランダに本社を置き、分析エンジンなどを手掛けるElastic社の子会社であるElasticsearch社と提携した。Elasticが世界で提供している「サーチ」「セキュリティ」「オブザーバビリティ」の3つのソリューションについて、日本での展開を始めている。特に「サーチ」については、生成AIと組み合わせたRAG
スマートフォンを使うときや各種パスワードの管理などには、ハッキングされないように気を付けている方が多いでしょう。でも、盲点となりやすいのが、Wi-Fiルーターかもしれません。 ↑やばーい！ 英国でインターネットなどのサービスを提供するBroadband Genieは、ユーザー3000人にルーターに関する調査を行いました。その結果、多くの人が自宅で使用しているルーターの設定について、工場で出荷されたときの設定のままであることが明らかになったのです。ネットワーク名の変更をしていない人は89％、管理者パスワードの変更をしていない人は86％、Wi-Fiパスワードの変更をしていない人は75％に上りました。 この状態はとても危険。というのも、メーカーやモデルによっては、ルーターのデフォルト名が一般に公開されている場合もあり、ハッカーはそれらを使って、どのようなパスワードが設定されているかを簡単に調べ、
2024年10月11日(金)にBlueskyアプリのバージョン1.92がリリースされました。バージョン1.92では「ポストを最上部にピン留めする機能」「フォントの種類やサイズをカスタムする機能」「検索結果を言語別にフィルタリングする機能」などの新機能が追加されています。 📢 App Version 1.92 is rolling out now (1/5) Pinned posts are here! Plus lots of UI improvements, including new font options, and the ability to filter your searches by language. Open this thread for more details. 🧵— Bluesky (@bsky.app) 2024-10-10T22:24:38.399Z ◆
Last Updated on 2024-10-11 07:10 by admin Mozillaは2024年10月9日、Firefoxブラウザに影響を与える重大な脆弱性CVE-2024-9680が積極的に悪用されていると発表した。この脆弱性はアニメーションタイムラインコンポーネントにおけるuse-after-free（解放済みメモリ使用）の問題で、攻撃者がコンテンツプロセス内でコード実行を達成できる可能性がある。 ESETのセキュリティ研究者Damien Schaefferによって発見されたこの脆弱性は、Firefox 131.0.2、Firefox ESR 128.3.1、Firefox ESR 115.16.1で修正された。CVSSv3スコアは9.8（最大10）と評価され、攻撃の複雑さは低く、特権やユーザーの操作なしで悪用可能とされている。 米国サイバーセキュリティ・インフラストラク
AI研究者がノーベル物理学賞・化学賞を受賞したことについてのコメント2024年10月10日 一般社団法人 人工知能学会 会長 栗原 聡 今回のノーベル物理学賞において，ジョン・ホップフィールド，ジェフリー・ヒントン両先生が受賞され，翌日の化学賞においてデミス・ハサビス氏が受賞したことについて，まずはAIコミュニティにとってとても喜ばしく，この流れが今後も続くことが期待されることは，基礎研究の重要性の今更の再認識においても強い説得力がある出来事であったことは間違いない．ホップフィールド氏、ヒントン氏、お二人の物理学賞受賞を知った時は正直驚いた，というか意表を突かれた感覚であった．自然科学や宇宙についての発見やその人類への貢献に対する物理学賞というのが一般的な認識である中，情報処理に関する研究が受賞したのであるから驚いたのは当然であろう．確かに，我々の脳の機能をコンピュータ上で再現した，すなわ
OpenAIが、AIの影響力と不正使用に関する包括的な分析についての報告書を2024年10月9日(水)に発表しました。OpenAIはこの報告書の中で、「悪意のある人物がChatGPTを利用して、選挙や政治活動に影響を与えようとしている」と述べています。 Influence and cyber operations: an update OpenAI (PDFファイル)https://cdn.openai.com/threat-intelligence-reports/influence-and-cyber-operations-an-update_October-2024.pdf OpenAI says more cyber actors using its platform to disrupt elections https://www.cnbc.com/2024/10/09/open
先日、Kamal 2でNext.jsを安価なVPSにデプロイする勉強をしながら、Next.js App Router/Server ActionでCRUDのデモアプリを作成しました（コードはGitHub）。そのときにセキュリティについて気になって点がいくつかあり、勉強しながら対策をしましたので紹介したいと思います。 私自身は業務でNext.jsを書いた経験が限定的です。的外れな議論をしているかもしれません。あくまでもRuby on Railsアプリを書くときと同じ気持ちでNext.jsのアプリを書いたとき、セキュリティ上で気になった点を挙げているだけです。私が見落としている点や誤っている点等ありましたら、コメントやX等で教えていただけると大変ありがたいです。 その１：データ漏洩の危険性 この問題についてはムーザルちゃんねるが紹介しています。またNext.jsの公式ブログでも対策が紹介されて
ノーベル受賞の研究者が、AIの急激すぎる進化に危機感を表明2024.10.10 19:30 Todd Feathers - Gizmodo US ［原文］ （ 福田ミホ ） 喜びよりも、危機感が伝わります。 2024年のノーベル物理学賞が、2人の人工知能（AI）研究者に授与されることが発表されました。ジョン・ホップフィールド氏とジェフリー・ヒントン氏は、人間の脳のように動いて情報を記憶しパターンを認識するニューラルネットワークの手法を作り出した研究者です。 両氏の1980年代の研究が基盤となり、ここ10年ほどの人工知能の爆発的な進化につながっています。そして気になるのが、受賞者の2人とも、人類のためにはAIの進化をもっと制御する必要があると主張していることです。 現代につながった1980年代の研究ノーベル委員会は受賞者発表の声明の中で、ホップフィールド氏がニューラルネットワークに関し最初の
iOS 18、いいなって思えた4つの新機能。使い方まとめ2024.10.11 08:0062,342 はらいさん iOS 18にアップデートしたら、まずはいろいろカスタマイズしてみよう。 先日配信されたiOS 18にアップデートすることで、さまざまな機能が自由自在にカスタマイズできるようになりました。そのなかでも特に便利だと感じた新機能の使い方を4選まとめてみました。 1. ホーム画面の印象をガラッと変える方法ビジュアル面でおそらく最も大きな変化とみられるのが、アプリを自由自在に配置できるようになったのに加え、アプリの色合いを変更できるようになったことでしょう。 アプリの配置を変更するには、これまでどおりアプリを長押しして好きな場所にドラッグするだけ。また、アプリの色合いを変更したい場合は、ホーム画面の何もない場所を長押しすると画面左上に｢編集｣のボタンが表示されるので、カスタマイズをタッ
Appleが開発するパーソナルAIの「Apple Intelligence」は現在ベータ版として利用できます。実際にApple Intelligenceのベータ版を使用していたユーザーが、Apple Intelligenceの「通知を要約する」機能で彼女からの別れのメッセージが要約されたことをXにポストしました。 Man learns he’s being dumped via “dystopian” AI summary of texts - Ars Technica https://arstechnica.com/ai/2024/10/man-learns-hes-being-dumped-via-dystopian-ai-summary-of-texts/ メッセージの要約機能はApple Intelligenceの機能の一つ。Apple Intelligenceは現在、2024年7
10月10日、Denoは「Deno 2」を正式に発表した。Denoは、JavaScriptおよびTypeScriptをサポートする現代的なツールチェーンとして、すでに数多くの開発者に愛用されているが、新バージョンのDeno 2はさらに多くの機能と強化を備え、特にNode.jsおよびnpmとの互換性を大幅に改善している。 Deno 2の主要機能 Deno 2では、多くの新機能が導入されている。以下は主な機能である。 Node.jsおよびnpmとの互換性：Deno 2は、既存のNode.jsプロジェクトやnpmパッケージをシームレスにサポートしており、package.jsonやnode_modulesを直接利用可能である。これにより、既存のNodeプロジェクトにDenoのツールを導入することができる。Denoでは、npm:という形式でnpmパッケージをインポートすることも可能で、node_mo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
