スライド概要 2024/8/27開催の「実践事例から学ぶ!あなたの知らないDatadogの世界」で話したスライドです。 https://findy.connpass.com/event/326864/
LangChainの用意しているプロンプトやラッパーは英語以外を意識していないことが多く、特に検索系のtoolがUSのサイトを引っ張ってくるということが多々ある。 こういったケースはtoken数に制限のあるChatGPT APIにとっては大きな問題になってくる。USのサイトが検索上位にかかってくることで得られる情報が減る上に、これを解消するために検索数を増やせばそれだけtoken数を消費するためである。当然だがtoken数の上限を超えればエラーを吐いて異常終了する。 こういった問題の多くは、LangChainのライブラリが用意しているクラスをそのまま使うことによって発生している。 またLangChainはagentの定義を行うだけで簡単に基本的な機能が使えてしまうため、agentがどのようなロジックで動いているのか理解しにくい。 本記事はLangChainを少しだけ掘り下げて、これらの問題
[レベル: 上級] ChatGPT がにわかに盛り上がり、SEO への利用を始めた人も出てきているようです。 使い方によっては、ChatGPT はとても有用なツールになります。 利用に際して僕から 1 つアドバイスするとしたら、どうしてその回答を出したのかもついでに ChatGPT に聞くことを推奨します。 信頼性を確かめるためにソースを尋ねる ChatGPT で情報を探すときにはソースも一緒に尋ねるようにしましょう。 回答の信頼性を確かめるためです。 次のような一言を追加します。 ソースも教えて 情報源も示して URL も提示して 必ずしも ChatGPT が信頼性がある情報源をもとに回答を返すとは限りません。 東京で最も利用者数が多い駅を「東京駅」だと ChatGPT は回答しています。 しかし、参照先の JR 東日本のサイトを確認すると 1 位は新宿駅です。 東京駅は 4 位です。
はじめに エンジニアとしてデザインシステムを立ち上げてバージョン1を作る機会があったので、そのときに学んだTipsを共有します。 そもそもデザインシステムは「生産性を上げる」ことと「統一的なUI/UXを提供する」ことが目的ですが、このTipsの内容もいずれもその目的のためのものです。 定義する面でのTips 1. コンポーネントのレベル分けを定義する UI上ではある要素を組み合わせて別の要素が作られることがあります。例えばテキストとフレームからボタンが作られたり、ボタンを並べてページネーションを作ったり。 レベル分けしてコンポーネントそれぞれがどのレベルに属するのかを定義することで、これらの情報構造を整理することができます。アトミックデザインがその代表例ですね。 例えば以下のように分けることができます。 Level0: Styles UIを作る最小の要素。Typography, Color
スパゲッティ はじめまして こんにちは、高須賀 淳と申します。中途採用で入社して8年目です。 普段は、HTML・CSS・JavaScriptを用いてWebサイトの設計・実装を中心に活動をしています。 今回のお話は 「開発・運用しやすくするHTMLコーディングのTips」と題して具体的なソースコードを交えてお話ししたいと思います。 HTMLは、なんとなく書いてなんとなく出来てしまう一見すると簡単な言語です。 それ故に闇雲にコードを書いてしまうといつの間にかスパゲッティーコードになったり、 何のコードか意味がわからなくなり、いざ修正しようとした時にどこから手をつけてよいか分からない状態になっていたりと困ることはないでしょうか。 それらを解決する第一歩として、HTMLコーディングのコツをまとめます。 HTMLコーディングを始めたばかりの方や普段アプリ開発メインでHTMLを片手間で書いている方のヒ
はじめに これは Go 4 Advent Calendar 2020 8日目の記事です。 Goのテストにおいて、構造体を含めて型の値を比較したいという場合は往々にしてあります。ロジックの結果はなんらかの値として作用することが多いですから、型の値を比較したい、というのは自然です。私は型の値が等価であるかどうか判定するために、go-cmp というライブラリを使うことが多いです。 github.com しかしGoにおける等価性の仕様は決まっていますし、標準ライブラリの reflect パッケージにも DeepEqual という deeply equal, かどうか判定するメソッドがあります。そこで本記事ではなぜわざわざ go-cmp を使っているのかという理由と、go-cmp を使ったときにどのようにして使うか?という go-cmp の使う上でよく使う以下のTipsを提供したいと思います。 Ti
概要TIG DX所属の多賀です。最近は設計をしつつ Go も触れて引き続き楽しく仕事してます。 今回は、errors package を一部利用して、エラーコードベースのエラーハンドリング処理を実装しました。また、morikuni/failure を利用した実装への書き換えも試してみています。 エラーコードベースの例外ハンドリングについて前提としてGoで書かれた HTTP APIサーバーに対してのエラーハンドリングについて記載します。 エラーコードベースの例外ハンドリングについてですが、アプリケーションで発生するエラーを事前にラベリングしてコード化し、コードをもとにエラーハンドリングを実施することとします。発生時の運用対応や影響について、事前に一覧で整理することで、運用負荷を下げる意味があると考えています。(補足: Futureではメッセージコードと呼称することが多いですが、一般的な命名で
THE IDOLM@STER CINDERELLA MASTER パジャマジャマ & この恋の解を答えなさい アーティスト:V.A. 日本コロムビア Amazon (2023/03/24更新 更新履歴は記事末尾に記載) LIVE中に発動する「特技」について、スコアを伸ばす上で最低限把握しておきたい秒数に関する知識を紹介します。 センター効果についてはこちら。 強い編成の具体例については本記事でもある程度紹介していますが、より最新のものを追いたい場合はこちらの記事が参考になります。 なお、本記事で扱うのはあくまで「秒数」についての基礎知識であり、特技の効果についてはそこまで詳しく解説しないので、それについて知りたい方はwikiの「特技について」のページが参考になるかと思います。 また、具体的にどのアイドル(カード)が当該の特技を持っているのか、といった情報に関してはこちらの記事に一覧表形式で
リリース以来数多くのアップデートが行われ、多機能になっていくFigma。今回はそんなFigmaの基本機能を使用した、簡単なデザイン作成やあしらいづくりに活かせる表現TIPSを紹介します。 テキストの表現 マスク機能やエフェクト、そしてレイヤーのブレンドモードを使用したテキストの表現をいくつか紹介します。 TIPS:画像をテキストでマスクする マスク機能を使用して、画像をテキストの形に切り抜きます。 以下の手順で切り抜きます。 画像とテキストレイヤーを用意 画像が前面になるようにして、画像とテキストレイヤーを重ねる 両方のレイヤーを選択状態にして、右クリックメニューから[マスクとして使用]を選択(ショートカットキーは、Mac:control + command + M、Windows:Ctrl + Alt + M) マスクした後も、テキストレイヤーは編集可能です。 さらに画像をレイヤーブラー
概要 本記事ではNode.jsに代わるサーバサイドJavaScriptランタイムであるDenoについて、実際のアプリケーション実装で得られた知見をご紹介します。 まずはDenoの概要について説明し、アプリケーションを実装する上でのDenoの便利な使い方やAPI、各種ツールについて解説していきます。最後に筆者がDenoによる開発を経てNode.jsによる開発と比較した際のDenoの優れている点/不足している点を挙げていきます。 Denoとは DenoはNodejsの開発者であるRyan DahlがNode.jsの反省を活かして作り出したJavaScriptランタイムです。 特徴としては以下のものがあります。 TypeScriptがout of box、つまり設定なしで実行できる ES Modules対応で依存モジュールはURLによってインポートする 権限管理が厳密 フォーマッタやテストランナ
久々にAuroraについて、小ネタ系で書いてみるテスト。 主にストレージIOPSにまつわるTipsで、光り輝くモノは別にないですけど、基本が大事ということで。 ストレージIOPSのグラフ生成 データベースの運用において、監視データであるメトリクスを色々収集するのは基本ですが、その中でも最重要に位置する項目である ストレージのIOPS についてです。 まず、Auroraのストレージ構成は共有型であり、IOPSメトリクスはホスト毎ではなくクラスタ毎のデータとして記録されています。 参考ページ Aurora ストレージエンジンのご紹介 Amazon Aurora DB クラスターメトリクスのモニタリング RDS Aurora の管理画面でモニタリングを見ると、グラフ名が [請求済み] ボリューム読み取り IOPS (カウント) [請求済み] ボリューム書き込み IOPS (カウント) となってい
2020 年 8 月にツイートした HTML/CSS/JavaScript のツイートまとめです。見出しをクリックするとツイート元に遷移するので、気に入ったらフォロー・ファボ・リツイートお願いします。 1. enterkeyhint属性 スマホキーボードのエンターキ表示を最適化でき、フォームが送信されたときの動作をあらかじめ伝えられます。 <input enterkeyhint="enter"> <input enterkeyhint="go"> <input enterkeyhint="done"> <input enterkeyhint="next"> <input enterkeyhint="previous"> <input enterkeyhint="search"> <input enterkeyhint="send"> 各属性値を指定したときの表示は以下のようになります。 2
前置き この記事はBASE Advent Calendar 2020 13日目の記事です。 devblog.thebase.in こんにちは、BASE株式会社 Product Dev Division でバックエンドエンジニアを務めている元木です。 以前、社内で同僚のエンジニアと話していたとき、 「TDDって頭では分かっているけど、テストから書くってなかなか難しいよね」 という話がありました。 そこで、自分がTDDでプログラムを書くときに行なっているTips的なものを紹介してみたいと思います。 あくまで 「自分はこういう感じで実践している」 というものであり、 「これが正しいTDDだ!」 と主張するものではありませんので、軽い気持ちで読んでいただけたら幸いです。 そもそも、TDDとは? テスト駆動開発 (Test Driven Development) のことです。いいね? 本題 前置きが
ROUTE06 でソフトウェアエンジニアをしている @MH4GF です。 GitHub のマージキュー(Merge Queue)を私のチームでの開発フローに取り入れてから数ヶ月経ちました。マージキューは非常に便利ですが、挙動の理解やセットアップに難しさがあると感じています。いくつかの課題の対処ができ安定した運用ができてきたので、この記事ではセットアップでつまづきがちな点を紹介します。 マージキューとは マージキューは 2023 年 7 月に一般公開された比較的新しい機能で、簡単に説明すると「プルリクエストのマージ前にマージ先ブランチを取り込んだ上で CI を実行し、通ることを確認してからマージする」機能です。 複数人で GitHub を利用した開発をしていると、main ブランチの取り込み漏れにより「プルリクエストでの CI は通るものの、マージ後の main ブランチの CI は失敗する
いざという時のために覚えておくと便利なHTML&CSS Tips集の第2弾です。何かで困った時に読み返してみてください。何かでお役にたてると思います。 グラデーションを使ったテキストアニメーション See the Pen Text gradient animation by BUILD (@buildstd) on CodePen. テキストカラーにグラデーションを使ったアニメーションを施す方法。 テキスト要素の背景にanimation プロパティでアニメーションさせたグラデーションを設定し、background-clip: text で背景グラデションをテキストのかたちに切り抜くイメージです。color: rgba(0 0 0 / 0) でテキストカラーを透明にしないと背景グラデーションが表示されないので指定します。 CSSp { color: rgba(0 0 0 / 0); -web
仕事でAWS Shield Advancedを利用する機会があったので、備忘もかねてTipsをまとめました。 AWS Shieldについて AWSのリソースをDDoSから保護するサービスです。 AWS ShieldにはStandardタイプとAdvancedタイプがあります。 AWS Shield Standardについて 特に有効化する必要はなく、すべてのAWSリソースに標準適用されています。 DDoSの保護対象はL3層とL4層になります。 料金は発生しません。 AWS Shield Advancedについて 初期設定では無効化されていて、有効化するとAWS Shield Standardの機能に加えてL7層の保護が追加されます。 AWS Shield Advancedの保護対象は以下になります。 Application Load Balancer Route 53のホストゾーン Ama
Social LoginSocial login boosts conversion since users can easily join your platform. Then, it's a good practice to put your social login on top of the page and place the email password authentication below. Beware that privacy-oriented people prefer not to use social login then it's always good to have another option for them.
リモートワーク(在宅勤務・テレワーク)でオンライン会議やペア作業をよく行います。 私も含めた参加メンバーが少しでも効率よく・気持ちよく作業するために心がけていることを書いてみました。 クラスメソッドのリモートワーク(テレワーク・在宅勤務)は、リモートワークをすることが目的ではなく、より良い成果を出す手段の1つです。 そんなリモートワークですが、私自身は「オンライン会議(朝会)」や「ペア作業(ペアプロ)」等をすることが多いです。 下記の記事を見て、「みんな色々と考えているんだなぁ」と思い、私も含めた参加メンバーが少しでも効率よく・気持ちよく作業するために心がけていることを書いてみることにしました。 やっぱり難易度の高い在宅勤務をちょっとでもうまくやるために心がけていること | Developers.IO 心がけていること リアル対話と比べて、オンライン対話は情報量が減ります。表情・身体の動き
前書き リブセンス インフラエンジニアの中野(etsxxx)です。VPoEという肩書きのそいつと同一人物です。 言うまでもなく写真と本文にはあまり関係ありません。コロナ禍前の、弊社のオフィスでのモノレポ化の風景です。 写真のそれとは異なりますが、私はTeacher'sというウィスキーを家に常備しています。Zoomで烏龍茶を飲んでるように見えたらそれはTeacher'sです。これ、2,700mlサイズのペットボトルが売られていて、それを徒歩5分以内の店で2,700円ほどで買えることを知ってから、そればかり買っています。2,700mlもあれば当分大丈夫だろうと思っていると、いつのまにか空になっているから、リモートワークはなかなか気が抜けません。 さて、Google、Facebookが、モノレポ(monolithic repository/単一リポジトリ)を採用しているという噂は広く知られている
このソフトが良いよ!とかは https://x.com/iwamah1 さんの出している比較表などが詳しいのでそちらを参照してください。 他に思いついたら追記していきます。 ハードウェア編 iPhone13Proまでと14Pro以降で性能が違う LiDARセンサ自体はハードウェア的に同一のようですが、メインカメラの48Mpx化に伴い LiDARセンサとカメラ間のキャリブレーション精度が向上 移動時の実際の距離とのズレが約1/3に減少 しているようです。14Proと15Proの差はほとんど無いことも覚えておきましょう。 (物理)ジンバルをつけてスキャンすると誤差が減る iPhoneをそーっと動かして撮影することで、よりスキャン精度が良くなることは知られています。そこから更に踏み込んでiPhoneをジンバル(DJI Osmo Mobile など)に取り付けた上でスキャンすることで、広い部屋や何
※本ページは、アフィリエイト広告を利用しています。 ここ1,2年、Canvaの進化がすごいですね! 一昔前は割とシンプルでやれることは限られていましたが、現在ではかなりいろいろなことができ、プロユースとしても十分な機能を備えています。 そんなCanvaの基本から応用まで、かなり複雑になった機能についてもよく分かる解説書を紹介します。Canvaをしばらく使っていなかった人には、えっ! こんなこともできるんだ!! と驚くと思います。 著者は、Canvaの公式クリエイターでもあるマリエ氏。@marie_okawaでもCanvaの新機能やデザインの便利ワザをたくさんポストされています。本書はそんな氏による、Canvaを使いこなすための152のテクニックをまとめたものです。 本書は本日発売、ほやほやの最新刊です!
目次 Next.jsの概要 Next.jsを使うべき5つの理由 Next.jsを使う上での問題点と解決法 まとめ -1. 宣伝 本記事を元にしたNext.jsの入門書、『基礎から学ぶ Next.js』を出版いたしました! モダンJavaScript/TypeScriptの書き方からNext.jsの概要、さらに最新のReact 18/Next.js 13の内容までカバーしています。ハンズオンも豊富にあり、実際に手を動かしながらNext.jsでのアプリケーション開発を学べる内容になっています。 ハンズオンのコードは以下のリポジトリにあります。 0. TL;DR Next.jsはモダンかつ強力なフロントエンドフレームワークで、様々な長所を持っています。本稿の目的はそうしたポイントをご紹介し、Next.jsの利用を勧めることです。 1章ではまずNext.jsの概要について簡単にまとめます。 2章で
特にキャラクターリグはこのアドオンがあるととても楽になるのでアニメーターはすぐに買いましょう。モデラーもUE4やUnityへのエクスポートが楽になるので買いましょう。
アジャイルの「理論」や「理想」だけではない、 実際に実践したからこそ見えてきた「現実」に役立ったヒントを紹介したのは、マネジメントソリューションズ社の渡会氏。「Rebuild our Agile!」をテーマに掲げた「Agile Japan 2023」で、アジャイルのRebuildについて発表しました。全2回。後半は、「作り方における準備のRebuild」「コミュニケーションの Rebuild」「ノウハウのRebuild」について。前回はこちら。 「イテレーション0」をやらないアジャイルは出だしでつまずく 渡会健氏(以下、渡会):あと、もう1つ次のヒントで、イテレーション0をやらないアジャイルは出だしでつまずくんじゃないかなというところで、よく、アジャイルをやるための準備としてイテレーション0、もしくはスプリント0というものをやりましょうという話をします。 その時によくアジャイルの本で書いて
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
In this article, I will discuss some great tips and tricks to improve the performance of your text classification model. These tricks are obtained from solutions of some of Kaggle’s top NLP competitions. Namely, I’ve gone through: Jigsaw Unintended Bias in Toxicity Classification – $65,000 Toxic Comment Classification Challenge – $35,000 Quora Insincere Questions Classification – $25,000 Google QU
みなさん、ご存じでしょうか? 実は「夏」という季節は! 自分のために好きなものを買ってもいい季節なんです!!!! やったあああああああああああああ!!!!!! オッシャオッシャオッシャオッシャオッシャ!! 何かを買うとき、たくさん調べていろいろ比較して、なるべく安く&いいものを求めるのがだ~い好き! 今回は「作業環境」をテーマに、実用性を重視して買ったものをゲキアツレビュー付きで紹介していきます! ■どんな作業をするかホンマモンのガジェット畑からするとペーペーだろうけど、一般的なOTAKU作業向けのビルドです。 ・メインは小説/記事執筆&同人誌入稿 ・仕事でも8時間使う ・クリスタで絵も描く ・シンプルな動画も作る ・steamのPCゲームはしない(この時点では) 【追記】 何も考えず紛らわしいタイトルをつけてごめんなさい!🙇 毎日仕事のあとに1万字書いてるわけではなく、仕事での稼働込み
前置き スタディサプリENGLISH の web フロントエンドアプリは、実に多くの node モジュールライブラリ(以下、ライブラリ)に支えられています。 当初は開発メンバーが有志でそれらのライブラリを手動アップデートする運用で回していましたが、2021年3月頃より Renovate を本格導入することで依存ライブラリのアップロードを自動化する運びとなりました。 Renovate とは Whitesource Renovate: Automated Dependency Updates プロジェクトで依存しているライブラリ等のアップデートを自動化してくれるツール(≒ サービス)です。依存ライブラリのバージョニングを監視し、アップデート版が公開されるとそれに追従するためのプルリクエスト(以下、プルリク)を自動で作成してくれるという優れものです。かつては有償のサービスでしたが1)セルフホステ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く