並び順

ブックマーク数

期間指定

  • から
  • まで

1881 - 1920 件 / 16796件

新着順 人気順

*programmingの検索結果1881 - 1920 件 / 16796件

  • git push -f が更に安全になる --force-if-includes - id:onk のはてなブログ

    歴史改変、してますか? 私は歴史改変が大好きで、毎日 rebase しています。なので割と毎日 git push -f することになっています。 口で -f と言っても、実際には --force-with-lease --force-if-includes をしているので、これらのオプションのご紹介。 この記事は はてなエンジニア Advent Calendar 2022 の 18 日目です。昨日は id:rokoucha さんで 壊れたデータベースとの向きあいかた - rokoucha でした。 qiita.com -f の危険性 ...--F--G--H <-- main という状態で push した後、H をコミットし直したとしよう。 ...--F--G--H' <-- main \ H <-- origin/main このまま H' (main) を origin/main に p

      git push -f が更に安全になる --force-if-includes - id:onk のはてなブログ
    • フロントエンドのテストは皆のためのもの | POSTD

      テストとは人によって反応が分かれるものの1つであり、大喜びする人もいれば、見ないようにして去ろうとする人もいます。あなたがどちらの側であるにせよ、ここではフロントエンドのテストは皆のためのものであるということを説明します。実際、テストには多くの種類があり、それがテストに対して初めに恐れや混乱を感じる一因なのかもしれません。 この記事では、特に有名で広く利用されている種類のテストを扱います。なかには目新しいものはないと感じる読者の方もいらっしゃるかもしれませんが、少なくとも復習にはなるでしょう。どちらにせよ、筆者の目標は、この記事を通じて世の中のさまざまな種類のテストについて理解を深めてもらうことです。ここではユニットテスト、統合テスト、アクセシビリティテスト、ビジュアルリグレッションテストなどを一緒に見ていきます。 さらに、Mocha、Jest、Puppeteer、Cypressなど、各種

        フロントエンドのテストは皆のためのもの | POSTD
      • 新規アプリ開発を請け負う時の流れ - Qiita

        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 まずは、このご時世に新規のアプリ開発を出来るというチャンスに感謝しましょう。 もちろんすでにあるアプリの追加開発や運用で得られる経験値はとても素晴らしいですが、同じように新規開発も胸踊るものがあります。 あなたのRoleがDeveloperなのか、あるいはProject Managerなのか、Product Managerなのかで主に考慮すべき点は変わってきますが、それはそれとしてすべての点を理解して、抜け漏れがあったら指摘あるいは巻き取る覚悟を持っておきましょう。 ラストマンシップは良い資質です。具体的にはラストマンシップがある

          新規アプリ開発を請け負う時の流れ - Qiita
        • Git研修【MIXI 23新卒技術研修】

          23新卒技術研修で実施したGit研修の講義資料です。 動画:https://youtu.be/lWkO8bQ9pSo 資料の利用について 公開している資料は勉強会や企業の研修などで自由にご利用頂いて大丈夫ですが、以下の形での利用だけご遠慮ください。 ・受…

            Git研修【MIXI 23新卒技術研修】
          • 扇風機のファームウェアを書き換えて潜在能力を引き出した話(その1) - Qiita

            初めに 私の家には数年前に買った安い扇風機(FBQ-191D https://www.amazon.co.jp/dp/B00V3EKFMU )があるのですが、暑い時は風量を最強にしてもすこし風が弱いと感じることがありました。(amazonのレビューでも何件かそんなこと書かれてました) なので、改造して風を強くさせることを検討してみました。 モータを変えたりしないと風を強くすることはできないと考えてたのですが、あまりお金をかけずしようと検討した結果、中身のソフトを書き換えるだけで風量を強くすることができましたので、どのようにしたのかについてお話ししたいと思います。 調査 潜在能力を持っているかどうかの確認 まずはどうやってモータを制御してるかを確認しました。 内部の基板はこんな感じでした。 まずは、一番重要なモータ駆動用の信号を見てみました。 モータに繋がるケーブルは画像の下にある5線のコネ

              扇風機のファームウェアを書き換えて潜在能力を引き出した話(その1) - Qiita
            • 「交際相手と出会う前にすれ違った回数」をGoogleマップの位置情報履歴から求めた結果とは?

              初対面の相手と恋に落ちる「運命の出会い」を信じている人は多いはず。データサイエンティストのシャノン・ペリー氏は、自身と恋人のGoogleアカウントに記録された位置情報履歴を用いて、「2人が運命の出会いを果たすまでに何度すれ違ったか」を検証しています。 How fateful? https://chan.co.za/how-fateful ペリー氏は交際相手のダン氏と付き合い始める5年前から同じ大学に通い、同じ街に住んでいたとのこと。ペリー氏は「長年同じ地域に住んでいたのなら、付き合い始めるより前に何度もすれ違っていたはず」と考え、Googleマップに保存されている位置情報履歴を用いて、2人がすれ違っていた回数を求めることにしました。 Googleはユーザーのデータをエクスポートできる機能「Google データ エクスポート」を提供しており、Googleマップに保存されている位置情報履歴もダ

                「交際相手と出会う前にすれ違った回数」をGoogleマップの位置情報履歴から求めた結果とは?
              • AntigravityとGemini 3でアプリ開発したら、めちゃくちゃ効率的だった話

                こんにちは。SCSKの松渕です。 先日、発表されたばかりのGoogle Antigravityをインストール&簡易WEBサイト構築してみましたが、 今回はもう少しアプリ開発をしてみた実体験をブログに書きます! はじめに Antigravityとは AWSのKiroと同様に、AIエージェント型統合開発環境(Agentic IDE)と呼ばれるものです。 Antigravityのポイントとしては、特に以下の点になるかと思っております。 ・ AIによるブラウザ操作も可能 ・ AIによる自律的な実装 ・ アウトプット品質の高さ(これはGemini 3のポイントではありますが) ・ Google Cloud環境とのシームレスな連携 類似サービスとの比較は以下の通りです IDE/プラットフォーム 開発元 主な設計思想と特徴 類似サービスとの差別化ポイント Antigravity Google エージェン

                  AntigravityとGemini 3でアプリ開発したら、めちゃくちゃ効率的だった話
                • MCPで広がるLLM 〜Clineでの動作原理〜

                  この記事『Clineに全部賭ける前に 〜Clineの動作原理を深掘り〜』では、Clineの内部構造について解説しました。今回は、その中でも最近、特に注目されている機能の一つ、MCPについての概要、ならびにCline内部での実装方法について詳しく掘り下げていきます。 そもそもMCPとは MCP(Model Context Protocol)はClineやCursorなどといった、LLMを使用しているクライアントがMCPサーバーと連携するためのプロトコルです。広義的に、MCPとはそのプロトコルを使用したサービスのことを指します。 MCPサーバーとはクラウド上のサービスやローカルで立ち上げているサーバーなどのことです。LLMがこのサーバーと連携することで、Notionのファイル編集やSupabaseのデータベースクエリ、Cloudflareのステータスチェック、ローカルのファイル編集などが可能に

                    MCPで広がるLLM 〜Clineでの動作原理〜
                  • 27カ国中最下位…日本がIT人材足りない根本理由

                    日本はデジタル分野の専門人材不足が深刻化する「2025年デジタルの崖」に直面する。経済産業省によると、2020年には30万人、2030年にはデジタルサービスの需要次第で45万人から80万人にまで不足が拡大するとされている。後者の場合、日本が必要とする190万人の専門人材を4割も下回ることになる。 経産省は、日本がこの崖を乗り越えなければ、2025年以降、日本のGDPは予測よりも毎年12兆円も低くなると警告している。その損失は、2022年のGDPの2%以上に相当する。ところが、政府はDXなどという聞こえのいいスローガンを掲げるだけで、この状況を改善するためにほとんど何もしていない。民間企業では心強い変化も起きているが、それが政府の動きによって増幅されない限り、崖の高さを低くすることしかできないだろう。 そもそも人材育成ができていない 最大の問題は人材の育成ができていないことだろう。日本は数学

                      27カ国中最下位…日本がIT人材足りない根本理由
                    • 金融の基幹システムを1年半かけて.NET 6に移行した話

                      はじめに 本稿は「.NET 6移行祭り! C# Tokyo」イベントで発表した「金融の基幹システムを1年半かけて .NET 6に移行した話」の内容を文書化したものです。 [2022.08.28追記] さて、はじめにおことわりを。 おもったより大きな反響があって、想定より多く読まれており、とくに正しく伝えられていない箇所があると思い、少し補足を入れました。 ここで基幹システムといっていますが、金融の勘定系システムという意味ではありません。 基幹システムというとCore Systemという意味(これは勘定システムでしょうね)と、Mission Critical Systemの2つがあると思います。 本稿の対象は後者で、システムのお客様が、Mission Critical Systemと判断されて基幹システムとして扱われています。 金融の勘定系とは規模や複雑性、クリティカルな度合も異なりますが、

                        金融の基幹システムを1年半かけて.NET 6に移行した話
                      • SQLの達人への道: MySQLでの高速・効率的クエリ作成術 - Qiita

                        概要 この記事では、MySQLでのSQLクエリのパフォーマンスを最大限に引き出すための効率的な書き方を解説します。アプリケーションの応答速度を向上させることは、ユーザーエクスペリエンスの大幅な改善に直結します。この記事を通じて、初心者から中級者のデータベース管理者や開発者は、SQLクエリの基本から高度な最適化テクニックまで、幅広い知識を習得できることを目指しています。 MySQL 8.0での検証を基にしていますが、その他のバージョンでの動作は保証されません。この記事は継続的に更新されます。 主な内容 このセクションでは、検証データの作成手順を含め、インデックスの利用、JOIN操作の最適化、サブクエリとビューの利用、クエリキャッシュの活用など、効率的なクエリの書き方について解説します。 検証データの作成 MySQLサーバーへの接続方法から始め、テスト用データベースとテーブルの作成、ダミーデー

                          SQLの達人への道: MySQLでの高速・効率的クエリ作成術 - Qiita
                        • Best Practices for Claude Code - Claude Code Docs

                          Tips and patterns for getting the most out of Claude Code, from configuring your environment to scaling across parallel sessions. Claude Code is an agentic coding environment. Unlike a chatbot that answers questions and waits, Claude Code can read your files, run commands, make changes, and autonomously work through problems while you watch, redirect, or step away entirely. This changes how you wo

                            Best Practices for Claude Code - Claude Code Docs
                          • Google Antigravity

                            Google Antigravity - Build the new way

                              Google Antigravity
                            • Obsidian × NotebookLM × Antigravity|furuya

                              おはようございます。furuya (@fryx404) です。 今回は、私が最近構築している「セカンドブレイン」の環境について紹介したいと思います。 Obsidianをハブにして、話題の NotebookLM や Antigravity を組み合わせた構成です。 結構洗練られてきたので一旦このへんで公開してみようかなという感じです。よろしくお願いします! Obsidianのセットアップまずは母艦となるObsidianのセットアップから。 特に変わったことはしていませんが、 「シンプル」 であることを心がけています。 私のObsidianの画面Basesで自分を管理するまずは多くのObsidianユーザーが使用しているデイリーノートの紹介です。 私のデイリーは3段階の構想になっていて、一番上が「ハビットトラッカー」、中断が「ジャーナル」、下段が「タイムスタンプ」となっています。 デイリーの中

                                Obsidian × NotebookLM × Antigravity|furuya
                              • Bulk insertでも20時間以上かかっていたMySQLへのインサート処理を1時間以内にする - エムスリーテックブログ

                                この記事はエムスリー Advent Calendar 2022の30日目の記事です。 前日は id:kijuky による チームメンバーのGoogleカレンダーの休暇予定一覧をスプレッドシート+GASで作った でした。 AI・機械学習チームの北川(@kitagry)です。 今回はMySQLへのインサートを20倍以上高速化した話について書きます。 仕事をちゃんとしてるか見張る猫 TL; DR はじめに 今回のテーブル バイナリログを無効化する 追試 LOAD DATA INFILE 追試 テーブルの正規化 インデックスを一時的に剥がす まとめ We are hiring!! TL; DR バイナリログをオフにする LOAD DATA INFILEを使う インデックスを一時的に消す はじめに AI・機械学習チームではサイトトップからアプリに至るまで多くの推薦システムがあります。 そこでは推薦ロ

                                  Bulk insertでも20時間以上かかっていたMySQLへのインサート処理を1時間以内にする - エムスリーテックブログ
                                • 生成AI/LLMを使ったウェブサイト開発 - laiso

                                  週末にちょっとしたウェブサイトというかリンク集(?)を作った。 今回は生成AIツールをフル活用していつもより効率よく作業ができた。 生成AIツールについては日々、新しいものがヤバイすごいと宣伝されているけど、実際にどう使っているのかという情報が少ないと感じている。 なので具体的な使い方を書いてみることにした。 作ったもの 開発の概要 最終的なアーキテクチャ UI開発に生成AIツールを使う 初期デザインの参考元 デザインツールの選定と比較 Next.jsの利用 Cursorを活用した開発 データ整形にLLMを使う スクレイピング Amazonの商品データ取得 LLMの選定 動的なコードと静的なコードの使い分け TypeScriptを使わない範囲を定めた 静的サイト生成(SSG)の採用 柔軟なデータベース設計 まとめ 作ったもの 『最も重要な「最も重要なマンガ10選」10選』は「最も重要なマン

                                    生成AI/LLMを使ったウェブサイト開発 - laiso
                                  • フロントエンドとSPA職人の目指したものの歴史と概略

                                    年末年始にフロントエンド論みたいな記事をいくつか見たが、僕ら古のSPA職人がやってきたフロントエンドという職域と目指していたものが失伝しかけている気がするので、ここに時代ごとに何を考えていたか、雑に書き殴る。 注意点として、 2004から始まるが、自分がプログラミングを始めたのが2010, 業務としてコードを書き始めたのが 2012 なので、解像度が高いのはそれ以降になる。 tl;dr 2004: 動き出す HTML 2011: 構造化のはじまり 2015: 贅沢品としてのSPAとコミュニティ分化 2017: 貧者のSPA 2019: 守破離としてのパフォーマンス 2004: 動きだす HTML AJAX の時代。要は XMLHTTPRequest で取得したコンテンツに応じて、動的書き換えをDOM書き換えを行うこと。今では名付けるほどでもない操作だが、HTMLが静的なものをやめたことは、

                                      フロントエンドとSPA職人の目指したものの歴史と概略
                                    • Bash: わかるとほんのちょっとうれしくなること5選 - Qiita

                                      Bash の勉強を始めた頃、頭がごちゃごちゃになって調べたこと、わかるとほんのちょっとうれしくなったことを5個ピックアップしてみました。 - 目次 - alias sudo='sudo ' と alias sudo='sudo -E ' bash -c /dev/null grep -rl xargs で任意の位置に引数を展開する - 説明 - 1. alias sudo='sudo ' alias コマンドを使うと、長いコマンドを別名で登録できて、とても便利です。 でもそのまま sudo と組み合わせると、エラーになります。 例えば、la という登録名で、ls -a を実行させると、 sudo la でエラーになります。 bash のマニュアルには、以下のように書かれています。 alias [-p] [name[=value] ...] value の末尾に空白があると、エイリアスが展開

                                        Bash: わかるとほんのちょっとうれしくなること5選 - Qiita
                                      • 目指すのは「オタク向けmixi」「平成のインターネット」……? ユーザー爆増の純日本産SNS『Misskey』開発・運営インタビュー

                                        目指すのは「オタク向けmixi」「平成のインターネット」……? ユーザー爆増の純日本産SNS『Misskey』開発・運営インタビュー この1年、『X(旧・Twitter)』に大きな変化が起きている。イーロン・マスクによるTwitter社の劇的な買収劇にはじまり、サードパーティアプリの停止、APIの有料化、名称変更、大量のユーザーアカウントを停止する“凍結祭り”など、これまで恩恵を享受してきたユーザーにとってネガティブな出来事も多く、こうした事件が起きるたびに「ポスト・ツイッター」について議論がなされてきた。 個人的にもXに変わるテキストSNSの動向は注視しており、Meta社が公開したテキストSNS『Threads』のレビューや、『Mastodon』に代表される分散型SNSを取り巻く状況についても都度レポートしている。今回は分散型SNS、『Misskey』の開発を行うsyuilo氏と同サービ

                                          目指すのは「オタク向けmixi」「平成のインターネット」……? ユーザー爆増の純日本産SNS『Misskey』開発・運営インタビュー
                                        • 知っているようで知らないCLAUDE.mdを深掘りする | gihyo.jp

                                          「Claude Code」は、CLI上で動くLLMによるAIエージェントツールです。本連載は12月5日に発売された『Claude CodeによるAI駆動開発入門』に書ききれなかった応用的な内容や最新のアップデートについて解説します。書籍をあわせて読むとさらに理解が深まることでしょう。 今回は知っているようで知らない、Claude Codeの「CLAUDE.md」について深掘っていきます。 CLAUDE.mdとは記憶である 前提としてClaude Codeは、立ち上げた際、つまりセッション間で、そのコードベースやユーザーとの過去のやり取りを基本的に覚えていません。しかしセッションを立ち上げるたびに、膨大なコードベースを毎回走査して理解していくのも現実的ではありません。 そのため、コードやルールなどを理解する起点として存在しているのがCLAUDE.mdです。 これはエンジニアにとってのREAD

                                            知っているようで知らないCLAUDE.mdを深掘りする | gihyo.jp
                                          • Claude Code に壊されないための denyルール完全ガイド - izanami

                                            結論:Claude Codeのdenyは、ガッツリ書いておけ ワイは、Claude Code と Supabase MCP で、Supabase のDB全部削除させてしまったことがある。目の前でテーブルが「ッポン」といった感じで消えてトラウマになった 思い返せば permissions.deny に書いておけばよかったのかもしれない permissions.deny とはなんぞや? Claude Codeのpermissions.denyは、AIが危険な操作や機密情報へのアクセスを行わないよう制限する設定やね。これがあるおかげで、AIに任せても「壊さない・漏らさない・暴走しない」が実現される AIに対してのガードレール設計ですね この記事では、Claude Code の deny リストを読み解きながら、「なぜその操作が禁止されているのか」「自分の環境でも取り入れるべきか?」を考えてみる

                                              Claude Code に壊されないための denyルール完全ガイド - izanami
                                            • 社内用GitHub Actionsのセキュリティガイドラインを公開します | メルカリエンジニアリング

                                              この記事は、Merpay Tech Openness Month 2023 の4日目の記事です。 こんにちは。メルコインのバックエンドエンジニアの@goroです。 はじめに このGitHub Actionsのセキュリティガイドラインは、社内でGithub Actionsの利用に先駆け、社内有志によって検討されました。「GitHub Actionsを使うにあたりどういった点に留意すれば最低限の安全性を確保できるか学習してもらいたい」「定期的に本ドキュメントを見返してもらい自分たちのリポジトリーが安全な状態になっているか点検する際に役立ててもらいたい」という思いに基づいて作成されています。 今回はそんなガイドラインの一部を、社外の方々にも役立つと思い公開することにしました。 ガイドラインにおける目標 このガイドラインは事前に2段階の目標を設定して作成されています。まず第1に「常に達成したいこと

                                                社内用GitHub Actionsのセキュリティガイドラインを公開します | メルカリエンジニアリング
                                              • 「ゴミみたいな生活まだしよんか?」とマウンティングする大企業勤めのエリートと見下される弱者男性の争い - 逆寅次郎のルサンチマンの呼吸

                                                5月の連休。 久しぶりに、古い友人と会った。 いや、もう友人じゃねえかもな。 フレネミー、ってやつかもしれない。 少し腹が立っていた。 以前、俺の仕事を「カスみたいな仕事」「生活保護とあんまり変わらん」と馬鹿にしたからだ。 ちなみに友人は大企業勤めのエリートサラリーマン。 一方、俺は個人事業主、フリーランス。 ちょっと前にメルカリ古着の闇みたいな記事があったけど。 anond.hatelabo.jp 商品は違うが、似たような小売業をしていた。 しかしうまくいかなくなったので、ウーバーイーツを始めて。 gyakutorajiro.com ウーバーがいまいちなので、現在、別の配達系の仕事がメインとなっている。 俺の年収は300万にも満たない。 だが友人は1000万前後は貰ってると思われる。 そのため、そいつの立場からすれば、俺がやっている仕事が「カスみたいな仕事」というのは、金銭的尺度から考え

                                                  「ゴミみたいな生活まだしよんか?」とマウンティングする大企業勤めのエリートと見下される弱者男性の争い - 逆寅次郎のルサンチマンの呼吸
                                                • 画像生成AI「Stable Diffusion」をGoogle Colabで動かしたメモ - ただいま村

                                                  AIが画像を自動生成してくれる「Stable Diffusion」がすごい。これを使ったサービス「DreamStudio」は1枚6秒ほどで画像を生成してくれて早いが、無料枠を超えて使うには課金が必要になる。 Google Colabという、Pythonの実行環境を提供してくれるサービス上でStable Diffusionを動かせるそうだ。お金はかからない。1枚の画像生成にかかるのは30秒ほど。その方法は以下で解説されている。 Google Colab で はじめる Stable Diffusion v1.4|npaka|note 自分でもやってみて、今は無事にStable Diffusionを使えるようになっている。しかしGoogle Colabを使うのも初めてだったので上の記事だけだと詰まるところもあった。ここではそれを解説したいと思う。 ライセンスの確認 Hugging Faceのトー

                                                    画像生成AI「Stable Diffusion」をGoogle Colabで動かしたメモ - ただいま村
                                                  • みずほ銀行のシステム障害特別調査委員会報告書を読んで|つっちーさん

                                                    おはよう人類。 2月28日のみずほ銀行のシステム障害を発端として、3月に計3回、その後も8月に3回のシステム障害が発生し世間を騒がせている。メガバンクの中でも最新かつ先進的なシステムを採用し、しかも本格稼働してすでに2年以上たっているシステムで、なぜこのような障害が連続するのか、なかなか理解しがたいものがある。 このうち、2月28日の第1回目障害から3月中に発生した計4回の障害については、6月15日に外部の有識者によって構成されたシステム障害特別調査委員会による報告書が発表されている。本文は167ページに渡るボリュームなのだが、結構内容に目を通している方も多く、TwitterやBlog、Yotubeなどでも報告書の解説を試みている方もおられる(あまり目を通してはいないが)。 みずほFGの全面的なバックアップがあったとはいえ、限られた時間でこれだけの内容をまとめ上げるのも大変だったと思うし、

                                                      みずほ銀行のシステム障害特別調査委員会報告書を読んで|つっちーさん
                                                    • どのようにしてプログラマはAIに仕事を奪われていくかの妄想

                                                      先日 OpenAI からChatGPTが Beta 公開された ChatGPT ではどんな質問に対しても何かしらの回答を生成してくれるのだが、ソースコードに関しても中々の筋が良さそうな雰囲気のコード片を生成してくれるということで少し話題になっていた こうしたプログラムを生成してくれる AI が発展していく中でどういう具合にプログラマの仕事が奪われていくのか興味がある 特に以下ではweb アプリやモバイルアプリなどのアプリケーションの開発においてという文脈で考えることにする まず AI がプログラマの仕事を奪うまでにはいくつかの段階があると思う コード支援レベル 現状はGitHub Copilotのようなコーディング支援を行うレベルの AI はある程度実用レベルになっている 自分は Copilot が生成したコード片をプロダクションコードに含めるのは権利関係の問題もあり様子見している しかし

                                                        どのようにしてプログラマはAIに仕事を奪われていくかの妄想
                                                      • 継承はなんでダメ? - まめめも

                                                        「オブジェクト指向の継承を使うな」という主張が広まっているようです。なんでダメになったんでしょうか。 インターネットで見かけた「継承はダメ」という主張をいくつか眺めて、友人と議論しつつ、考えてみました。 「コードが読みにくくなる」 継承があると、メソッド呼び出しが実際にどのメソッド定義を呼び出すのか字面でわからない。 デバッガを使って、親クラスのメソッドに飛んだり、子クラスに飛んだりするのを追いかけないと行けない。 つらい。という主張。 めっちゃわかる。わかるんですが、これは「高度に共通化されたコードは読みにくい」という一般的な側面がかなり大きいような。 たとえば継承の代わりに高階関数を使うと、関数呼び出しがどのクロージャに飛ぶか字面でわからなくなる。 ひどいとコールバック地獄になって何が何やらになります。 継承がことさらにまずい理由を想像すると、すべてのメソッド呼び出しがポリモーフィック

                                                          継承はなんでダメ? - まめめも
                                                        • ブラウザバック時の表示を最適化する Yahoo!ニュースの取り組み事例

                                                          ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!ニュース を担当しているエンジニアの喜楽です。 今回は、Yahoo!ニュースが取り組んでいるブラウザバック時の表示最適化手法について紹介します。 なぜブラウザバック時の挙動に注目するのか ユーザーがYahoo!ニュースのページを閲覧し、別のページに遷移する方法は大きく分けて以下の2つが考えられます。 (A) リンクをたどってページを遷移する (B) ブラウザーのナビゲーションボタンまたはスワイプ操作によって遷移する 「戻る」による遷移(ブラウザバック) 「進む」による遷移(ブラウザフォワード) Yahoo!ニュースでは総PVのうち一定程度が(B)のブラウザバックまたはブラウザフォワードによるページ遷移時のも

                                                            ブラウザバック時の表示を最適化する Yahoo!ニュースの取り組み事例
                                                          • 13歳少年がテトリス「完全攻略」 世界初か、ゲームが白旗―米:時事ドットコム

                                                            13歳少年がテトリス「完全攻略」 世界初か、ゲームが白旗―米 2024年01月04日14時28分配信 米紙ニューヨーク・タイムズ(電子版)は3日、世界的人気を誇るコンピューターゲーム「テトリス」任天堂版を、オクラホマ州在住の13歳の少年が「完全攻略」したと報じた。レベル157で、処理能力の限界を迎えたゲームがクラッシュ。得点は表示限界の「999999」に達していた。過去には人工知能(AI)しか到達したことのない水準という。 熱戦は画面の中でも eスポーツ、ついに正式競技―アジア大会 この少年はウィリス・ギブソンさん。昨年12月21日、スティルウォーター市の自宅で達成した。ユーチューブに投稿された映像などによると、要した時間は40分弱。目まぐるしく落ちてくるブロックをギブソンさんが消している途中で、いきなり画面が静止。ギブソンさんは「なんてことだ」と叫んだ。ボタンの押し過ぎで指の感覚はなかっ

                                                              13歳少年がテトリス「完全攻略」 世界初か、ゲームが白旗―米:時事ドットコム
                                                            • Figma MCP × Claude Codeで1ページ8時間の作業が20分になった話

                                                              はじめに 業務でWebサイトリニューアルをやっています。 テキスト量の多い静的ページを、Figmaデザインからモック(HTML/CSS)→ Laravel組み込み(3言語対応)まで実装する作業がありました。 最初は手作業で1ページ8時間かかっていました。 Figma MCP + Claude Codeを導入したら、1ページ20分になりました。 この記事はその経験の所感です。 前提:必要なもの この方法を実現するには以下が必要です: Figma 有料プラン(Dev Modeが使えるプラン) Figma MCP は Dev Mode 経由でデザインデータにアクセスするため、開発者モードが有効なプランが必須 Figma側でAuto Layoutがきちんと活用されていること Figma MCPが返すレイアウト情報(gap, padding, flex direction等)はAuto Layout

                                                                Figma MCP × Claude Codeで1ページ8時間の作業が20分になった話
                                                              • URL共有に革命?「ChatGPT」× Chrome拡張「cocopy」は実用性・楽しさ無限大 - 窓の杜

                                                                  URL共有に革命?「ChatGPT」× Chrome拡張「cocopy」は実用性・楽しさ無限大 - 窓の杜
                                                                • 「Pulumi AI」発表。自然言語でAWS、Azure、Cloudflare、Kubernetes、Datadogなど130以上のインフラやサービスのInfra-as-Codeを自動生成

                                                                  「Pulumi AI」発表。自然言語でAWS、Azure、Cloudflare、Kubernetes、Datadogなど130以上のインフラやサービスのInfra-as-Codeを自動生成 クラウドをはじめとするITインフラの構成をコードで定義する、いわゆるInfrastructure as Codeツール「Pulumi」を提供するPulumi社は、自然言語からインフラ構成コードを自動生成する「Pulumi AI」を含む、AIを活用した新サービス群「Pulumi Insights」を発表しました。 Exciting news! Pulumi Insights - intelligence for cloud infrastructure – is here. We’ve tapped into the power of generative AI and GPT-4 to automate

                                                                    「Pulumi AI」発表。自然言語でAWS、Azure、Cloudflare、Kubernetes、Datadogなど130以上のインフラやサービスのInfra-as-Codeを自動生成
                                                                  • Jujutsu(jj)完全ガイド:Gitを超える次世代バージョン管理システムの実践活用法

                                                                    Jujutsu(jj)完全ガイド:Gitを超える次世代バージョン管理システムの実践活用法 はじめに Jujutsu(ジュジュツ、通称jj)は、Googleのエンジニアによって開発された次世代のバージョン管理システムです。「Gitと100%互換性がありながら、より使いやすい」という一見矛盾した目標を見事に実現しています。 本記事では、Jujutsuの基本概念から実践的な活用方法、さらにはAIツールとの並列開発まで、包括的に解説します。 目次 なぜJujutsuなのか?5分で分かる革新性 30秒で始めるJujutsu Gitユーザーが最初に知るべき5つの違い 実践:日常開発でのJujutsu活用法 コンフリクト処理の新しい考え方 GitとJujutsuの併用パターン AIツールとの並列開発 アーキテクチャ解説(上級者向け) よくある質問と移行ガイド なぜJujutsuなのか? Gitの問題を解

                                                                      Jujutsu(jj)完全ガイド:Gitを超える次世代バージョン管理システムの実践活用法
                                                                    • おい、言語化しろ - じゃあ、おうちで学べる

                                                                      はじめに 「言語化」という言葉を聞くたびに、私は少しだけ居心地が悪くなる。この感覚に初めて気づいたのは、数年前の、ある夏の午後だった。後輩エンジニアとの1on1で、私は彼にコードレビューのコツを教えようとしていた。モニターに映るコードを指差しながら、「このコードの何が良くないか、分かる?」と聞いた。彼は首を横に振った。私は言葉を探した。「ここの設計が、将来の拡張性を損なっている」「この命名は意図が伝わりにくい」「ここのロジックは複雑すぎる」。彼は真面目にメモを取った。頷いた。理解したような表情をした。でも、次のレビューでも、同じ問題が繰り返された。その次も。さらにその次も。私は、教え方が下手なのだと思った。説明が足りないのだと思った。もっと丁寧に、もっと具体的に、もっと分かりやすく。そう思って、さらに言葉を重ねた。 三ヶ月が過ぎた。ある日、彼は変わっていた。私が指摘していたような問題を、自

                                                                        おい、言語化しろ - じゃあ、おうちで学べる
                                                                      • AIのやりすぎで頭がおかしくなることにすら慣れた - 『AIのやりすぎで頭がおかしくなっている』を読んで - じゃあ、おうちで学べる

                                                                        あの日のおかしくなりはじめた僕へ。良くなる見込みはない。 はじめに uiuさんの記事を読んだ。「AIのやりすぎで頭がおかしくなっている」。とても良い文章と内省だと思った。でも現在進行形ということは、まだ途中にいるということだ。まだ引き返せる場所にいるということだ。 uiuret.hatenablog.com 私はもう引き返せない場所にいる気がするので書く。 去年の7月、『AI時代の新たな疲労:なぜ私(たち)は「説明のつかないしんどさ」を抱えているのか』という記事を書いた。あの時の私はまだ「しんどい」と言えていた。しんどさを分析し、名前をつけ、構造を示して本を引用し、他人と共有できる形にまとめることができていた。あれは変容する前の人間の仕事だった。今の私が書く文章は、あれとは違うものになる。 このブログが良ければ読者になったり、nwiizoのXやGithubをフォローしてくれると嬉しいです。

                                                                          AIのやりすぎで頭がおかしくなることにすら慣れた - 『AIのやりすぎで頭がおかしくなっている』を読んで - じゃあ、おうちで学べる
                                                                        • ExcelやGoogleスプレッドシートをMarkdown出力するVS Codeの拡張機能「Excel to Markdown table」が便利すぎる件 | DevelopersIO

                                                                          ExcelやGoogleスプレッドシートをMarkdown出力するVS Codeの拡張機能「Excel to Markdown table」が便利すぎる件 Markdownでテーブルを表現するにはつらみが深すぎる みなさんはMarkdownでテーブルを書くことは得意ですか? 私は苦手です。 簡単なテーブルは簡単に書けるのですが、以下のようなテーブルを書くことには抵抗感があります。 行数、列数が多い セル内に書くテキスト量が多い セル内でリストを表現する 一方、私は先日、「Markdownで手順を書いています!」とこちらの記事で伝えました。 そんな私に対して、 「オイオイオイ。 Markdownでもなんでもいいけどよォ... テーブルを使いたい場面は多いんだぜ。」 というセリフが聞こえてくる気がします。 私のようなMarkdownでテーブルを書くことにつらみを覚える方への解決策として、以下記

                                                                            ExcelやGoogleスプレッドシートをMarkdown出力するVS Codeの拡張機能「Excel to Markdown table」が便利すぎる件 | DevelopersIO
                                                                          • ルールベース画像処理のススメ

                                                                            データ分析LT会第二回で発表した際の資料です。 youtube: https://www.youtube.com/watch?v=jDZwX3jxhK4 conppass url: https://kaggle-friends.connpass.com/event/214854/ gi…

                                                                              ルールベース画像処理のススメ
                                                                            • Mojoは「C言語のように速いPython」なのか - k0kubun's blog

                                                                              LLVMやSwiftを作ったChris LattnerがCEOをやっている会社が、Pythonの使用感とC言語並の性能を併せ持つ言語としてMojoをアナウンスした。 まだ手元で試せる状態でリリースされてはいないが、最大35000倍Pythonより速いという。 Mojo🔥 combines the usability of Python with the performance of C, unlocking unparalleled programmability of AI hardware and extensibility of AI models. Also, it's up to 35000x faster than Python 🤯 and … deploys 🏎 pic.twitter.com/tjT09U4F80— Modular (@Modular_AI) May

                                                                                Mojoは「C言語のように速いPython」なのか - k0kubun's blog
                                                                              • 【完全版】これ1本でReactの基本がマスターできる!初心者チュートリアル! - Qiita

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

                                                                                  【完全版】これ1本でReactの基本がマスターできる!初心者チュートリアル! - Qiita
                                                                                • GPT-4.1 Prompting Guide | OpenAI Cookbook

                                                                                  The GPT-4.1 family of models represents a significant step forward from GPT-4o in capabilities across coding, instruction following, and long context. In this prompting guide, we collate a series of important prompting tips derived from extensive internal testing to help developers fully leverage the improved abilities of this new model family. Many typical best practices still apply to GPT-4.1, s

                                                                                    GPT-4.1 Prompting Guide | OpenAI Cookbook

                                                                                  新着記事