はじめに はじめましての人ははじめまして、こんにちは！ フロントエンドエンジニアのがっちゃん（ @gatchan0807 ）です。 今回は、私が普段から愛用しているGoogleのNotebookLMについて、便利な使い方とその魅力について紹介したいと思います！ みなさんは物理の技術書ってどうしてますか？ 本棚を買っても買っても置き場所がなくなっていくし、読み始める気力が出なくて積ん読しまくってたり、そもそもどこに何が書いてあったか覚えてなかったり…みたいなことよくありませんか？ 私は技術書を中心に、結構な量の物理本を持っているんですが、まさにその悩みを抱えていました。そこで思いついたのが、NotebookLM を使った物理本の管理術です。 まだまだお試し中ですが、ある程度手応えを感じているのでぜひ最後まで読んで使えそうなところはマネしてみてください 🙌 NotebookLMで物理本を管理
Intro ページを閉じる際に何かしらの情報をサーバで収集したいケースがある。 これを Beacon の送信(Beaconing)と呼び、ブラウザではページ表示中に収集したパフォーマンス統計の収集や、広告タグによるトラッキングなどに用いられる。 しかし、「ページが閉じる直前に、サーバにリクエストを送信する」を確実に実行するのは実は難しく、これを標準技術で実現する過程で、複数の API が生まれるに至った。 各 API の策定経緯と、挙動の違いについて解説していく。 <img> での送信 最もプリミティブな Beacon の送信は、<img> を用いたものだった。 window.addEventListener("unload", () => { const beaconImage = new Image(1, 1); beaconImage.src = "https://telemetry
AWSを使っている方なら、dwar.ioを使って構成図を書く機会が結構あると思います。構成図を書く時のイラッとをなくすレイヤーという機能を知ったのでご紹介したいと思います。え？今更知ったの？そんなの知ってるよ。と言われちゃうかもですが、ご紹介させてくださいませ。 その前に、構成図書く時にどう書いたら良いんだろう、、、となる時ありますよね。参考にしている良い記事あるのでご紹介させてください。今まで結構雰囲気で書いていたのですが、この記事を見てから綺麗にかけるようになりました。 AWSのアーキテクチャ図を描くときに意識していること それではレイヤーのお話に行きたいと思います。ECSコンテナを編集したい場合、まずレイヤーを使っていないときは、こうなりますよね。 邪魔なのをどかしてどかして、やっと編集できます。次回すぐ編集できるように最前面に移動することもあるかと思います。これレイヤーを使うとこん
最初にWordPressをさわったときは、OS上にXAMP環境を建てて開発をしていました。 その後はLaravelを触るようになったこともあり、それに合わせてVagrantを使って開発をしていましたが、最近ではLaravelの開発環境をDockerに変更したので、Vagrant を使っていたWordPressの開発もDockerを使うことにしました。 Vagrantを使っていた時もVCCWを使っていたのでDockerでも環境を整えるパッケージはないものかと探してみると、WordPressの開発コミュニティが公式で@wordpress/envというパッケージを出していたので使ってみることにしました。 環境構築手順を備忘録的にまとめておきます。 準備物 Node.js パッケージのインストールにnpmを使用します。 Docker DesktopまたはDockerの起動できる環境 開発環境はDo
ユニットテストについて 近年のプログラミングの現場ではユニットテストは当たり前のように求められ、コードのデプロイのサイクルにも取り入れられているものと思います。 これはプログラミング言語を問わず言えることでしょう。 WordPressの場合はどうなのか 一方でWordPressを用いたWebサイト制作においては、ユニットテストの積極的にやっているケースは少ないように思います。 多くのWordpressサイト構築を引き継いできましたが、これまでの経験でテストコードが存在するようなものはありませんでした。 これまで社内でWordPressサイトを構築する場合もtheme-test-data-jaやE2Eテストのようなものは状況に応じて実施するものの、ユニットテストのコード作成は行ってきませんでした。 それでは、WordPressサイト構築においても、PHPUnitでテストしたいとなった場合はど
Puppeteer は、ウェブページでの人間の操作をシミュレーションできる強力なツールであり、ウェブページのスクリーンショット、PDF生成、自動テスト、稼働監視、ウェブスクレイピング、コンテンツ追跡など、さまざまなユースケースに対応しています。 Puppeteer をクラウドで運用することが適しているシナリオは数多くあります。例えば： CI/CD パイプラインで API を使用して自動テストをトリガーする。 定期的にウェブサイトの可用性を確認するために cron ジョブを使用する。 大規模で分散型のウェブスクレイパーを実行する。 従量課金制でスケーラブルなサーバーレスコンピューティングは、ブラウザの自動化タスクに非常に適しています。しかし、DigitalOcean のようなほとんどのプラットフォームは仮想マシンしか提供しておらず、アイドル時間に料金を支払う必要があり（多額の費用が無駄になり
みなさん、こんにちは。あずまです。 ブログ運営を効率よく作成し成功させるためには、WordPressのプラグインを適切に活用することが重要と考えています！ 今回は、2024年版として、初心者の方にもおすすめできる必須のプラグイン12選と、その設定方法をわかりやすく解説します。 WordPressプラグインとは？ プラグインは、WordPressの機能を拡張するための追加モジュールです。 例えば、お問い合わせフォームの設置やサイトの表示速度の改善など、さまざまな機能を簡単に追加できます。これにより、プログラミングの知識がなくても、自分のサイトをカスタマイズすることが可能になります。 プラグインのインストール方法 プラグインのインストール方法については、多数のブログ等でもたくさん説明されているので、ボクのほうでは記事にする予定はありません（今のところ） 以下の、記事がわかりやすかったのでこちら
📕 この Zenn Book について LocalStack はローカル環境や CI 環境で実行できる AWS エミュレーターです。この Zenn Book は、LocalStack を使って AWS サーバレスパターンを体験する実践的なワークショップです。 🚀 環境構築不要 ワークショップでは GitHub Codespaces を使うため、ラップトップ上に環境構築をする必要がなく、ブラウザですぐに試せます。 ⭐️ 登場する AWS サービス（順不同） ・AWS CloudFormation ・AWS SAM ・Amazon S3 ・AWS Lambda ・Amazon CloudWatch ・Amazon CloudWatch Logs ・Amazon SNS ・Amazon API Gateway ・AWS Step Functions ・Amazon DynamoDB ・Ama
作ったものフロント側は全く作ってないんですが、私が住んでいるバンクーバーのFront End Developerの平均給与をいくつかのサイトからスクレイピングしてFirebaseのデータベースへ格納するといったとてもシンプルなものを作りました。日本ではどれぐらいあるのかわからないんですが、こっちだとポジションの平均給与がユーザーからの自己申請で出てます。調べてて思ったんですが、サイトによってすごくばらつきがありました。 後々フロント側を作って公開しようと思います🚀 Firebase FunctionsFirebase Functionsっていつも個人的には読んでるんですが、正式にはCloud Functions for Firebaseです。Google Cloud Platformのサービスの一つCloud FunctionsをFirebaseと連携させる感じですね。基本的にはFire
Awesomeリポジトリとは 「Awesomeリポジトリ」とは、特定のテーマに関する優れたリソースやツールをキュレーションしたリストを管理したGitHubリポジトリのことです（awesomeには、スラングとして「素晴らしい」「すごい」「やばい」などの意味があります）。 これらのリストはMarkdown形式で記述されており、関連するリンクや説明が体系的にまとめられています。 例えば、プログラミング言語、フレームワーク、ツール、教育資料など、多岐にわたる分野で「Awesome」リストがGitHub上の有志によって運用されています。 「Awesomeリポジトリ」の起源は、GitHubユーザーのsindresorhus氏が作成した「awesome」リポジトリだそうです。 このリポジトリは、さまざまな分野の優れたリソースを集めたリストとして始まり、コミュニティの協力によって拡大してきました。 現在で
はじめに PHP のパッケージ管理と言えば Composer が上がりますが、WordPress でしか PHP を触ったことがなかった私は、今まで Composer を使う機会がほとんどありませんでした。現代の PHP 開発において Composer を使わないなんてあり得ないと思われますが、かく言う私も Composer を触り始めて何で使ってこなかったんだと後悔している状況です。 さて置き、Composer で WordPress を管理できるの？ 答えは可能です（知っていたら申し訳ないです）。 roots がオープンソースプロジェクトのもと Bedrock なる WordPress のボイラーテンプレートを開発しています。 Bedrock はモダンな WordPress の開発環境を提供することを目的とし、Composer で簡単にインストールすることができます。また、実はプラグイ
# Bedrock をプロジェクトに導入する ## 1.概要 https://roots.io/bedrock/ 図のような構成になり、公式が唱えているメリット＋αは下記です。 - コンテンツのU
今回は KUSANAGI 9 の環境で Bedrock という WordPress のボイラープレートを導入する方法を説明します。 Bedrock とは 公式サイト： Bedrock | Modern WordPress Boilerplate | Roots GitHub より Bedrock is a WordPress boilerplate for developers that want to manage their projects with Git and Composer. GitHub – roots/bedrock: WordPress boilerplate with Composer, easier configuration, and an improved folder structure Bedrock とは Git と Composer を使用してより効率
こんにちは。QA チームの miyagi です。 この記事は Gunosy Advent Calendar 2024 の 16 日目の記事です。 昨日の記事は igtm さんの「LLM を用いた PDF を元にした回答と、該当箇所のハイライト」でした。 今回は開発と QA におけるバグトラッキングについての記事となります。 はじめに Gunosy のバグトラッキングについて バグのワークフローと JIRA を利用した管理 ワークフローの詳細 バグトラッキングで重要なポイント まとめ はじめに Gunosy ではバグトラッキングシステム (BTS) として JIRA を活用しています。 今回は Gunosy でのバグトラッキングのワークフローの紹介と、BTS を運用して重要だと感じたポイントや、適切なバグトラッキングによって得られたメリットについて書きたいと思います。 Gunosy のバグト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く