TAKLOG(読み方:たくろぐ)は、フロントエンド開発やWeb制作分野のことを中心に、備忘録や知識のアウトプットの場として運営しているブログです。
![TAKLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/87c648e7e9f5c3a1678d2910aef5b7ffd734af83/height=288;version=1;width=512/https%3A%2F%2Fwww.tak-dcxi.com%2Fogp.png)
株式会社ログラスの生成AI/LLMチームの松岡(@little_hand_s)です。 GPTs、話題ですね!!使ってますか?(GPTsとは、ChatGPTの機能をカスタマイズして、目的に合わせたツールを自由に作成できる機能です) そして、もうすぐアドベントカレンダーの時期ですね、ブログを書く予定はありますか? ブログを書くのって、結構気合がいりますよね。 あれって、文字列を書くこと自体とよりも、 何を書くか どういう切り口の記事にするか どういう構成にするか といったことにに脳のエネルギーを使うんですよね。 逆にいうと、これらのステップをクリアすれば、ブログ執筆のハードルはぐっと下がります。 そこで今回、GPTが執筆者にインタビューをしてくれて、それに応じるだけでブログの構成がどんどん決まっていくような執筆アシスタントGPTを作ってみたのです。 そしてもちろん、この記事も執筆アシスタントG
はじめに 新規事業統括部の山本です。 OpenAI APIをはじめとしたAIの言語モデル(Large Language Model:以下、LLM)を使用して、チャットボットを構築するケースが増えています。通常、LLMは学習したときのデータに含まれている内容以外に関する質問には回答できません。そのため、例えば社内の文章ファイルに関する質問に回答するチャットボットを作成しようとしても、質問に対してわからないという回答や異なる知識に基づいた回答が(当然ながら)得られてしまいます。 この問題を解決する方法として、Retrieval Augmented Generation(以下、RAG)という手法がよく使用されます。RAGでは、 ユーザからの質問に回答するために必要そうな内容が書かれた文章を検索する その文章をLLMへの入力(プロンプト)にプラスして渡す というフローにすることで、LLMが学習して
Blueskyのフォローお願いします! 初めに 「SOFT SKILLS ソフトウェア開発者の人生マニュアル」という本を読みました。 この本ではエンジニアはセルフブランディングのためにブログを持つべきという主張がされていて、私もある程度共感しました。 一方で、費用対効果を考えてWordPressで構築せよということも書かれており、その点は疑問を感じました。 せっかくエンジニアという職についているので自分で作った方が良いんじゃないか?と。 WEBフロントエンドのエンジニアは自分の技術の見本市にすることができますし、それ以外のエンジニアに関してもフロントエンドの技術が一定以上あることを主張できます。これを考えれば、自分で作成することがセルフブランディングに繋がることは言うまでもないはずです。 しかし自分でブログを作るのは結構手間がかかります。ブログとしての機能やデザイン、ホスティング先等考える
この記事は次のような人におすすめ! Amazonアフィリエイトとは? Amazonアフィリエイトの登録、審査は厳しい? Amazonアフィリエイトの仕組み、やり方が知りたい Amazonアフィリエイトで稼ぐ方法が知りたい 結論からお伝えすると、ブログ初心者でも正しい方法で取り組めば、Amazonアフィリエイトでの収益化は難しくありません。 ただし審査につまずく人も多いため、この記事では注意すべき点もしっかりと解説します。 審査に通過して収益化にも成功できれば、あなたが寝ている間にも報酬が発生するサイトが出来上がりますよ。 ぜひこの記事を参考に、Amazonアフィリエイトに挑戦してみてください! それでは、どうぞ!
2022バージョンについて 新バージョンをリリースしています。 今後はこちらをご参照ください。 以下2021バージョン AWS認定トレーニング講師の平野@おんせん県おおいたです。 今日はWell-Architectedがテーマです。 はじめに AWS Well-Architected フレームワークとは AWSとAWSユーザの10年以上の経験からまとめられたベストプラクティクス集です。 いいかえれば、多くの失敗反省を元に作られています。 これからAWSを活用する際に、皆さんが同じ失敗をしないためのガイドラインとも言えます。 AWSを始めたら、まずは目を通してもらいたいドキュメントです。 とはいえ... とはいえ、このドキュメントなかなか読みづらいです。 私も正直最初は???という感じでした。 そこで、これからWell-Architected ドキュメントを読む方のサポートができないかと思い
[レベル: 上級] Google は、検索セントラルサイトの上級者向け SEO セクションに EC サイトのベストプラクティスを追加しました。 Google 検索で EC サイトのプレゼンスを高める方法 追加されたばかりなので、日本語ページはまだ公開されていません。 英語ページのタイトルは “Best practices for ecommerce in Google Search” です。 日本語に直すと「Google 検索における eコマースのベストプラクティス」になるでしょうか。 【UPDATE (2021/10/04】 日本語ページも公開されました。 ベストプラクティスには、EC サイトがGoogle 検索でプレゼンスを高めるためにできること、やるべきことがまとめられています。 次のトピックで構成されています。 Where ecommerce content can appear
このサイトには、楽曲のYouTubeの埋め込み動画や、その歌詞を掲載した記事が複数あります。 でも、これって著作権侵害になっていないのでしょうか? 歌詞は作詞者に著作権があり、世間に出回っている多くの楽曲はJASRACが権利を信託されて、著作権利用料の徴収などの管理をしています。 もし私が著作権侵害をしていたら、ある日突然JASRACから著作権使用料を請求されることがあるかもしれません。 そこでこの記事では、 WEBサイトで歌詞を掲載する場合にはどんなことに気をつけなければいけないのか、 文化庁のサイトと弁護士さんが著作権について発信している情報を基にまとめました。 全て法律の専門家から得ている情報なので信頼性は高いです。 歌詞をWEBサイトに掲載しようと思っている方は是非参考にしてください。 基本的にブログなどのWEBサイトに歌詞を掲載するには許可が必要 商用・非商用を問わず、著作権のあ
こんにちは。開発本部 オンボーディングチームの酒井(@sakay_y)です。社内のオンボーディングコンテンツを、どんどん社外へ公開することを夢見ています。 2021年もエンジニア新人研修を行いましたので、軽い紹介と、講義資料および一部講義動画(New!)を公開いたします。 2021年のエンジニア研修について 講義資料公開 Webアプリケーション基礎 HTTP/DNS ソフトウェアライセンス ソフトウェアテスト テスト自動化 アクセシビリティ Docker Chrome Developer Toolsの使い方 サイボウズのアジャイル・クオリティ デザインの役割と関わりかた データベース CI/CD セキュリティ モブに早く慣れたい人のためのガイド ITコミュニティ文化と情報発信に共通する成長と貢献の要素 正規表現 Kubernetesを使った開発入門 モニタリング入門 gRPC入門 日本語話
Amazon Web Services ブログ 株式会社ディー・エヌ・エー様におけるEC2スポットインスタンスの大規模活用のための工夫とコンテナ技術を用いた設計例の紹介 EC2スポットインスタンススペシャリスト ソリューションアーキテクトの滝口です。この記事では、スポットインスタンスを最大限に活用した事例として、多くの技術的な工夫をこらしてAmazon Elastic Compute Cloud (Amazon EC2)インスタンスの費用の最適化に成功した、株式会社ディー・エヌ・エー様をご紹介します。またその考え方をコンテナ技術を用いて設計するとしたらどのようになるかを検討し、設計例を構築手順とともにご紹介します。 はじめに アプリケーションの実行環境にEC2インスタンスを選択する環境では、全体のAWS費用の中でEC2インスタンスの費用が大きな割合を占めるケースが多くあり、AWS費用全体の
[レベル: 上級] コア ウェブ バイタルの 3 要素の 1 つである CLS (Cumulative Layout Shift) の定義が変わります。 2021 年 6 月に コア ウェブ バイタル がページ エクスペリエンス シグナルとしてランキング要因になります。 ページ エクスペリエンス シグナルでは、新しい定義で取得する CLS のスコアが評価に用いられます。 すべてのサイトで CLS が改善 CLS の定義がどんなふうに変更になるかはこのあと簡潔に説明しますが、まず重要なのは、変更によってすべてのサイトで CLS のスコアが良くなる点です。 Google によれば、新しい計測方法の CLS のもとでは次のような変化が見られるとのことです。 スコアが悪くなるページはゼロ 55% のサイトは 75 パーセンタイルでスコアに変化なし 45% のサイトは 75 パーセンタイルでスコアが
こんにちは。フロントエンドエキスパートチームの@nakajmgです。 私が所属しているフロントエンドエキスパートチームでは、現在 kintone の脱レガシーの一環として React + TypeScript 化に取り組んでいます。この取組の中で Scss で定義されている既存のスタイルを styled-components で書き直していくという決定をしました。 今回は styled-components の採用を決定するまでの過程や、既存の Scss ファイルの扱いについて検討した内容などを紹介します。 スタイル定義方法の検討 kintone にはユーザーが JavaScript でカスタマイズできる機能があり、ユーザーが行っているカスタマイズの中には、DOM 構造や CSS のクラス名に依存しているものもあります。このようなカスタマイズはサポートの対象外ではありますが、ユーザーにでき
最初に Reactのチュートリアル、Next.jsのチュートリアル、TypeScriptの入門?を終えたので、そのアウトプットとして無料で運用出来るtechBlogを作成しようと思う。記事は新しくブログ用に書くとZennと分散してしまうのでZennに投稿している記事を使ってサイトをビルドしていく。その前、準備としてZennとGitHubを連携する必要があるのでまだ行っていない方はこちらの記事を参考にすると出来ます。 実際に作成したtechBlog モバイル版 デスクトップ版 techBlog:大学生だった 実際のコード 参考にしたデザイン MNW- mobile 構成 Next.js index.tsx 記事をzennの投稿を管理しているリポジトリから取得する。 TypeScriptでAPIの型を定義する。 [id].tsx コードのシンタックスハイライト、数式、テーブルを表示する。 co
[レベル: 中級] 検索結果に出てきた動画に、特定の場所にスキップして再生できる機能として Key Moments(キーモーメント)を Google は 10 月に公開しました。 この記事では、YouTube にアップロードした動画にキーモーメントを設定する方法を説明します。 YouTube 動画のキーモーメントには構造化データ不要 キーモーメントを表示するには、通常は構造化データの構成が必要です。 しかし、YouTube にアップロードした動画の場合は構造化データは必要ありません。 デベロッパーサイトの動画の構造化データの解説を Google は先日更新しました(この記事を公開した時点では、日本語ページは未更新)。 YouTube 動画でのキーモーメント(ドキュメントでは、Timestamp や Clip と表現)を説明するセクションが加わりました(ちなみに、更新されたドキュメントにはこ
[レベル: 中級] Google は、Page Experience Update(ページ エクスペリエンス アップデート)の導入を、当初予定していた 5 月から少し遅らせて 6 月中旬に開始することを Search Central 公式ブログでアナウンスしました。 段階的に展開していくとのことです。 アナウンス記事では、関連するそのほかの変更と Search Console の新しいレポートについても触れています。 ページ エクスペリエンス アップデートは 6 月中旬から段階的にロールアウト ページ エクスペリエンス アップデートに関する発表内容の要点は次のとおりです。 2021 年 6 月中旬に導入開始 ランキングシグナルとして完全に組み込まれるのは 8 月の終わり 完了までは段階的に展開していく 極端なランキング変動は想定していない ページ エクスペリエンス アップデートはもともとは
こんにちは。Komercoの高橋です。 Komercoがリリースされてからもうすぐ3年が経とうとしています。 クックパッドの新規事業「Komerco」ではバックエンドのほぼ全てをFirebaseで運用してします。 新規事業のためエンジニアの数はまだ少ないものの、Firebaseのおかげでエンジニアはサービス開発に専念できている状況で、昨年はWeb版のリリースや送料無料イベントもあり、ユーザ数がさらに増加してきています。 これまで多くの機能を開発してきましたが、その中でFirebaseをより有効に使えるよう試行錯誤してきました。 これからFirebaseを使おうか考えている人にも、今現在Firebaseを使っている人にも参考になるよう、Komercoで得た知見を書いていこうと思います。 前後編となっており、前半はFirestoreの設計についてお話しようと思います。 当たり前の機能だけどFi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く