並び順

ブックマーク数

期間指定

  • から
  • まで

3601 - 3640 件 / 16789件

新着順 人気順

*programmingの検索結果3601 - 3640 件 / 16789件

  • Chromeの拡張機能ってAI使えば簡単に作れる説 - Qiita

    「こんなChromeの拡張機能があったら便利なのにな~…」と、けっこう前からそう思ってはいたものの、私には拡張機能を自由自在に構築するほどの技術力がありませんでした。 ところが最近、ふと「AIを使えば簡単にできるのでは?」と思いつきました。 今回は、私が実際にAIを使って「Google検索結果からスポンサード広告 / 特定ドメインをブロックする拡張機能」を作った手順を紹介します。 制作時間はおそらく20分~30分程度。規約上、完成した拡張機能のコードをそのまま記事に貼り付けることはできませんが、やろうと思えば誰でも作れると思うので是非遊んでみてください。 1. 目標の整理 まずは作りたい機能をざっくり決めます。 今回の目標は以下の2つ。 Google検索結果内に表示されるスポンサード広告ブロック(#taw)を非表示にする 特定のドメインが検索結果に含まれていたら、そのブロックを丸ごと非表示

    • RaspberryPi を安定運用させる - Qiita

      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに しまねソフト研究開発センター(略称 ITOC)にいます、東です。 教育用ワンボードマイコンとして販売されている Raspberry Pi (以下ラズパイ)は、教育用のみならず実験用、産業用とさまざまな分野で使われつつあります。一方、マイクロSDカードをメインストレージに使用している事や、OSがクライアントPCよりの設定にしてある事などから、長期安定運用には向かない面も存在します。 このレポートでは、OSや稼働させるソフトウェアの設定など、できるだけ簡易に再現可能な方法により、可能な限りラズパイを安定して長期運用させることを狙い

        RaspberryPi を安定運用させる - Qiita
      • 『レガシーコードとどう付き合うか』は、経営層とエンジニアサイドの価値観の橋渡しをしてくれる稀有な一冊 - Magnolia Tech

        レガシーコードとどう付き合うか 作者:めもりーシーアンドアール研究所Amazon めもりーさんの『レガシーコードとどう付き合うか』を読んだ。 これは優秀なプログラマであり、CTOとして経営に参画しためもりーさんならではの1冊でした…とはいえ、果たして人生何周目だったらその経験をここまで分かりやすく言語化できるのか分からない。 簡単に言えば、以下の記事の完全版、というか、経営とエンジニアの両サイドから見た「企業が顧客に価値を届けるという営みにおける”エンジニアリング”とは何か?」というテーマなんじゃないかと思います。 note.com [目次] CHAPTER 01 なぜレガシーコードが生まれやすいのか CHAPTER 02 レガシーコードを改善するための道筋 CHAPTER 03 レガシーコードを読む力 CHAPTER 04 レガシーコードを改善するための準備 CHAPTER 05 レガシ

          『レガシーコードとどう付き合うか』は、経営層とエンジニアサイドの価値観の橋渡しをしてくれる稀有な一冊 - Magnolia Tech
        • VueもReactもやったことないのでVanilla JSでやってみたSPA - Qiita

          はじめに まずは宣伝です。 このたび保育園を地図から探せる 保育園マップ というサービスを作りました。 WEB版 iOS版 Android版 Vanilla JSのSPAで作ったのですが、思いの外色んなことをやる必要があったので、制作過程で得た知見をこの記事にまとめました。 網羅的に書いたので長いですが、一つ一つのトピックはそれ程長くないので、興味があるところだけ読んでもらってもいいと思います。 Vanilla JS & SPAとは? Vanilla(バニラ) JSというのは何もフレームワークを使っていない素のJavaScriptのことです。 ただのJavaScriptなんですが、ジョークでフレームワーク風の公式サイト?っぽいものがあったりします。 SPAというのはシングルページアプリケーションの略です。 ページごとにHTMLを用意するのではなく、1つのHTMLの中でJavaScriptに

            VueもReactもやったことないのでVanilla JSでやってみたSPA - Qiita
          • [解説]「Windowsの設定がフランス語だとゲームが起動しない」開発者がXで公開した小数点表記に関するバグの詳細をレポート

            [解説]「Windowsの設定がフランス語だとゲームが起動しない」開発者がXで公開した小数点表記に関するバグの詳細をレポート by igjd · 公開済み 2023年8月12日 · 更新済み 2023年8月17日 [UPDATE 2023/08/17] TryParse()系の例外をキャッチして処理するコードを省略していましたが、表記があったほうがいいというコメントをいただいたため、追記を行いました。 ゲーム開発を含むプログラミングにおいては、意外なところに落とし穴がたくさんあります。今回紹介するのは「フランス語のローカライズ対応における小数点問題」です。 発端となったポスト 今回の記事は、筆者(せきやdn)がX(旧Twitter)にポストした次のツイートが発端です。 今回の「ファミレスを享受せよ」 Windowsがフランス語だと立ち上がらない不具合。 お恥ずかしい話なのですが、 同じミス

              [解説]「Windowsの設定がフランス語だとゲームが起動しない」開発者がXで公開した小数点表記に関するバグの詳細をレポート
            • GitHub Copilot Agent Skills 入門

              GitHub Copilot を使っていると、「このプロジェクト固有のルールを覚えてほしい」「特定のスクリプトの使い方を教えたい」といった場面に出くわすことがあります。これまでは、カスタム指示や AGENTS.md にそうした情報を記述することで対応してきましたが、ここに新たな最適化方法が登場してきています。それが「Agent Skills」です。 2025 年 12 月 18 日、Agent Skills が GitHub Copilot に追加されました[1]。Agent Skills は、必要な時だけ動的にロードされる「専門知識のパッケージ」として機能し、コンテキストを効率的に管理しながら Copilot の能力を拡張できます。 この記事では、Agent Skills の基本的な仕組みと、実際に動作する簡単なスキルの作り方を紹介します。さらに、VS Code の Chat Debug

                GitHub Copilot Agent Skills 入門
              • 北村ヂン on Twitter: "開会式公式プログラム届いたー。みんなを昂らせたゲームミュージックの扱いは一行、「イマジン」とか謎パフォーマンスの方が重要だったことが分かる内容でした。あと、やっぱりほぼ小林賢太郎の考えた内容なんじゃん!(発売中止になった事情が分か… https://t.co/UXGCYCuRim"

                開会式公式プログラム届いたー。みんなを昂らせたゲームミュージックの扱いは一行、「イマジン」とか謎パフォーマンスの方が重要だったことが分かる内容でした。あと、やっぱりほぼ小林賢太郎の考えた内容なんじゃん!(発売中止になった事情が分か… https://t.co/UXGCYCuRim

                  北村ヂン on Twitter: "開会式公式プログラム届いたー。みんなを昂らせたゲームミュージックの扱いは一行、「イマジン」とか謎パフォーマンスの方が重要だったことが分かる内容でした。あと、やっぱりほぼ小林賢太郎の考えた内容なんじゃん!(発売中止になった事情が分か… https://t.co/UXGCYCuRim"
                • Netflixで2億3800万人の会員を管理するということ

                  Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

                    Netflixで2億3800万人の会員を管理するということ
                  • Rustでサイトを再実装

                    このサイト r7kamura.com の実装言語をRubyからRustに変えてみた。 アプリケーションの概観 このサイトには、大別すると次の6種類のルーティングパターンがある。 GET / トップページ GET /articles/:article_id 記事ページ GET /feed.xml RSSフィード GET /links リンク集 GET /sitemap.txt サイトマップ (Google Search Console等が利用する) GET /* その他の静的ファイル (CSSや画像など) Rubyの実装では、適当なRackアプリケーション + rack-captureという構成で、Webアプリケーションとして実装しつつGitHub Pagesのために静的ファイルも吐き出せるという仕組みになっていた。 Rustの実装もほぼ同じで、適当なHTTPサーバー + 適当なHTTPクラ

                      Rustでサイトを再実装
                    • 16行のHTMLで使える3D日本地図 powered by 国土地理院地図

                      deck.glをESモジュール化したdeck-esを使って、「地理院タイルとdeck.glで3D地図をつくろう - Qiita」で紹介されていた、地理院地図の標高データを使った3Dモデル表示「deckgl-gsi-terrain-layer」をESモジュール化!リアルな3D地図が気軽に使えるようになりました。 「deckgl-gsi-terrain-layer」地理院地図、src on GitHub 高低差が反映された日本地図をぐりぐり動かせます。シフト押しながらドラッグでぐるぐる回転、スクロールアップダウンでぐぐっとズームします。 ESモジュール化に当たって、deck-esで足りない分は、元のソースから必要な分だけもってきてutils.jsにまとめました。 「deckgl-gsi-terrain-layer - 鯖江市の見慣れた風景」地理院地図 いろいろ名所を巡るのも楽しいですね。デジタ

                        16行のHTMLで使える3D日本地図 powered by 国土地理院地図
                      • const Hoge: React.FC<Props>=()=>って書いてたら思考停止系と言われたので調べた

                        VTeacher所属のSatokoです。 QAエンジニアとフロントエンドエンジニアを兼任しています。 2006年、まだホリエモン率いるライブドア(現LINE)のモバイルチーム(現LINE出澤社長がリーダー)に配属も、同年1月にライブドアショックがあって出社0日で失職。その後、サイバーエージェントやGREEなどを転々としてきたITバブルの残党(ナイスミドル系エンジニア)です😅 1.久しぶりにReactのプロジェクトに参加 リズミカルにキーボードを タタンッ! として、

                          const Hoge: React.FC<Props>=()=>って書いてたら思考停止系と言われたので調べた
                        • ひろゆきがRubyの父・まつもとゆきひろに聞く「弟子募集しないんですか?」 - エンジニアtype | 転職type

                          日々プロダクトに向き合うエンジニアのみなさんにヒントをお届けすべく、日本最大の電子掲示板『2ちゃんねる(現5ちゃんねる)』を立ち上げた、ひろゆきさんを迎えた本連載。国内外のプロダクトを、ひろゆきさんはどうみるのか? ひろゆきさんが開発者ならどこをブラッシュアップするのか?そんなことを、毎回話題のプロダクトを取り上げながらお届けすることでプロダクト開発で大切なことを探っていきます。 今回で3回目となるこちらの連載。1回目、2回目と若きエンジニアを論破してしまう回が続いたので「次回は論破しないひろゆきもみてみたい…」という気持ちに駆られてきた編集部一同。そこで、ひろゆきさんに聞いてみました。

                            ひろゆきがRubyの父・まつもとゆきひろに聞く「弟子募集しないんですか?」 - エンジニアtype | 転職type
                          • 良いコードってどんなコードですか?という質問を受けたら何と答えるか - snoozer05's blog

                            技術顧問先で、一生懸命コードに向き合っているプログラマーになりたての方から、次のような質問をもらいました。 最初に面談した時、1年後にいいコードが書ける、上手に書けることを目標にしましたが、 先日スクール時代の同期(それぞれRubyの会社で働いている)と話したところ、会社ごとにレビューの仕方やコードに関する基準がさまざまなようで、良いコードとはなんなのか疑問に感じました。「いいコード」とは、みたいな部分で島田さんの考え方をお聞きできたら嬉しいです。 この質問にぼくは次のような回答をしたのですが、「この質問が来たら他の人はどんな回答するんだろうな」に興味があるので、ここにしたためておきます。もしよかったら「若者にこれを聞かれたら自分ならこう答える」をコメントなどで残していってもらえたら嬉しいです。 とても大事な疑問を見つけられたんだなあと思います。 「良さとは何か」ということに向き合う必要の

                              良いコードってどんなコードですか?という質問を受けたら何と答えるか - snoozer05's blog
                            • 「まずは小規模なゲームから」に聞き飽きた人のための中規模ゲーム制作手法|MetaFormingPro

                              ■前説この記事は、Unityゲーム開発者ギルド Advent Calendar 2022に投稿した記事をリファインしたものとなります。UGDGアドカレは他にも知見になる記事が多くあるので興味ある方は見てみましょう。 ■前節みなさん、ゲームを作ったことはありますね。 みんなゲーム作ってる人ではない? そうですね。 でもたぶんここ読んでる人の多くは一本位はゲームを完成させている人だと思います。 というかそれが前提です。 ところで、ネット上の多く存在するゲーム制作講座、何かしら読んだことがあると思います。 そしてそのほとんどの場所で、「初心者」向けにこういっているでしょう。 「いきなり大作を作ろうとしないで、まずは小さい作品から😊😊」 うるせえ!! 俺はもうそこは通り過ぎたんだ!! そこはもう通り過ぎたから、まとまった規模の作品を作りたいんだ!! となる。 そう。「入門講座」は小規模ゲームを

                                「まずは小規模なゲームから」に聞き飽きた人のための中規模ゲーム制作手法|MetaFormingPro
                              • JavaScriptビルドツールの整理 各ツールの機能と依存関係

                                フロントエンドのビルドツールが色々ありすぎて、何がどうなっているのかがわかりづらいため、 各ツールができること、特徴 ツール間がどのように依存しあっているか を一気に調べて整理した。(情報は2023/10時点) 概要 ツールの依存関係整理 上層: dev server付きのバンドラ/ビルドツール。アプリ開発者が直接configなどを書いて取り扱うのはここが多いと思われる。(Next.jsに関しては、ビルド機能に着目した場合) 下層: やや基盤的なdev serverなしのツール群。 矢印は、明示的な依存関係を表す。実際には、明示的な依存関係がなくても、下層のツール群は上層のバンドラ(やRollup)に対してプラグインを提供していることが多い。 各ツールのできること整理 ツールごとに、大まかな機能区分で、できることとできないことをまとめた。 各機能区分の定義は次セクションを参照。 ツールごと

                                  JavaScriptビルドツールの整理 各ツールの機能と依存関係
                                • Markdownをプログラミング言語として用いる仕様駆動開発の可能性 ——GitHub Blogより | gihyo.jp

                                  GitHubは2025年9月30日、ブログ記事「Spec-driven development: Using Markdown as a programming language when building with AI」を公開し、Markdownをプログラミング言語として用いる仕様駆動開発の可能性の一端が紹介された。 GitHub Blog: Spec-driven development: Using Markdown as a programming language when building with AI - GitHub Blog プログラムを作成するときにコーディングエージェント利用する場合、もっとも基礎的な使い方として「Xをおこなうアプリを作成」といった指示から開始し、逐次「機能Yを追加」「⁠バグZを修正」といった指示を反復する方法がある。しかしこの方法は、エージェント

                                    Markdownをプログラミング言語として用いる仕様駆動開発の可能性 ——GitHub Blogより | gihyo.jp
                                  • A 10x Faster TypeScript - TypeScript

                                    While we’re not yet feature-complete, these numbers are representative of the order of magnitude performance improvement you’ll see checking most codebases. We’re incredibly excited about the opportunities that this massive speed boost creates. Features that once seemed out of reach are now within grasp. This native port will be able to provide instant, comprehensive error listings across an entir

                                      A 10x Faster TypeScript - TypeScript
                                    • "AIエージェント時代、正直しんどい話" に対する処方箋

                                      最近「AIエージェント時代、正直しんどい」という記事を読んでめちゃ共感しました。 そこで下記のようにXでポストしたところ、思った以上に反響がありました。 このポストは これからは 「認知負荷とどう戦うか」のゲームになるだろう という話なのですが、この戦いに使えるTipsを形に残したいと思いこの記事を書き始めました。 例えば、認知負荷が高いものに対してはDivide and Conquer(分割統治) などが有名ですが... この手の問題に対して体系的に深く解説している「プログラマー脳」を使い、元記事で挙げられた6つの問題それぞれに対する処方箋として紹介したいと思います。 この本は 「脳の働きをより深く理解することで、プログラマーとしてのスキルや習慣を向上させる」 というアイデアがコンセプトです。 2年くらい前に日本語訳された本ですが、正直、今が一番この本を主体性を持って読める最高のタイミン

                                        "AIエージェント時代、正直しんどい話" に対する処方箋
                                      • Mozilla、ドイツがまもなく広告ブロッカーを違法と宣言する可能性を警告

                                        ドイツ連邦最高裁判所(BGH)の最近の判決により、ブラウザベースの広告ブロッカーが著作権を侵害しているかどうかをめぐる法的争いが再燃し、国内でこれらのツールが禁止される可能性への懸念が高まっています。 この訴訟は、オンラインメディア企業Axel Springerが、人気のブラウザ拡張機能Adblock Plusの開発元であるEyeo社を提訴したことに端を発しています。 Axel Springerは、広告ブロッカーが自社の収益モデルを脅かしており、ウェブサイトのブラウザ内での実行を著作権侵害と位置付けています。 これは、ウェブサイトのHTML/CSSが保護されたコンピュータプログラムであり、広告ブロッカーがメモリ上の実行構造(DOM、CSSOM、レンダリングツリー)に介入することで、不法な複製および改変にあたるという主張に基づいています。 以前、この主張はハンブルクの下級裁判所によって退けら

                                          Mozilla、ドイツがまもなく広告ブロッカーを違法と宣言する可能性を警告
                                        • AutoGPTを徹底解剖!使い方をご紹介!【2023年4月25日最新版】

                                          一般的にChatGPTを使用する際には、プロンプトを入力して進めていく必要がありますが、プロンプトの作成は意外に難しいと感じる方も多いかもしれません。 AutoGPTは、プロンプトを作成せずとも自動的に行うべきことを提案してくれる、という驚くべき機能を持っています。AutoGPTは誰でも利用可能です。 今回PROMPTYでは、そんな話題のAutoGPTの特徴や始め方、使い方を解説していきます。 エンジニアではない方でも導入できるよう、できるだけわかりやすく説明しますので、1つずつ手順を踏みながら試してみてください。 ブックマーク必須!PROMPTYとは 国内最大級のChatGPTなどの生成AIのプロンプトエンジニア専門メディアです。 「プロンプトのテンプレ集」「生成AIの開発・活用ノウハウ」「海外の時事ニュース」など幅広い内容を取り揃えています。 一般的なニュースなどでは取り扱っていない最

                                            AutoGPTを徹底解剖!使い方をご紹介!【2023年4月25日最新版】
                                          • 「NativePHP」、PHPでデスクトップアプリを開発できるフレームワークが登場

                                            PHP言語を用いてデスクトップアプリケーションを開発可能にするフレームワーク「NativePHP」が登場しました。現在アルファ版として公開されています。 PHPランタイムとElectron/Tauriをバンドル NativePHPはHTML、CSS、JavascriptそしてPHPを用いてWindows、Mac、Linuxのクロスプラットフォームに対応したデスクトップアプリケーションを開発可能にするフレームワークです。 PHPランタイムと、アプリケーションからホストOSへアクセスするためのクラス群、Web技術でデスクトップアプリケーションを開発可能にするフレームワークであるElectronもしくはTauriをバンドルし、アプリケーションとしてビルドする機能を備えています。 現時点ではPHPのフレームワークとしてLaravelをベースにしていますが、特定のフレームワーク依存をなくしていく方向

                                              「NativePHP」、PHPでデスクトップアプリを開発できるフレームワークが登場
                                            • 書評:GitHub Copilot とのペアプロ TDD でつくるローグライク RPG - 若くない何かの悩み

                                              本記事は「GitHub Copilot とのペアプロ TDD でつくるローグライク RPG」の書評です。題名にローグライクRPGとあるのでゲーム開発の本なのかなと思ってしまいますが、本題は仕様の端的な表現をもたないシステムを LLM を使って真っ当に開発する方法の解説だと思います。タイトルにローグライクRPGと書いていることでゲーム開発に興味のない人の興味を失わせてしまい損をしている気がします。 背景 最近の LLM の流行を受けて私も Chat-GPT や GitHub Copilot といった LLM を開発で利用しています。端的に仕様を表現できるシステムは LLM に質問して実装を得る方が自分で実装するより圧倒的に速く正確であるという感想を抱いています。ただ端的に仕様を表現できるシステムばかりではありません。えてして価値を生んでいるシステムというのは端的な仕様の表現が存在しないもので

                                                書評:GitHub Copilot とのペアプロ TDD でつくるローグライク RPG - 若くない何かの悩み
                                              • Linux 入門 (LFS101-JP) | Linux Foundation Education

                                                この Linux 入門トレーニングを完了すると、グラフィックとコマンド ラインの両方の観点から Linux に関する十分な実践的な知識が得られ、主要な Linux ディストリビューションを簡単に操作できるようになります。獲得したスキルセットを使用して、ユーザー、システム管理者、または開発者のいずれかとして進歩を続けることができます。 おもなテーマ コースのご案内 第1章 Linux Foundation 第2章 Linuxの理念とコンセプト 第3章 Linuxの基礎とシステムの起動 第4章 グラフィカル インターフェイス 第5章 グラフィカル インターフェイスからのシステム設定 第6章 一般的なアプリケーション 第7章 コマンドライン操作 第8章 Linuxドキュメントの検索 第9章 プロセス 第10章 ファイル操作 第11章 テキスト エディタ 第12章 ユーザー環境 第13章 テキスト

                                                  Linux 入門 (LFS101-JP) | Linux Foundation Education
                                                • プログラミング勉強してる人たちが全員Webエンジニアになったら、誰がインフラや基幹システムを担うんですか

                                                  さわごん@どしたんズ特攻隊長 @pipumin @shatiku_master Webのように一見分かりやすい方が、何やってるか分からないインフラや基幹システムより魅力的に見えるんでしょうね… 2022-06-21 08:48:41

                                                    プログラミング勉強してる人たちが全員Webエンジニアになったら、誰がインフラや基幹システムを担うんですか
                                                  • ユニバーサル アナリティクスは Google アナリティクス 4 に置き換わりました - アナリティクス ヘルプ

                                                    最終更新日: 2024 年 12 月 12 日 Google アナリティクス 4 は、ユニバーサル アナリティクスに代わる次世代の測定ソリューションです。ウェブサイトの測定を続けるには、Google アナリティクス 4 プロパティが必要です。移行がお済みでない場合は、Google アナリティクス 4 に移行してください。 If you still require access to an archive of the Universal Analytics documentation for historical purposes, you can view them here. 移行のタイムライン 2024 年 7 月 1 日の週以降: ユニバーサル アナリティクスの現在および過去のデータにアクセスできなくなります。また、ほとんどのユーザーは、7 月 1 日にインターフェースと API

                                                    • チャットGPTの本当の衝撃、プログラマーの仕事が消えていく 日本のプログラミング教育に大打撃、本物の科学・芸術教育を | JBpress (ジェイビープレス)

                                                      いまやプログラミングは、チャットGPT(自動生成AI)にリクエストすれば、ソースコードが打ち出される時代に・・・。 文科省が義務教育に導入している「プログラミング教育」は大半が完全に時代遅れになる可能性も・・・。 新年度に入って本連載の出稿頻度が下がっています。 理由は5月20日から東京都美術館で開催される「芸術と科学の新しい挨拶」展と、オープニングの演奏会の準備で、ほとんどすべての時間を取られているからで、今回はまずそのご紹介から始めたいと思います。 タレントを「ミュージシャン」と称して売り出すビジネスと無関係に、私自身一職人で仕事しているため、時間が足りなくなっています。 ご紹介するこの展覧会は、日本で初めて、興味本位ではなく真面目に遊ぶと大学入試レベルの学力増強に直結する「アート&サイエンス」新潮流のエギジビションとして開催するものです。 特に学齢のお子さんをお持ちの親御さんには、ご

                                                        チャットGPTの本当の衝撃、プログラマーの仕事が消えていく 日本のプログラミング教育に大打撃、本物の科学・芸術教育を | JBpress (ジェイビープレス)
                                                      • 縦書きHTMLにおける文字の向きはどのように定まるか - ドワンゴ教育サービス開発者ブログ

                                                        ドワンゴ教育事業Webフロントエンドチームの berlysia です*1。 はじめに この記事では、日本語の縦書きHTMLにおいて、「ある1文字が縦組みのなかで違和感なく縦書きとして表示される」とはどのように成り立っているのか、意図しない表記になりやすい文字とその理由について紹介します。 最後まで読むと、縦書き時の文字の縦横に関する問題をたちどころに分解できるようになるはずです。とりあえずフォントのせいだろうかと疑う日々には、これでおさらばしましょう*2。 はじめに N予備校における日本語縦書きHTML CSS の関連仕様 日本語の一般的な縦書きに設定する うまくいかないことが起こりやすい文字たち うまくいかない文字がうまくいかない理由を理解する 縦書きを考慮した文字の周りの方向の定義 CSS における縦書きでの文字の縦横 upright typesetting sideways type

                                                          縦書きHTMLにおける文字の向きはどのように定まるか - ドワンゴ教育サービス開発者ブログ
                                                        • 本番DBのマスターデータを全行ぶっとばすやらかしをしたときのお話、その反省

                                                          はじめに はじめまして、さかがみ かずと(@_skgm092)です。 今回は自分がお手伝いしているプロジェクトで、本番DBへのアクセス作業中に発生したトラブルについて記録します。 自分の失敗を公開することは恥ずかしいものですが、同じような事故を防ぐための参考になればと思い、共有することにしました。 自分のしかばねを糧にして、皆様は同じ失敗をしないようにしてください。 トラブルの概要 起きてしまったこと 担当プロジェクトはコアタイムがPM10-AM03頃のSNSサービスでした。 サービスの主要機能が完全に機能停止する事態が発生し、コアタイムの大部分を緊急メンテナンスで停止せざるを得ない状況となりました。 どんな作業で発生したか マスタデータを含むテーブルの列を書き換える作業中に発生しました。 具体的には、とあるマスタデータのJSON型の列を全てブランク値で上書きしてしまいました。 何が問題だ

                                                            本番DBのマスターデータを全行ぶっとばすやらかしをしたときのお話、その反省
                                                          • 値オブジェクト(Value Object)は3種類ある - パンダのプログラミングブログ

                                                            パンダとおくだが、Web業界の当たり前を「これって本当にそうだっけ?」と問い直すラジオを配信しています Value Object(値オブジェクト)は3種類あった Value Object(値オブジェクト) の意義と使い所がわからなかった。そこで調べてみたらなんと3種類あった。面白かったのでその調査過程を紹介する。 なお、現在では DDD の意味での Value Object がメインであること、またこれは自転車置き場の議論であり、DDD Quickly の Value Object の章を読む方が有意義であることを先に記しておく。 1. Data Transfer Object 1つ目は、Data Transfer Object(DTO)の意味だ。これは PoEAA に少しだけだけ出てくる。かつてのJava界隈の一部では(?)DTOのことを Value Object と呼んでいた。だが、現

                                                              値オブジェクト(Value Object)は3種類ある - パンダのプログラミングブログ
                                                            • Tailwind CSSの入門に!コピペで簡単に利用できるUIコンポーネントのまとめ

                                                              Webサイトやスマホアプリで見かけるUIコンポーネントをTailwind CSSで実装されたコンポーネント集を紹介します。 Tailwind CSSを初めて触れる人にも簡単で、デフォルト構成で機能し、HTMLをコピペするだけで簡単に使用できます。 Flowrift Flowrift -GitHub 他にも、Tailwind CSSで実装されたUIコンポーネントを探している人は下記もご覧ください。 Tailwind CSSで実装されたUIコンポーネント・ページテンプレート、商用プロジェクトで無料のものをまとめました Flowriftは、Tailwind CSSで実装されたUIコンポーネントのライブラリです。通常のHTMLに、Tailwind CSSのデフォルト構成で機能します。コンポーネントを組み合わせて、ページレイアウトを作成することもできます。 Flowrift ライセンスが明記されてい

                                                                Tailwind CSSの入門に!コピペで簡単に利用できるUIコンポーネントのまとめ
                                                              • セッション認証とトークン認証について

                                                                概要 セッション認証とトークン認証について整理する。下記サイトで詳しく解説されていたので、自分はあくまで学びをアウトプットする目的として本記事を作成する。詳しく学びたい人は、こちらで確認してほしい。 早速だがセッション認証とトークン認証について、一言で言うと、セッション認証はサーバー側主体の認証方法であり、トークン認証はブラウザ側主体の認証方法である。 セッション認証 セッション認証は、ユーザがログイン成功した際に、ユーザ情報と紐付けたセッションIDを返す。ユーザはこのセッションIDをブラウザ上でクッキーとして保存して、サーバー側へリクエストを送る。具体的な流れを下記に示す。 ユーザがログイン認証を経て、サーバがユーザ情報と紐づけたセッションIDを発行する。 発行されたセッションIDをユーザのブラウザが受け取り、クッキーとして保存する。 クッキーとして保存されたセッションIDを用いて、ユー

                                                                  セッション認証とトークン認証について
                                                                • Rubyの並列並行処理のこれまでとこれから - クックパッド開発者ブログ

                                                                  技術部の笹田です。今日で退職するので、バタバタと返却などの準備をしています。 本記事では、Rubyの並行並列処理の改善についての私の取り組みについて、おもに RubyKaigi 2022 と 2023 で発表した内容をもとにご紹介します。 並行と並列はよく似た言葉ですが、本記事では次のような意味で使います。 並行処理(concurrent processing)は、「複数の独立した実行単位が、待っていればいつか終わる(もしくは、処理が進む)」という論理的な概念で、古典的にはタイムシェアリングシステムなどが挙げられます。 並列処理(parallel processing)は、「複数の独立した実行単位のうちのいくつかが、あるタイミングで同時に動いている」という物理的な概念で、古典的には複数のCPU上で同時に実行させる、というものです。最近では、1つのCPU上で複数コアが同時に動いている、という

                                                                    Rubyの並列並行処理のこれまでとこれから - クックパッド開発者ブログ
                                                                  • ソフトウェアアーキテクチャ・ハードパーツ

                                                                    ソフトウェアアーキテクチャに絶対的な正解は存在しません。むしろ、さまざまな妥協点の中から選択を強いる難題、すなわち「ハードパーツ」が多く存在します。そのため、ソフトウェアアーキテクトには常にトレードオフを見極め、状況に合った選択をすることが求められます。本書は、読者が自身のアーキテクチャ上の難題に対して効果的なトレードオフ分析を行い、より良い決定ができるようにするための書籍です。 本書では、サービスの粒度やデータの所有権、コードの再利用やワークフローの調整、可用性や信頼性の実現といった現代のソフトウェアアーキテクチャの難題と、それに対するさまざまなアプローチやパターンを紹介します。そして意思決定を難しくするトレードオフについて、モノリスを分解しマイクロサービスアーキテクチャに再構築する例を通して詳しく説明します。 『ソフトウェアアーキテクチャの基礎』の著者らによる現代的なトレードオフ分析と

                                                                      ソフトウェアアーキテクチャ・ハードパーツ
                                                                    • npm をセキュアな挙動にするために .npmrc に記述する最小設定

                                                                      はじめに グループIT推進本部 CyberAgent group Infrastructure Unit(以下、CIU)所属・Next Expertsの平井(@did0es)です。 CIUのサービスのWebフロントエンド開発に携わる傍ら、TypeScriptのNext Expertsとして情報発信や社内向けの技術支援を中心に活動しています。 本記事では、pnpm や bun への移行を検討する前に、まず npm のままで実現可能なセキュリティ対策を実施したい人を対象に、 .npmrc に入れるべき最小限の設定を紹介します。 ここで紹介する設定は、最小構成でありつつ、CIUのWebフロントエンドでも共通して採用している内容です。 背景として、npmまわりでは直近で大きなサプライチェーン攻撃が続いています。 Shai-Hulud(2025年9月〜11月) axiosパッケージ改ざん(2026年

                                                                        npm をセキュアな挙動にするために .npmrc に記述する最小設定
                                                                      • 技術書典19で買った『わかる!ソフトウェア設計トレーニング』が良かった

                                                                        これはなに 先日、技術書典19に参加してきました。 技術書典では色々と書籍を買ったんですが、その中でも特に良かったなと感じた『わかる!ソフトウェア設計トレーニング』についてご紹介します。 ちなみに購入リンクはこちら。 紙媒体[1]のやつは11/30までしか購入できないらしいので、買いたい人は急げ! ※追記:11/30以降も電子であれば買えます 著者の思考の「多さ」が伝わる良書 本書の大きなウリはトレーニング形式という体裁にあると思うんだけど、わたしが読んでいて良かったのは、著者が設計について本当にずっと考えているんだろうなというのが伝わってきたことにある。知見のあるひとに対して「思考が深い」みたいに表現することがあると思うけど、自分は深さってあまり信じてなくて、それよりもどれだけ「多く」考えているかの方が大切だと思う。たくさん考えた人だけが辿り着ける領域見たいなものがあり、そういう人の書い

                                                                          技術書典19で買った『わかる!ソフトウェア設計トレーニング』が良かった
                                                                        • fsnotify の件、arp242 氏が一方的に悪者にされているのはかなり違和感

                                                                          fsnotify の maintainer 権限まわりで少し騒ぎになっている。 日本語圏では、mattn 氏が X で発信したこともあって、「arp242 氏が横暴に maintainer を外した」「有名 OSS を乗っ取った」「怖い」みたいな受け止め方がかなり広がっているように見える。 ただ、GitHub 上の issue や commit log、実際の contribution を見ると、この見方はかなり雑ではないかと思った。 少なくとも、公開情報を見る限り、arp242 氏が一方的に悪いという話には見えない。むしろ、実質的に長く fsnotify をメンテしていた arp242 氏が、過去の緩い権限付与によって残っていた commit 権限を整理した、という見方のほうが自然に見える。 fsnotify は「誰のプロジェクト」だったのかまず前提として、fsnotify は Go の

                                                                            fsnotify の件、arp242 氏が一方的に悪者にされているのはかなり違和感
                                                                          • はじめに:『書くスキルも設計スキルも飛躍的に上がる! プログラムを読む技術』

                                                                            【発刊に寄せて】 プログラマーの人材不足が叫ばれる中、プログラミング教育と言えば、とかくプログラムが書ける人材を育成する必要性にばかり目を奪われがちです。本書は、著者の岩松洋氏が岡山大学の情報工学科および大学院でプログラミングを学び、会社でプログラマーをしていた経験の中で、プログラムを読むことの重要性に気づき、その視点から書かれた一冊です。 昨今、最終的に作成するシステムを短期間で作成するために、プログラムは使えるものがあればそれを流用し、なるべく自分でプログラムを書き起こさないことが推奨されるようです。Pythonなどは特にその傾向が強く、ライブラリを使いこなすのがプログラミングの主な仕事となっている感があります。会社の中で仕事をしていれば、先輩技術者が作ったプログラムをメンテナンスすることもあるでしょうし、自分が昔作ったプログラムを修正することが必要になることもあるに違いありません。そ

                                                                              はじめに:『書くスキルも設計スキルも飛躍的に上がる! プログラムを読む技術』
                                                                            • AI Agentフレームワークを使うべきなのか?

                                                                              こちらはLayerX AI エージェントブログリレー41日目の記事です。 こんにちは、CEO室でAI Agent開発のPdMをしているKenta Watanabeです。 AI Agent開発に取り組んでいる方や自分用の効率化ツールを開発したりしてLLMで遊んでいる方は何かしらのAgentフレームワークを利用されている方が多いのではないかと思います。LayerXでもAI SDKなどのフレームワークが社内で利用されています。本日はAgent開発の試行錯誤を通して得られたAgentフレームワーク選びの参考になるような考え方を紹介できればと思います。 Agentフレームワーク戦国時代 ここ数年はAgentフレームワーク戦国時代と言えるほどたくさんのフレームワークやSDKが開発され利用されているのではないかと思います。各LLM ProviderはLLMを利用するためのHTTP EndpointとSD

                                                                                AI Agentフレームワークを使うべきなのか?
                                                                              • 【50歳からのAI学習】50歳からのAI開発スキル習得|Gemini CLIのWindows導入記 - uepon日々の備忘録

                                                                                Google様がまた新しいAIツール出してきたじゃないですか。正直いうと、また覚えることが増えるのかという感想😅Claude CodeがProプランで使えるようになったと思ったら、今度はGemini CLIですよ...もう追いつけない💦でもやらないと時代に取り残される...😫という話となります。 Gemini CLIって何? ターミナル上で動くGoogleのAIコーディングアシスタントです。「〜を作って」「〜を修正して」とプロンプトに依頼することで開発ができます。Claude Codeと似てるけど、GoogleのGeminiを使ってるのが特徴。個人的にはGeminiの最近の追い上げも見過ごせません。 特徴 Gemini 2.5 Proの100万トークンという巨大なコンテキストウィンドウ マルチモーダル機能(PDFやスケッチからアプリ生成) Google検索との連携でリアルタイム情報取

                                                                                  【50歳からのAI学習】50歳からのAI開発スキル習得|Gemini CLIのWindows導入記 - uepon日々の備忘録
                                                                                • Google Cloud、AIによるアプリの自動生成ツール「Firebase Studio」公開。プロンプトで作りたいアプリを説明するだけ、無料で利用可能

                                                                                  Google Cloudは、自然言語で作りたいアプリケーションの内容を説明すると生成AIが自動的にフルスタックのWebアプリケーションを生成してくれる開発ツール「Firebase Studio」を公開しました。 Firebase StudioはWebブラウザから利用できる開発ツールです。 その中味は、Visual Studio CodeをベースとしてGoogleが開発しているWebIDEの「Project IDX」、アプリケーションのバックエンドサービスを提供する「Firebase」、アプリケーションに生成AIを組み込めるフレームワークの「Genkit」、そしてプロンプトを基にアプリケーションの実装計画やコード、テストなどを生成する「Gemini in Firebase」を統合したものとなっています。 デフォルトではNext.jsを用いたWebアプリケーションを生成しますが、GitHub、

                                                                                    Google Cloud、AIによるアプリの自動生成ツール「Firebase Studio」公開。プロンプトで作りたいアプリを説明するだけ、無料で利用可能

                                                                                  新着記事