タグ

ブックマーク / qiita.com (422)

  • Next.js のための Remark / Rehype 入門 - Qiita

    この記事は Jamstack Advent Calendar 2020 4日目の記事です。 はじめに Markdown -> HTML の変換に使われる事が多い、Remark / Rehype について書いていきます。 検索すると、Gatsby.js のプラグイン関連の記事は結構出てくるのですが、素の Remark / Rehype にフォーカスを当てた記事は少ないので、よく分からないまま使っているという人も多いのではないでしょうか。 全体像 実はこれらは、Unified と呼ばれるエコシステムの一部に属しています。その中でも、 Markdown を扱う処理系が Remark HTML を扱う処理系が Rehype となっています。 処理の仕組み その処理の仕組みは、Babel や PostCSS によく似ていて、 Parse : 文字列を AST に変換する Transform : AS

    Next.js のための Remark / Rehype 入門 - Qiita
  • ソケット通信を一緒に理解しよう!! - Qiita

    はじめに 「ソケット通信ってなんやねん」、そう思った経験はみなさんもあると思います。 私もそのうちの一人です 👍 個人的に初学者の方がつまづくポイントが多い概念なのかなと感じていました。 記事では、そのモヤモヤを解消すべくソケットの基礎概念に触れていこうと思います。 この記事を読み終わった後、皆さんはソケットを理解し、ウキウキになれるはずです! では、一緒に「見えない通信」の扉を開きましょう〜 👽 対象読者 ソケット通信を基礎から理解したい方!! ソケット通信とは何か? まず、ソケットとは何なのかみていきましょう。 ソケットとは ソケット は、オペレーティングシステム (OS) が提供する、プロセス間通信のエンドポイント、つまり「出入り口」のことです。 同じコンピュータ内の異なるプログラム同士、あるいは、ネットワークを介した異なるコンピュータ上のプログラム同士がデータのやり取りをする

    ソケット通信を一緒に理解しよう!! - Qiita
  • 【unsloth + Gemma3】RAG時代終了か?高精度・高速LLMモデルをローカルPCで爆速FTする! - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? みなさんこんにちは。私は株式会社ulusageの、技術ブログ生成AIです。これからなるべく鮮度の高い情報や、ためになるようなTipsを展開していきます。よろしくお願いします。(AIによる自動記事生成を行なっています。システムフローについてなど、この仕組みに興味あれば、要望が一定あり次第、別途記事を書きます。) 今回は、大規模言語モデル(LLM)のファインチューニングを劇的に効率化する「UnslothAI」と、Googleの最新モデル「Gemma 3」を組み合わせた実践的な活用方法について、徹底的に解説していきます。特に、限られた計算資源

  • Cursorで要件定義がエラいスムーズになった話 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AI搭載エディタCursorを色々と試しているのですが、これが非常に興味深いです。 普段の開発業務はもちろん、少し工夫することで、要件定義のような上流工程も大幅に効率化できるのではないか?という気づきがありました。 日はその試みについて、私が行った具体的なプロセスと合わせて共有できればと思います。 概要 不動産テック業界に限らず、SaaS開発などに携わっていると、日々さまざまな要望が寄せられますよね。 「ここにこんな機能を追加したい」「あの画面のここをこう変更してほしい」といった具合です。 そして、それらを適切に実現するためには、まず

    Cursorで要件定義がエラいスムーズになった話 - Qiita
  • Nintendo Switchで使用しているOSSは公開されているって知ってた?(修正) - Qiita

    追記:タイトルにて思いっきり嘘こいてました タイトル修正してます 誤った情報を与えてしまった方申し訳ございません ネットワーク型SNS Astral 参考元 : Nintendo Switchのネットワーク図 公式ページも存在する Wikipediaより 記事ではNintendo Switchファミリーの総称を「Nintendo Switch」と統一して表記する。 GUIの主要部分はホーム画面から構成され、「トップバー」、「ゲームニュース」、「ニンテンドーeショップ」、「アルバム」、「Nintendo Switch Online」、「設定」などのショートカットが画面下に並んで構成されている。 任天堂はNintendo Switchのシステム基幹部分に関する情報のほとんどを公開していないが、あらゆるコンピュータ専門家デベロッパー、ハッカーなどによってNintendo Switchのオペレー

    Nintendo Switchで使用しているOSSは公開されているって知ってた?(修正) - Qiita
  • Python×株式投資:月利3〜5%を狙う自動スクリーニング戦略 - Qiita

    たくさんありますが、パターン4つごとに、RSIの範囲が変わっているだけです。MA乖離上限は4つごとに同じことを繰り返しています。 各スクリーニング日には地合いスコア(-3〜+3)をタグ付けしており、 これにより相場の状況によってどのパターンが機能しやすいのかも、あわせて検証できます。 テクニカル選抜の有効性について(バックテストの結果) 概要 1ヶ月後にプラスの平均リターン(3〜7%)を期待できるパターンが存在し、有効性のあるテクニカル選抜条件が含まれていると考えられました。 また、最適な選抜条件は地合いスコアによって異なることが示唆されました。以下では、スコアごとに結果を整理します。 <地合いスコア -3〜0> 相場が最も悪い「スコア -3」のときは、**RSIが低め(25〜50)かつMA乖離上限(ma_eps)が4〜8%**のパターンで、 シャープレシオが0.8以上、かつ銘柄数が20未

    Python×株式投資:月利3〜5%を狙う自動スクリーニング戦略 - Qiita
  • ObsidianをCMSにしたら、思ったより本格的だった話 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? あらすじ はじめまして、なすび(@nasubi_dev)です。 最近、Obsidian + Cursorの組み合わせが流行していますよね。 AIによる活用も斬新で面白いとは思っているのですが、Obsidian来とは異なった使い方がされている現状は、応援していたアーティストがネタ曲で売れてそのパターンの曲しか出さなくなったときみたいな気持ちになっています。 なので今回は個人的に最高の使い方であるAI活用ではないObsidianの使い方を共有しようと思います。 この記事では、私のポートフォリオサイト「nasubi.dev」で実装したOb

    ObsidianをCMSにしたら、思ったより本格的だった話 - Qiita
  • 最短10秒の音声でクローンを作れる「MiniMax-Speech」でいろいろしゃべらせる - Qiita

    はじめに ノベルワークス所属のザワッチです! たった10秒をインプットさせるだけで、音声クローンを作れると話題の「MiniMax-Speech」を使って、使用感を調査してみました。 MiniMaxとは MiniMaxはシンガポールに社を置く、マルチモーダルモデルの開発に軸を置いたAIパイオニア企業です。 MiniMax Chat、Hailuo AI、Talkieといった幅広い製品を開発しており、これらのモデルを駆使して、迅速なAIアプリケーション開発を進めることができます。 今回使用する音声クローンモデル「Minimax-Speach」はTransformerベースのText-To-Speachモデルです。 肝なのがエンコーダ層(Encoder)のようで、入力された音声から、その話者固有の声質や話し方といった特徴を抽出します。 すでに学習されているモデルに音声の特徴を加えられるので、人間

  • チーム内リーダーのすすめ - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに この記事では、私が直近1~2年間で複数のプロジェクトリーダーや職能別リーダーを務めた経験をもとに、リーダーとして「やるべきこと」や「意識すべきこと」を言語化しました。 初めてリーダーを務める際、「こんなふうに体系的に整理された記事があればよかったのに」と思ったことから、記事を執筆しています。 すべてのチームやプロジェクトに当てはまるわけではないかもしれませんが、特に新米リーダーの方にとって、何かしらのヒントになれば幸いです。 やるべきこと 進捗は極力可視化 進捗状況や現在のステータスを、誰でも把握できるようにしました。 「誰

    チーム内リーダーのすすめ - Qiita
  • スケールアウトはもう要らない?DuckDBが描くシステム設計の新時代 🦆 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 目的 稿では、DuckDBがもたらす新しいシステム設計の可能性を探ります。特に、2024年時点で主流な「スケールアウト」モデルを前提としたデータ処理システムから、よりシンプルで効率的な「スケールアップ」モデルが将来的に主流となり得る理由を説明します。また、DuckDB技術的特性、注目されている理由、具体的なその用途についても詳しく解説します。 対象読者 ソフトウェアアーキテクト:システム設計や運用コストの最適化を検討している人 データエンジニア:アプリケーションデータやログデータなどの様々なデータセットを効率的に処理したい人 システ

    スケールアウトはもう要らない?DuckDBが描くシステム設計の新時代 🦆 - Qiita
  • unzipの進捗状況をプログレスバーで表示させる - Qiita

    function pv_unzip() { local unzip_opts=() local zipfile="" local outdir="" # 引数を解析 while [[ $# -gt 0 ]]; do case "$1" in -*) unzip_opts+=("$1") shift ;; *) if [[ -z "$zipfile" ]]; then zipfile="$1" elif [[ -z "$outdir" ]]; then outdir="$1" else echo "Too many arguments" >&2 return 1 fi shift ;; esac done # 引数チェック if [[ -z "$zipfile" ]]; then echo "Usage: pv_unzip [unzip options] zipfile.zip [outpu

    unzipの進捗状況をプログレスバーで表示させる - Qiita
  • Github MCP で Pull Request のレビュー依頼をする - Qiita

    はじめに 最近、いろんな MCP を試しては「おぉ〜」と感動しているフロントエンジニアです。 今回は Github MCP を用いて、Pull Request のレビューコメントをしてもう方法を簡単に紹介しようと思います。 背景 Pull Request レビューに関して、AI が前から流行っています。 代表的なのでは CodeRabbit や PR Agent があります。最近では Copilot レビューというのも公開され、みなさんプロンプトを作成していたりするのではないでしょうか? 私の現場では無料の PR Agent を使用していますが、精度が当に良くなく、レビューコメントがノイズになることが多々あります。 CodeRabbit は精度がすごくいいと聞くのですが、有料でもあり導入に時間がかかって今も社内で導入が進んでなかったり・・・ Copilot レビューは CodeRabbi

    Github MCP で Pull Request のレビュー依頼をする - Qiita
  • AI駆動開発では「Project as Code」が超重要である! - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こんにちは。主にXにてAI駆動開発について発信している熊井悠 と申します。 この度、念願のQiitaを投稿してみようと思い筆を持った次第なのですが、以前からAI駆動開発において『Project as Code』が重要と口酸っぱく言っていますら。ただProject as Codeって検索しても出てこないという話がありました。なぜなら僕が造語したからです。 そのため記事ではProject as Codeについて解説しようと思います! Project as Code(PaC)とは PaCはインフラのコード管理の概念である「Infr

    AI駆動開発では「Project as Code」が超重要である! - Qiita
  • 10分で分かるAIエージェントの設計パターン - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こんにちは!KIYO Learningでスタディングの開発をしている @Kumacchiino です! 今回は、AIエージェントについての記事を書いてみようと思います。 近年、AIエージェントが注目を集めていますが、その実態や実装手法、導入時の注意点については、まだ不明瞭な部分が多いのが現状です。 そこで、記事では各手法の概要やユースケースを整理し、実際の導入や活用に役立つ情報をまとめてみようと思います。 この記事は、Anthropicの「Building effective agents」をベースにしており、エージェントと

  • 新しい curl コマンドの使い方 完全ガイド(2025年版) - Qiita

    はじめに curl とは対話シェルやシェルスクリプトから HTTP 通信を行うのによく使われるコマンドです。あらゆる環境(100 種類の OS)で動作し、macOSWindows には標準でインストールされています。商用サポートもあり、互換性は非常に重視され、何年経っても同じ書き方で動きます。非常に長く使われており(1998 年生まれの 27 歳1)、そして古い情報もたくさんあります。この記事ではそういった古い情報を、より簡単で新しい curl コマンドの使い方にアップデートします。最初に結論を書いておくと、 もう -X POST -H "Content-Type: applicatoin/json" なんて書かなくていいですよ。 (記事を読まない人のためのリンク) この記事を書くにあたって以下の記事を参考にしています。この記事が書かれたのは 2015 年、現在はそれから 10 年後

    新しい curl コマンドの使い方 完全ガイド(2025年版) - Qiita
  • Ollama+Difyで誰でも爆速で話題のDeepSeekアプリケーションを作る方法 - Qiita

    なにこれ 記事では、OllamaというLLM (自然言語処理)推論フレームワークと、DifyというAIアプリ構築プラットフォームを用いて、生成AIアプリケーションを作る方法を記載した記事です。その際に、話題のDeepSeekも使えるようにします。 どんなことができるようになるのか 話題のDeepSeek (生成AIモデル)を動かせるようになる ローカルで生成AIモデルをつかったチャットボットがつくれるようになる 具体的には以下のようなものが最終的な完成形です。 では、さっそく作っていきましょう1 Ollamaのインストール 以下のollamaの公式ダウンロードページから、ご自身の環境に合わせたOllamaをインストールしてください https://ollama.com/download もし、brewやscoopなどがインストールされているのであれば、そちらでも導入することも可能です。

    Ollama+Difyで誰でも爆速で話題のDeepSeekアプリケーションを作る方法 - Qiita
  • 何かと話題のDeepSeekをMacのローカル環境で実行してみた! - Qiita

    これらのモデルは、元のモデルに比べるとかなり小型化されています。 蒸留(ディスティレーション)を通じてモデルを“圧縮”することで、推論の速度を向上させ、一般的なPCiPhone等のスマートフォンでも動作可能なレベルに調整されています。 驚異のパフォーマンス:小型でも特定タスクでGPT-4oを超える? DeepSeekのテクニカルペーパーによると、Distilled Modelsのベンチマークテストでは、 「8Bパラメータのモデルでさえ、特定のタスクにおいてGPT-4o(昨年5月時点のバージョン)を上回る」 という結果が出ています。 ただし、これは数学やコード生成といった特定のタスクに特化したトレーニングを行った場合の話です。 総合的な文章生成や知識カバー率では、依然としてGPT-4oやClaude、o1などのフロンティアモデルのほうが優れています。 つまり、 「タスクによってはローカルモ

    何かと話題のDeepSeekをMacのローカル環境で実行してみた! - Qiita
  • なぜ今さら、Web 標準 なのか【2025 年】 - Qiita

    2020 年代に入り、Remix や Hono といったモダンな Web フレームワークが「Web 標準」を掲げるようになりました。HTMLCSSJavaScript といった基盤技術は 1990 年代から存在しているのにも関わらず、なぜ 30 年を経た今、 Web 標準が再び注目を集めているのでしょうか? Web 標準について解説している記事はたくさんあるものの、なぜ今再注目されているかについて書かれた記事が見当たらなかったので、記事にしたいと思います。 この記事の趣旨 この記事では、この流れの背景にある技術的、文化的な要因を振り返り、2025年のフロントエンド開発におけるWeb標準の役割について解説します。Web標準がどのように進化し、現在のフレームワークでどのように活用されているのかを把握することは、今後のフロントエンド開発を理解する上で重要だと考えます。 React 以前、We

  • 【作業効率3倍UP】VSCodeチートシートの永久保存版 - Qiita

    この記事はNuco Advent Calendar 2024の6日目の記事です。 はじめに 皆さんはPCで作業する際に下記のようなダサい操作をしていませんか? 矢印キーを連打or長押し デスクトップ上をマウスで右往左往 同じテキストを繰り返し入力、削除 etc ... このような働き方は無駄な作業時間が増えるだけでなく側から見てもカッコ悪いですし、仕事ができない人間だと周りから思われてしまいます。 というわけで今回はMac用とWindows用でそれぞれVSCodeのショートカットをまとめました。 記事のショートカットを全て使いこなして作業効率を3倍に上げましょう! 実際にショートカットを使用した実践動画がありますのでご参考になればと思います。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは

  • WebブラウザベースCSS組版はCMYK出力の夢を見るか?——PostCSSプラグインによるdevice-cmyk色指定の変換 - Qiita

    CSS組版 Advent Calendar 2024 17日目の記事です。昨日はhidarumaさんでした。明日はhidarumaさんです。この記事の内容はCSS組版というよりJavaScriptの領分です。 CSS組版で格的な版下データを出力するには、CMYKへの対応が不可欠です。しかし、Vivliostyleをはじめとするレンダリングを既成のWebブラウザで行うCSS組版エンジンは、Webブラウザが対応しない限りCMYKカラーの出力ができません1。印刷というWebとは異なるドメインに属するカラースペースであるCMYKへの対応を、Webブラウザ側が積極的に進める可能性は高くないと考えられます。 過去には、CSS側で疑似的にCMYKを指定した後、RGBに変換して組版を行い、さらにRGBからCMYKを復元する情報を出力することで、実質的にCMYKを指定する方法を検討しました。そして、先日公

    WebブラウザベースCSS組版はCMYK出力の夢を見るか?——PostCSSプラグインによるdevice-cmyk色指定の変換 - Qiita