並び順

ブックマーク数

期間指定

  • から
  • まで

1361 - 1400 件 / 2784件

新着順 人気順

*JavaScriptの検索結果1361 - 1400 件 / 2784件

  • Goのロギングライブラリから見たゼロアロケーション - Speee DEVELOPER BLOG

    はじめに UZOUという広告配信プラットフォームでバックエンドエンジニアをしている@muroon01です。 Goのロギングライブラリであるzerolog, zapは(使用法によりますが)ゼロアロケーションであると言われています。 そこでゼロアロケーションのロギングライブラリとは一体どのようなつくりなのか、またGoのソースをゼロアロケーションにする方法について記述していきたいと思います。 ゼロアロケーションとは? (メモリ)アロケーションとはプログラムが動作するのに必要なメモリの割り当てを意味しており、スタック領域へのもの(静的アロケーション)とヒープ領域へのもの(動的アロケーション)が存在します。 スタック領域へのメモリの割当は割当サイズおよび確保・解放されるタイミングがプログラムの記述時に静的に決まります。 一方、ヒープ領域は宣言時にメモリの最大割当サイズを指定せずに、プログラム実行時に

      Goのロギングライブラリから見たゼロアロケーション - Speee DEVELOPER BLOG
    • Javaのバージョンの取り扱い(2023年6月) - 日々常々

      ツイート したらそれなりに反応があったので、少し丁寧に書いておこうかなと。 水物な内容なので、自動でつく投稿日時以外にもタイトルに「2023年6月」を入れて強調しておきます。 しょーとあんさー よくわかんないならJava17にしておきましょう。 前提 ツイート。だよねーって思ったので、下に書いてたを持ち上げておきます。 LTSとかいう言葉が出てきますが、現在のJavaはメジャーバージョンがLTSと非LTSがあります。 OracleJavaSE を前提にしています。他のサポートも似たり寄ったりな感じと思っているけれど、自分たちが使ってるとこのサポートを確認してくださいまし。 また、本稿は「Javaのバージョン?何それ?」とか「色々あるけど最新使ってたらいいんだよね?」とかそういう方向けで、プロダクトのJavaバージョンを選定する方々向けではありません。そういうのに必要な知識には全然足りません

        Javaのバージョンの取り扱い(2023年6月) - 日々常々
      • QwikとPartytownでJavaScriptを99%削減する方法 | POSTD

        うれしいことに、builder.ioのホームページは今やモバイル端末でもPageSpeed Insightsで100点中100点をとれるようになりました。 これはQwikを導入したおかげです。 Qwikはアプリケーションの規模に関係なく高いパフォーマンスを実現します。 上記のスコアは、以下の優れた技術によって達成されました。 Qwikで提供されるページの起動に必要なJavaScriptは1KB未満 ホームページは画面上の領域のコンテンツに必要なHTMLのみを送信 Partytownを利用し、すべてのサードパーティスクリプトをWeb Workerに移動 builder.ioの視覚的なノーコードエディタを利用してサイトを作成 Qwikは、数百のコンポーネントや数MBのコンテンツを有する大規模なサイトでも高速なパフォーマンスを実現します。 また、クライアントコンポーネントに移動できるインタラクテ

          QwikとPartytownでJavaScriptを99%削減する方法 | POSTD
        • Webデザインのモーション集サイトを作りました

          個人開発の一環でWebデザインのモーションのアイデアを集めたサイトを作りました。掲載されているコードは自由にお使いいただけます。 このサイトのコンセプトやどのような作りになっているのか紹介します。 サイト概要 Webデザインにおける様々な動きに注目して、そのプリミティブな要素を紹介したサイトです。個々の作例には実装コードを掲載していて、コピペで利用することもできます。内容もよく紹介されているような基礎的なものは少なく、少し改造すれば使えるような実践的なものを紹介しています。そのためHTML・CSS・JavaScriptの基本を理解している前提のレベル感になっています。 そのほかWebの動きに関するコラムやTips的な読み物もあります。 使用技術 各使用技術についてそれぞれ説明していきます。 レンダリング戦略 サイトの性質として、そう頻繁な更新やリアルタイム性が求められるものではないのでSS

            Webデザインのモーション集サイトを作りました
          • 2025年のReact状態管理、正直どれがいいの? - Zustand, Jotai, Redux, Recoil, Valtio, XState, TanStack Query をざっくり解説 - Qiita

            2025年のReact状態管理、正直どれがいいの? - Zustand, Jotai, Redux, Recoil, Valtio, XState, TanStack Query をざっくり解説ReactreduxjotaizustandTanStackQuery 「Redux使ってるけど、もっと軽いの無いのかな...」 「Recoilって今でも現役なの?」 「ZustandとJotai、どっちがいいんだろう...」 Reactの状態管理ライブラリ、みなさんも選択に悩んだことありませんか?確かに2025年の今、選択肢の多さに頭を抱えてしまいますよね。Redux、Zustand、Jotai、Recoil、Valtio、XState、TanStack Query...それぞれに「これがウリ!」というポイントがあって、どれを選べばいいのか正直迷っちゃいます。 特にReact 18の登場で状況が更

            • The State of JS 2021

              A lot happened in 2021. So much in fact that the survey was pushed back all the way to 2022! Between a slew of faster build tools and a new crop of back-end frameworks, the JavaScript world kept evolving. And we did our best to keep up, giving this survey a couple new power-ups (read more about what's new) such as new question types, the ability to cross-reference two datapoints (such as yearly sa

                The State of JS 2021
              • Web アプリのデザインシステムライブラリ | Wantedly Engineering Handbook

                Wantedly の UI デザインシステムは「WantedlyのUIをデザインする上での共通の考え方とツール&アセット」でありエンジニアとデザイナが効率よくコミュニケーションするための共通言語となる デザインシステムを (Web) Frontend に持ち込む際は、単なるコンポーネントカタログではなく、システムが定義するものと同じレベルの抽象を持つライブラリ・フレームワークとして実装することで、より有効性を発揮する Wantedly におけるデザインシステムは、「プロダクト・デバイスをまたいでも・誰がデザインしても体験やブランドとしての一貫性を保つ」「デザインの生産性を向上させ、デザイナ - エンジニア 間コミュニケーションを改善することで、ユーザに価値を届ける速度を向上させる」といった目的のために作られたものです。 より詳しくは、デザインシステムが加速させるプロダクト開発 / Desi

                  Web アプリのデザインシステムライブラリ | Wantedly Engineering Handbook
                • あなたのプロジェクトを煌やかにするアニメーションライブラリ18選 - Qiita

                  Original article: https://dev.to/kerthin/18-amazing-github-repositories-that-will-help-you-make-a-beautiful-project-3pgo 以下はRoden( Twitter / GitHub / Webサイト )によるアニメーションライブラリ紹介記事、18 amazing 🤩 GitHub repositories that will help you 🪄 make a Beautiful Projectの日本語訳です。 help youの後の文字はPC版Chromeだと見えなかった。スマホ版では見れる。 元記事はリポジトリへのリンクだけというのも幾つかあるので、適当に解説を加えています。 18 amazing 🤩 GitHub repositories that will hel

                    あなたのプロジェクトを煌やかにするアニメーションライブラリ18選 - Qiita
                  • Notionからmarkdownに変換するOSSを公開しました(Zennも対応)

                    はじめに こんにちは。はじめまして。まるべいじ(malvageee)と申します! まだ完成系じゃないですが、Notionからmarkdownに変換するライブラリをOSSとして公開したので、経緯など含めて紹介しようと思います。 変換されたMarkdownはこちらから確認できます。https://zenn.dev/salvage0707/articles/4105ccdf1690c8 この記事もこのライブラリを使って変換処理されたMarkdownを使ってます。 Notion記事:https://malvageee.notion.site/Notion-markdown-OSS-Zenn-19b2ad69d3ce80679f86f3feeee4b611 (2025/3/1) デモサイトを公開しました! Notionページを簡単にMarkdownに変換できるオープンソースツールのデモサイトです。

                      Notionからmarkdownに変換するOSSを公開しました(Zennも対応)
                    • マイクロソフト、WebAssemblyとWebGLで推論エンジンを実装した「ONNX Runtime Web」(ORT Web)をオープンソースで公開

                      マイクロソフト、WebAssemblyとWebGLで推論エンジンを実装した「ONNX Runtime Web」(ORT Web)をオープンソースで公開 マイクロソフトは、WebAssemblyとWebGLで機械学習の推論エンジンを実装した「ONNX Runtime Web」(ORT Web)をオープンソースで公開しました。 INTRODUCING: #ONNXRuntime Web (ORT Web), a new feature in ONNX Runtime to enable JavaScript developers to run and deploy machine learning models in browsers https://t.co/Ey3tsNlkEe pic.twitter.com/9uGyK8Pra0 — onnxruntime (@onnxruntime)

                        マイクロソフト、WebAssemblyとWebGLで推論エンジンを実装した「ONNX Runtime Web」(ORT Web)をオープンソースで公開
                      • 開発時の動作確認ツールとしてCypressのE2Eテストを導入した話 - visible true

                        ユビーAI問診は、Ubieが提供する医療機関向けのプロダクトです。患者さんに対して問診を実施し、医師向けのカルテを作成します。現在は大きく分けて、タブレットとスマートフォンの2つの利用方法があります。 タブレット用、スマートフォン用の画面 これらはどちらもWebアプリケーションとして実装していて、フロントエンドはReact/TypeScriptで書いています。 問診のプロセスは画面遷移が多い ユビーAI問診は紙の問診票で書くような定型的な質問だけでなく、来院した目的に合わせて様々な質問を行います。 例えば「頭が痛い」といった症状を入力した場合、発症時期や部位、痛みの程度、持続時間、経過、頻度などを掘り下げて、更にそれらの回答内容から疑われる疾患に関連する質問を重ねていきます。あるいは「足をひねった」など外傷に関する場合は、スポーツをしていたかや事故かといった状況を聴取したりします。問診の長

                          開発時の動作確認ツールとしてCypressのE2Eテストを導入した話 - visible true
                        • WebAssemblyの形態素解析器GoyaをRustで作った

                          Goyaという形態素解析器を Rust で作りました。本記事は利用者目線で Goya の紹介をします。技術的な詳細については別途記事を書きます。 形態素解析とは? (このセクションは形態素解析の基礎の話なので知ってる方は読み飛ばしてください) 形態素解析(けいたいそかいせき、Morphological Analysis)とは、文法的な情報の注記の無い自然言語のテキストデータ(文)から、対象言語の文法や、辞書と呼ばれる単語の品詞等の情報にもとづき、形態素(Morpheme, おおまかにいえば、言語で意味を持つ最小単位)の列に分割し、それぞれの形態素の品詞等を判別する作業である。 — 形態素解析 - Wikipedia 例えば早口言葉の”すもももももももものうち”(スモモも桃も桃のうち)という言葉を形態素解析すると以下のような結果が得られます。スモモや桃が名詞、間にある”も・の”は助詞と解析さ

                            WebAssemblyの形態素解析器GoyaをRustで作った
                          • JamstackなWeb制作者になるためのロードマップ

                            🍃はじめに 「これからのWebコーディングのスキルは、はじめからJamstack志向でも良いのではないか?」 と考えたことが本記事執筆の理由です。 先日エビスコムさまから作って学ぶNext.js/React Webサイト構築が発刊され、これであれば普段Webコーディングを専門にされている方がJamstackに入門できると考えました。 一方でJamstackに関連する資料は中上級者向けのものが多く、初学者向けの体系だった資料がありません。 この課題を解決すべく作って学ぶNext.js/React Webサイト構築を目標に掲げ、それまでの道を整備したいと思い本記事を書くに至りました。 🙋対象 これからフロントエンド(Jamstack)を勉強される方 コーディングの基礎を整理したい初中級者 Macユーザー(Windowsでも可能ですが適宜読替えが発生する可能性があります) 🏁ゴール 作って

                              JamstackなWeb制作者になるためのロードマップ
                            • 文字数のカウントはどれが正解なのか?

                              A. ユースケース次第でどう実装すべきかは変わる。Intl.Segmenter が万能というわけでもない。 (クソ最悪な小バズをかましてしまったので、贖罪も兼ねて記事を書きました) 「文字数を数える」のは難しい 「文字数を数える」実装は意外と難しいです。というのも、アルファベットや数字だけなら str.length でも正しく数えられますが、絵文字や異体字などが入った文字列は見た目どおりに数えられません。

                                文字数のカウントはどれが正解なのか?
                              • 日本人に「認知症がぶっちぎりで多い」のはナゼなのか? 最新脳科学でわかった、黒幕とされる「ある脳内物質」の名前(週刊現代) @gendai_biz

                                人が認知症になるかどうかは、体質や遺伝といった「運命」で決まると思われてきた。だが最新医学の知見によれば、決してそれだけではない。日々の積み重ねが健やかな脳を作るのだ。 認知症は「不機嫌」から始まるなんだかイライラすることが多くなった。スーパーやコンビニのレジで、少し焦ってしまうことがある。睡眠時間が短くなり、眠りが浅くなった—。最近そんなふうに感じているなら、あなたの脳で、認知症のリスクが急速に高まっているサインかもしれない。 「日本人はほかの国の人と比べて、悲観的になりやすくストレスを溜めやすい傾向があります。じつは近年、ストレスを感じやすい人ほど、認知症を引き起こす脳内の老廃物『アミロイドβ』が増えやすいことがわかってきているのです」

                                  日本人に「認知症がぶっちぎりで多い」のはナゼなのか? 最新脳科学でわかった、黒幕とされる「ある脳内物質」の名前(週刊現代) @gendai_biz
                                • 10年もののRailsアプリの持続可能性を求めて -なぜ初手でCoffeeScript廃止を選んだのか- - Money Forward Developers Blog

                                  シニアソフトウェアエンジニアのusadamasaです。 マネーフォワード クラウド会計とそれに関連するマイクロサービス群の開発運用を担当しています。 本記事では、クラウド会計という10年もののRailsアプリの持続可能性をいかにして確保していくかの取り組みをご紹介します。 TL;DR 私が所属するチームでは、クラウド会計の開発運用における課題を整理し、それぞれの課題に対して解決策を検討し、実行するための取り組みを進めています。 最初にクラウド会計の全体の構造を明らかにし、課題を可視化、組織の共通認識としました。 その上で銀の弾丸を求めるのではなく、有期かつ漸進的な改善のプロジェクトとして計画することが成果に繋がります。 クラウド会計の現状 クラウド会計はマネーフォワード クラウドの代表的なプロダクトの一つです。 2013年にリリースされてから10年、多くの機能追加や改善を重ね、現在では沢山

                                    10年もののRailsアプリの持続可能性を求めて -なぜ初手でCoffeeScript廃止を選んだのか- - Money Forward Developers Blog
                                  • iframe sandboxでユーザー入力スクリプトを実行する

                                    変わらないものが、変わるものを決める — 意図駆動開発 × イベントソーシング × イミュータブル | What Doesn't Change Decides What Can — IDD × Event Sourcing × Immutability

                                      iframe sandboxでユーザー入力スクリプトを実行する
                                    • 便利なJavaScriptライブラリが登場! CSSのプロパティの値の変更を検出できる -CSSStyleObserver

                                      DOMツリーに加えられた変更を検出する機能としてMutationObserverが便利ですが、CSSのプロパティの値は検出できません。 最近ではCSSアニメーションを使用したWebサイトやスマホアプリも増え、プロパティ値の変更に応じてコールバックを実行する必要があるかもしれません。CSSのプロパティの値の変更を検出するための新しいライブラリを紹介します。 Introducing @bramus/style-observer, a MutationObserver for CSS by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ライブラリのデモ ライブラリのインストール ライブラリの使い方 ライブラリの仕組み ライブラリのサポートブラウザ カスタムプロパティのトランジションに関する注意事項 はじめに

                                        便利なJavaScriptライブラリが登場! CSSのプロパティの値の変更を検出できる -CSSStyleObserver
                                      • 音楽に合わせて動くかっこいい映像を簡単に作れるサービスを公開しました

                                        どんなサービス? デモ動画を見てもらうのが一番わかりやすいと思いますが、「音楽に合わせてウネウネ動く映像」を簡単に作成できます。 作った理由 僕はプログラミング以外に音楽製作もやっていて、SoundCloudなどにアップロードして公開したりしています。 活動していて感じたのが、いまどきは音楽だけで公開しても目立つことができないということです。Web 上のコンテンツはどんどんリッチになっているので、音声だけでは、例えば Twitter のタイムライン上で見過ごされてしまいがちです。 かといって、(僕のように)本気で音楽をやっているわけでもない人が、MV 製作までするのはかなり負担が大きいです。自分で作るにしても依頼するにしても、音楽制作とは全く関係のないスキルとコストが必要です。 一言でいうと、「作った音楽に、あまり労力をかけずに、それっぽい映像をつけてくれるサービスがあったらいいな」と思っ

                                          音楽に合わせて動くかっこいい映像を簡単に作れるサービスを公開しました
                                        • HonoとPerl 〜 異文化を持ち込む

                                          Honoの面白いネタがあるので書きます。 Web標準 HonoはWeb標準のAPIを使って作られています。Web標準は元々ブラウザで動くもの(JavaScriptやCSS、HTML)に対して考えられた技術仕様もしくは指針です。昨今はCloudflare Workers、Deno、BunといったJavaScriptランタイムはV8やJavaScriptCoreブラウザのエンジンを使っていて、サーバーサイドでWeb標準のAPIを動かすようになっています。Node.jsもそれに追従して使えるようになっています。例えば、HTTPのレスポンスを返したければResponseオブジェクトを使います。 これは多くのブラウザで動くし、上記したサーバーサイドのランタイムでも動きます。 Honoを作った動機は「Cloudflare Workers上で動くフレームワークが欲しかった」なので、初期からWeb標準のみ

                                            HonoとPerl 〜 異文化を持ち込む
                                          • 同じビルドやテストを何度も実行しない方法 - コンポツさん

                                            GitHub Actions で同じビルドやテストを何度も実行しない方法を紹介します。 ホストランナーを ubuntu-linux にした場合、実行する必要のないジョブは 10 秒程度でスキップ可能です。 注意 この記事は自作の OSS ツール sver および私が現在所属するサイボウス社の グローバル向けAWS版kintone開発チーム の宣伝が含まれます。 Summary ビルドやテストといった CI のジョブに再現性がある場合は複数回実行しても意味がない ジョブが依存する環境やソースコードを元にハッシュ値を計算することで同等なジョブに一意なラベルをつけられる ジョブ実行後に実行済みラベルを artifact として保存しておくことで後続の同等なジョブをスキップできる 効果 最初に効果を示します。 sver というプロジェクトのジョブの実行結果です。 これは通常時のジョブの実行時間です

                                              同じビルドやテストを何度も実行しない方法 - コンポツさん
                                            • JavaScript でスタイルシートを構築する CSSStyleSheet

                                              CSSStyleSheet インターフェースは、JavaScript でスタイルシートを構築し、操作するための API です。CSSStyleSheet() コンストラクターで新しいスタイルシートを作成し、.replaceSync() メソッドでスタイルを適用できます。 CSSStyleSheet インターフェースは、JavaScript でスタイルシートを構築し、操作するための API です。CSSStyleSheet() コンストラクターで新しいスタイルシートを作成し、.replaceSync() メソッドでスタイルを適用できます。 スタイルが適用された CSSStyleSheet オブジェクトは、document.adoptedStyleSheets プロパティに代入することで、ページ全体に適用されます。 const styleSheet = new CSSStyleSheet();

                                                JavaScript でスタイルシートを構築する CSSStyleSheet
                                              • 2023年に特にお世話になったC++ライブラリ8選 - Qiita

                                                Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                                  2023年に特にお世話になったC++ライブラリ8選 - Qiita
                                                • GitHub - dotenvx/dotenvx: a secure dotenv–from the creator of `dotenv`

                                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                    GitHub - dotenvx/dotenvx: a secure dotenv–from the creator of `dotenv`
                                                  • JavaScript Primer 4.0.0: ECMAScript 2022に対応したJS本

                                                    JavaScript Primer(jsprimer.net)が、ECMAScript 2022(ES2022)に対応しました。 リリースノート: Release v4.0.0: ES2022 · asciidwango/js-primer これまでのjsprimer ECMAScriptの仕様書は毎年更新されるので、それに合わせてjsprimerも更新しています。 1.0.0(ES2019): JavaScript Primerを出版しました!/JavaScript Primerはなぜ書かれたのか? 2.0.0(ES2020): JavaScript Primer 2.0 - ECMAScript 2020に対応した入門書を公開しました 3.0.0(ES2021): ES2021に対応したJavaScript Primer 3.0を公開しました - JavaScript入門 今回のアップ

                                                      JavaScript Primer 4.0.0: ECMAScript 2022に対応したJS本
                                                    • Rustで将棋の局面画像生成、そしてCDN Edgeで動的生成 - すぎゃーんメモ

                                                      背景 先行・類似事例 自作のメリット Rustで局面画像生成 盤・駒画像の素材 画像処理 入出力 Generatorと下準備 Publish Web Appで使う CDN Edgeで動かす wasm-packでWebAssembly作成 Deno Deploy Vercel Edge Functions Cloudflare Workers Fastly Compute@Edge その他 まとめ Repository 背景 ATrium という AT Protocol のためのライブラリを自作している が、まったくドッグフーディングしていなかった ので、Blueskyに詰将棋の問題を放流するBotを作ってみることにした gfx氏が作ったBot を参考に というわけで、詰将棋の問題の局面を画像で投稿したい が、あまり自分好みの画像を生成できるライブラリやWebサービス等がない ので、結局それ

                                                        Rustで将棋の局面画像生成、そしてCDN Edgeで動的生成 - すぎゃーんメモ
                                                      • Facebook CSS-in-JS Solution Stylex Introduced at React Finland 2021

                                                        InfoQ Software Architects' Newsletter A monthly overview of things you need to know as an architect or aspiring architect. View an example

                                                          Facebook CSS-in-JS Solution Stylex Introduced at React Finland 2021
                                                        • 最小限のPythonコードでAutoMLを実現するローコード機械学習ライブラリ「PyCaret」

                                                          最小限のPythonコードでAutoMLを実現するローコード機械学習ライブラリ「PyCaret」:AutoML OSS入門(6)(1/4 ページ) AutoML OSSを紹介する本連載第6回は、ローコード機械学習ライブラリ「PyCaret」を解説します。さまざまな機械学習ライブラリのラッパーであるPyCaretは、データ分析のあらゆる工程でコードの行数を削減します。

                                                            最小限のPythonコードでAutoMLを実現するローコード機械学習ライブラリ「PyCaret」
                                                          • JavaScript/TypeScript向け静的解析ツール「Oxlint」が正式に公開、Rustの採用で大幅に高速化

                                                            Oxlintは、JavaScriptやTypeScriptのコードを調べ、エラーにつながりやすい書き方となっている部分や、必要のない部分を指摘する機能を持っている。この用途では「ESLint」が事実上の標準となっているが、100%JavaScriptで記述してあるため、実行速度が問題となっている。 Oxlintでは、プログラムを記述する言語にRustを選ぶことで処理速度を大きく引き上げた。さらに、並列処理に対応し、コンピュータのプロセッサが搭載するコアの数が増えるに従って性能が上がっていく設計になっている。さらに、テスト結果のメッセージをシンプルかつ分かりやすいものにした点も特徴として挙げられる。 正式版になる前からOxlintを試験的に使っていた米Shopifyの担当者は、ESLintを使っていた頃は自社開発のコードをテストするのに75分かかっていたが、Oxlintを使ったところ、10秒

                                                              JavaScript/TypeScript向け静的解析ツール「Oxlint」が正式に公開、Rustの採用で大幅に高速化
                                                            • Next.jsとStripeで定期課金を実装する

                                                              Next.jsで構築中のフロントエンドアプリケーションに定期課金を実装したかった。読んですぐ実装できるように実装方法をメモする。 定期課金の実装にはStripeを使用する。 ※以下では、Next.jsを使った開発環境での実装について記述する。StripeのAPIにシークレットキーを使うため、本番環境ではAPIを叩く処理をサーバーサイド側に実装する必要がある。 Stripe側の設定 まずはStripeのアカウントを作成する。作成したらダッシュボードに移動する。「本番環境」と「テスト環境」があり、アカウント作成直後は「テスト環境」のダッシュボードが開く。テスト環境は実際の支払いは行われず、練習に使用できる。 認証情報をメモする テスト環境のダッシュボードに移動したら、以下の情報をメモする。以下は後ほど環境変数に設定する。 公開可能キー シークレットキー 顧客を作成する 支払いをする「顧客」の情

                                                                Next.jsとStripeで定期課金を実装する
                                                              • Reactで社内向けUIライブラリ開発・ビルド・公開・布教入門【2024年】

                                                                会社で複数の新規事業を立ち上げる機運が高まったことをきっかけに社内向けUIライブラリを開発し、限定公開して利用を始めました。 本記事ではReactで社内向けUIライブラリを開発・ビルド・公開・布教するためのアレコレを共有します。 以下のような話題について知りたい方に特に読んでほしいです。 Private Packageの作り方、配布の方法のイメージがつかない方 CommonJSとES Modules、今はどちらでビルドするのがいいのか知りたい方 ライブラリの作り方について網羅的に知りたい方 前提 利用側のアプリケーションはNext.js固定を前提とする Tailwind CSSを内部的には利用する 利用側のアプリケーションはパフォーマンス(Lighthouseスコア)重視することが多い 社内の様々なレベルのエンジニアがContributeする可能性がある 端的に言うと、社内のプライベートリ

                                                                  Reactで社内向けUIライブラリ開発・ビルド・公開・布教入門【2024年】
                                                                • 【コピペでOK】Gemini RAGはこんなに簡単!寝てる間にGitHub Actionsが最新ドキュメントを学習するAIアシスタントを作ろう - Qiita

                                                                  【コピペでOK】Gemini RAGはこんなに簡単!寝てる間にGitHub Actionsが最新ドキュメントを学習するAIアシスタントを作ろうGASGeminiragGitHubActions Gemini API の File Search Tool は、RAGを超簡単に使えるようになる魔法です。 すぐに使える、コードを以下からダウンロードしてください。 https://github.com/sinzy0925/py_gemini-rag はじめに 「公式ドキュメント、読むのが大変...」「AIに最新の仕様について質問できたらいいのに...」 開発者なら誰しも一度はこう思ったことがあるのではないでしょうか? そんな願いを叶える技術が**RAG (Retrieval-Augmented Generation)**です。AIに独自の知識を与えることで、特定の専門分野に特化した超優秀なアシスタ

                                                                    【コピペでOK】Gemini RAGはこんなに簡単!寝てる間にGitHub Actionsが最新ドキュメントを学習するAIアシスタントを作ろう - Qiita
                                                                  • 漢・法務省、リーガルテック界隈の非弁AIサービスに非情の死刑宣告 : やまもといちろう 公式ブログ

                                                                    そりゃそうだよなあという結論になったようです。 AIによる契約書審査 弁護士でなければ「違法の可能性」 法務省:朝日新聞デジタル https://www.asahi.com/articles/ASQBG5212QBGULFA00W.html しかも金星を挙げたのは俺たちの弁護士ドットコムということで、リーガルテックを標榜する界隈に冷たい雨が降り注ぐ展開となって鶏鍋が美味い季節になっております。 以前、こんな記事を書きましたが、その後、関係先が一生懸命抗弁のセミナーやパブを打っていたものの、常識的に考えれば弁護士による鑑定業務をAIが代行するからと言って中小企業にこれをサービスとして売り捌いたら当然のように非弁でやんすという当然の結論となったのは致し方のないところです。 漢・法務省、グレーなリーガルテックに対しグレーゾーン解消制度でグレーゾーン回答を敢行 - やまもといちろう 公式ブログ h

                                                                      漢・法務省、リーガルテック界隈の非弁AIサービスに非情の死刑宣告 : やまもといちろう 公式ブログ
                                                                    • 3DボクセルをWebGLで企業サイトに組み込んだ際の考察過程

                                                                      はじめまして。フロントエンドエンジニアの田島と申します。 ちょうど今から約1年ほど前に鹿児島にあるアプリファクトリーはるni株式会社というゲーム開発会社様にお声がけいただき、お仕事として企業サイトを制作致しました。 以下のツイートにて、サイト内での操作イメージを短くまとめた動画を添付しています。 サイトの制作方針として、はるni様が制作を得意とする3Dボクセルを中心に据える方針で企画が固まり、技術的にチャレンジングな仕事となりました。その際、私自身多くの方々の技術記事等を参考にさせていただいたため、自分も微力ながら制作の過程で得られた知見を共有できればと思い、記事に残すことにしました。 (ただし、WebGLやThree.jsの扱いに関して未熟な点も多分にあるため、各章でより良いアイデアをお持ちの方はコメント等で温かくご提案いただけますと幸いです。) 技術検証 陰影を事前にベイクするか、リア

                                                                        3DボクセルをWebGLで企業サイトに組み込んだ際の考察過程
                                                                      • 定番のコード規約とライブラリから学ぶJavaScriptの命名テクニック(上級編) - ICS MEDIA

                                                                        一般にプログラマーはコードを書いている時間より読んでいる時間の方が長いと言われており、わかりやすい命名は可読性や保守性の観点から非常に重要です。 この記事ではGoogleやAirbnbといった企業が採用しているスタイルガイドや、世界中で使われているJavaScriptライブラリであるReactとVue.jsのコードを調査する中で見つけた、わかりやすい命名をするためのテクニックを初級編と上級編の2回に分けて紹介します。 前回の初級編では、わかりにくい命名をした場合の問題点や、JavaScriptで共通認識となっているルール、すぐに使える命名テクニックを紹介しました。 上級編の今回は初級編で紹介したものでは表現しきれない、より複雑な処理を行いたいときに役立つ表現を集めました。 命名テクニック上級編 1. 有効 / 無効 の状態の表現 オブジェクトやステータスが有効か無効かを表現する単語です。

                                                                          定番のコード規約とライブラリから学ぶJavaScriptの命名テクニック(上級編) - ICS MEDIA
                                                                        • tsx と Node.js Type Stripping の違い - mizdra's blog

                                                                          tsx は TypeScript コードを事前トランスパイルすることなく、直接 Node.js で実行するためのツール。 https://github.com/privatenumber/tsx ところで最近の Node.js には Type Stripping という機能が入った。これを使うと、tsx なしで TypeScript コードを事前トランスパイルせずに実行できる。 https://nodejs.org/api/typescript.html#type-stripping 両者の違い 一見すると両者は機能的に同じものかのように思うけど、実は結構違いがある。 import specifier の指定方法が異なる 最も大きな違いは、「import specifier」の指定方法。import specifier というのは、以下の部分のこと。 import { add } './m

                                                                            tsx と Node.js Type Stripping の違い - mizdra's blog
                                                                          • 『反社の人とも反社ではないことを確認してから取引してます』←実はこれ重要で、反社でない事を確認する事により詐欺罪を問う事が出来るようになるらしい

                                                                            反社チェックとは?必要な理由と方法、反社と判明した場合の対処法 | GMOサインブログ | 電子契約ならGMOサイン 暴力団などの反社(反社会的勢力)と取引を防ぐために行われるのが「反社チェック」で、別名「コンプライアンスチェック」とも呼ばれています。ここでは反社チェックを行わなければならない理由や、反社との取引によって発生しうるリスクなどを紹介します。ま 1 user 28 GMOサインブログ | 電子契約ならGMOサイン

                                                                              『反社の人とも反社ではないことを確認してから取引してます』←実はこれ重要で、反社でない事を確認する事により詐欺罪を問う事が出来るようになるらしい
                                                                            • 最近立ち上げたプロジェクトで採用したフロントエンド技術スタック

                                                                              はじめに こちらは e-dash Advent Calendar 2024 の17日目の記事です。 はじめまして、e-dashのフロントエンドエンジニア、kyonsiと申します。 クリスマスシーズン、皆さんいかがお過ごしでしょうか? 私は、夜に輝くイルミネーションを眺めながら、「このキラキラのアニメーション、durationは何ミリ秒なんだろう? CSSで再現できないかな?」なんて、ついフロントエンドエンジニア的な思考が巡っています。 本記事では、最近立ち上げたフロントエンドプロジェクトで採用した技術と、その選定理由を軽くご紹介いたします。「ちょっと攻めすぎじゃない?」「いや、もっと枯れた技術でいいでしょ?」といった社内議論も、クリスマスムードに包まれればスパイス程度。その過程こそが、フロントエンド開発の醍醐味といえるでしょう。 それでは、ホリデームード漂う中、スノードームのようにキラキラ

                                                                                最近立ち上げたプロジェクトで採用したフロントエンド技術スタック
                                                                              • ご意見募集: Rubyに名前空間サポート的なものが欲しいという話 - たごもりすメモ

                                                                                LFAを書いたときの話にあるKernel#loadの第2引数で名前空間的なものを作れるんだけど、loadした先のファイルでrequireされてたらダメなんだよね、という話の続き。ダメなんだよねー、で終わってたんだけどRubyKaigi2023で@shioyamaさんのMultiverse Rubyを聞いて、ここに仲間がいた!!! ってなって、さらにそのあとバーで飲みながらやろうやろうって盛り上がったので、なんか色々考えている。 RubyKaigiの話は別途書くとして、いまはとりあえずこっち。 後半に、こんなものが欲しい、という話、および読んだ人の意見が欲しいということが書いてあるので、このあたりに何か思うところがある人はぜひ読んでみてください。どっちかというと、自分以外のRubyユーザがどう考えているのかを、bugsに出す前にまず知りたいなと思っています。 動機 Rubyにはみなさんご存知

                                                                                  ご意見募集: Rubyに名前空間サポート的なものが欲しいという話 - たごもりすメモ
                                                                                • Next.jsにSentryを導入した際の課題と解決策について|食べログ フロントエンドエンジニアブログ

                                                                                  はじめまして、2021年11月に食べログFE(フロントエンド)チームにジョインした遠藤です。 Next.jsを採用した新規プロジェクトに参画し、Sentryの導入を行いました。本記事ではSentryを導入した際の課題と解決策について記載していきます。 1. はじめに「Sentryとは何か?」、「食べログでSentryを選定した理由」などにご興味がある方はまず下記の記事を読んでみてください。 Sentryは便利ですが以前はアプリケーションに導入するにはいくつかのファイルを作成して、エラーやパフォーマンスをトラッキングするのに様々な設定を行う必要がありました。 そこでSentryが簡単にセットアップができるように@sentry/nextjsでwizardを提供してくれています。 wizardはコマンドを実行するだけでSentryに必要なファイルを自動で生成し、設定までしてくれる便利な代物です。

                                                                                    Next.jsにSentryを導入した際の課題と解決策について|食べログ フロントエンドエンジニアブログ

                                                                                  新着記事