並び順

ブックマーク数

期間指定

  • から
  • まで

361 - 400 件 / 5752件

新着順 人気順

editorの検索結果361 - 400 件 / 5752件

  • メルカリ ハロの技術スタックとその選定理由 | メルカリエンジニアリング

    こんにちは。メルカリ ハロのSoftware Engineer (Engineering Head)の@napoliです。連載:Mercari Hallo, world! -メルカリ ハロ 開発の裏側-の2回目を担当させていただきます。 2024年3月上旬にメルカリ ハロという新しいサービスが公開されました。メルカリ ハロは好きな時間に最短1時間から働ける「空き時間おしごとアプリ」です。 この記事ではメルカリ ハロを作るにあたり、どういった技術スタックやアーキテクチャを選定したのか、さらにその背景と意思決定をご紹介したいと思います。 この記事で得られること メルカリ ハロで採用されている技術スタックやアーキテクチャの全体像 その意思決定の理由とプロセス これから新規サービスを立ち上げるうえでのヒント 主な技術スタック メルカリ ハロで利用されている主な技術スタックは以下のとおりです。 バッ

      メルカリ ハロの技術スタックとその選定理由 | メルカリエンジニアリング
    • 手順書作成の未来(の 1 つの形)を Visual Studio Code の Extension にみたという話 | DevelopersIO

      はじめに システム運用においては、なんらかのリソースを作成や削除したり、設定値を変更したりとさまざまな変更作業が発生します。その際、なんらかの手順書(Markdown や Excel 等)を準備して、作業をすることが一般的だと思います。 本記事では「変更手順の作成」と「その手順を実施する」という 2 点にフォーカスして、これらを支援する Visual Studio Code(以下、VS Code)の Extention をご紹介します。 なお、本 Extention は Azure でのみ使用可能な点にご注意ください。 補足: 手順書がどうあるべきかについては多くの意見があるため、この記事では触れません。 この辺りについては、運用設計ラボ様の素晴らしいスライドがあるので、末尾の参考資料にリンクしておきます。 Azure CLI Tools について 今回ご紹介するのは、Azure CLI

        手順書作成の未来(の 1 つの形)を Visual Studio Code の Extension にみたという話 | DevelopersIO
      • Understanding design patterns in TypeScript and Node.js - LogRocket Blog

        Ganesh Mani I'm a full-stack developer, Android application/game developer, and tech enthusiast who loves to work with current technologies in web, mobile, the IoT, machine learning, and data science. Editor’s note: This article was updated 27 September 2022 to include information about state patterns and anti-patterns in TypeScript, as well as to make general revisions to the article. Design patt

          Understanding design patterns in TypeScript and Node.js - LogRocket Blog
        • 既存のDocker開発環境をVS CodeのRemote Developmentで開発できるようにしてみた | DevelopersIO

          こんにちは!DA(データアナリティクス)事業本部 サービスソリューション部の大高です。 私は普段のローカル開発環境として、Dockerを利用した開発を行っており、このコンテナ環境はsshを利用してVS Codeで接続および開発できるようにしています。 一方で、VS Codeを利用しているので「せっかくVS Codeを利用しているのであれば、Remote Development(のコンテナ機能)を利用して開発したい!」という想いから設定をしてみたので、その設定方法についてまとめておきたいと思います。 前提 まず、元々の環境についてです。 OSなど OSはMacOSで、DockerについてはDocker Desktop for Macを利用しています。 VS Codeの拡張機能 VS Codeの拡張機能に「Remote Development(ms-vscode-remote.vscode-r

            既存のDocker開発環境をVS CodeのRemote Developmentで開発できるようにしてみた | DevelopersIO
          • Introducing Rome

            We’re excited to announce the first beta release and general availability of the Rome linter for JavaScript and TypeScript. This is the beginning of an entire suite of tools. Rome is not only linter, but also a compiler, bundler, test runner, and more, for JavaScript, TypeScript, HTML, JSON, Markdown, and CSS. We aim to unify the entire frontend development toolchain. Rome is a monolithic tool con

              Introducing Rome
            • 私がVSCodeに入れている拡張機能

              記事の動機 VSCodeの拡張機能何入れてますか?と聞かれることが多いので忘備録的に残します。 Language Japanese Language Pack for Visual Studio Code 日本人なので、日本語が母国語です。 英語のUIでも操作に支障はありませんが、一眼でどういう挙動をするのか理解できる状態は作業の効率につながります。 Linter, Formatter ESLint javascript系のlinterです。 ファイルを保存時にプロジェクトにある設定ファイルを読み込んで自動修正をしてくれたりしてくれます。(要設定) Prettier - Code formatter いろんなファイルをフォーマットしてくれるやつです。 ファイルを保存時にプロジェクトにある設定ファイルを読み込んで自動修正をしてくれたりしてくれます。(要設定) Stylelint スタイルにま

                私がVSCodeに入れている拡張機能
              • jupyter notebookよりもMarimoが便利そう - Qiita

                Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? データ分析・機械学習においてjupyter notebookは広く利用されています。EDAやモデルの学習、教育など多くのユースケース利用されてきましたが、notebookは以下のようなデメリットがあります。 Jupyter Notebookのつらみ 再現性の担保が難しい 共有されたnotebookを実行してもエラーが出て上手くいかない https://marimo.io/blog/introducing-marimo JetBrainsがGithub上の1千万のnotebookを分析したところ、36%のnotebookに再現性がなかった

                • 【2020年総まとめ】WebデザインギャラリーS5-Styleで秀逸だった国産サイト|田渕 将吾 (Shogo Tabuchi)

                  S5-Styleでは2020年に659件ものサイトを更新させていただきました。この記事では、その中でも特に素敵なサイトを国産限定に絞ってまとめさせていただきました! そして、記事の最後に2020年の秀逸サイトを筆者の観点で3つ選んでいます。ぜひ最後までご覧ください。 S5-Styleとは、通算8,000弱におよぶハイクオリティなWebサイトを毎日キュレーションしているWebデザイナーのためのギャラリーサイトです。 選定基準としましては、Webデザインやクリエイティビティの観点で良質だと思ったものを選ばせてもらいました。企業や商材の良し悪しは考慮していません。 そして、優秀なプロダクションの認知を広げていきたいという想いで、制作したクリエーターのクレジットも掲載させていただいております。もしクレジットの申告・修正依頼があればとても助かります。是非ご連絡ください。 --- それでは、まずこちら

                    【2020年総まとめ】WebデザインギャラリーS5-Styleで秀逸だった国産サイト|田渕 将吾 (Shogo Tabuchi)
                  • Figmaの生産性を高めるTips50選|三上蒼太 / Sota Mikami

                    このような記事を参考にすることで設定可能です。 僕は ⌘ + Shift + M で設定しています。 3: Figma Walkerはショートカット設定しよう一押しPluginの一つ、Figma Walker。 日本人のエンジニアさんが開発されました。 SkecthでいうRunnnerのようなPluginです。 特に、特定のFrameやMainComponentがある位置にすぐさま移動するのに便利です。 プロジェクトが進みファイルが大きくなってきた際にとっても便利です。 これもどんどん使う機会が多くなってくるため、Macにて独自のショートカットとしておくと便利です。 僕は ⌘ + Shift + F としています。 4: ショートカットのチートシートの存在 ショートカットに苦手意識がある方は、ぜひ「ショートカットのチートシートがある」ということをだけでも覚えておいてください。 全てではない

                      Figmaの生産性を高めるTips50選|三上蒼太 / Sota Mikami
                    • Copilot Edits

                      Use Copilot Edits to start an AI-powered code editing session and iterate quickly on code changes across multiple files by using natural language. Copilot Edits applies the edits directly in the editor, where you can review them in-place, with the full context of the surrounding code. Copilot Edits can function in two modes: Edit mode: select which files to edit, provide the relevant context and p

                        Copilot Edits
                      • スクエニのストラテジーRPG『エンバーストーリア』のLive2D表現がかなりすごい。「2Dなのに振り向く演出」まで実装された魂こもった演出の作り方 - AUTOMATON

                        スクウェア・エニックスがPC(DMM GAMES)/iOS/Android向けに基本プレイ無料で配信しているストラテジックRPG『エンバーストーリア』。魔獣がはびこる試練の大地「レンゴク」を舞台に大規模な集団戦闘が楽しめるリアルタイムストラテジーゲームの本作だが、実は会話やムービーパートにおけるLive2D表現にも非常に力が入れられていることをご存知だろうか。可動域やモーションの幅など、とにかくすごいのだ。言葉を尽くすよりも見たほうが早いので、ひとまずショートムービーを見ていただきたい。 今回、弊誌AUTOMATONでは、スクウェア・エニックス、オレンジキューブ、CRI・ミドルウェア、Live2Dへの合同インタビューを実施。お話を伺っていくなかで、『エンバーストーリア』のLive2Dモデルはクリエイターのこだわりや情熱がふんだんに込められた代物だということがわかった。インタビューの前半にあ

                          スクエニのストラテジーRPG『エンバーストーリア』のLive2D表現がかなりすごい。「2Dなのに振り向く演出」まで実装された魂こもった演出の作り方 - AUTOMATON
                        • Amazon S3の誤った公開に気づく! 通知の仕組み - ANDPAD Tech Blog

                          こちらは ANDPAD Advent Calendar 2022 の19日目の記事です。 こんにちは。 アンドパッドSREの宜野座です。 今回はアドベントカレンダーということで、Amazon S3の公開を検知してSlackに通知する仕組みをシンプルに行う方法に関して書こうと思います。 Amazon S3の重要性 S3バケットの公開を防ぐには S3の公開検知の例 AWS Config を利用する方法 Lambdaの作成 AWS Configでマネージドルールを有効化 Event Bridgeを作成する 動作確認 小ネタ: AWS Configで任意のタイミングでルールの評価を行う方法 Amazon Guard Dutyを利用する方法 まとめ 終わりに Amazon S3の重要性 ※ 以降、本文中ではAmazon S3をS3と短縮表記します。 AWSを利用されている場合、S3はさまざまなデータ

                            Amazon S3の誤った公開に気づく! 通知の仕組み - ANDPAD Tech Blog
                          • WYSIWYGウェブページビルダーを支える技術とSever Driven UIへの拡張 | メルカリエンジニアリング

                            この記事は、Merpay & Mercoin Advent Calendar 2024 の記事です。 はじめに こんにちは。メルペイ Frontend の @togami です。 私たちのチームでは Engagement Platform、通称 EGP という内製マーケティングツールの開発をしています。ポイントやクーポンなどのインセンティブの配布、LP の作成と公開、キャンペーンの作成など CRM 関連のことをマーケターや PM がコーディングの知識なしで行えるようにするための社内ツールです。EGP はメルカリ US を除く全てのプロダクトで使われている会社全体の共通基盤となっています。 本記事ではこの中でも LP 作成機能、通称 EGP Pages について紹介します。また、 EGP Pages の拡張版であり Server Driven UI の実装である EGP Cards について

                              WYSIWYGウェブページビルダーを支える技術とSever Driven UIへの拡張 | メルカリエンジニアリング
                            • 【VSCode】おすすめの拡張機能 21選

                              はじめに 今回の記事では、主にバックエンド(PythonとTypeScript中心)を開発している私が使っているVSCodeの拡張機能を紹介する。 拡張機能 基本的にどのような言語でも対応できる拡張機能を紹介する。 Japanese Language Pack for Visual Studio Code VSCodeを日本語にできる。 REST Client VSCode上でgetやpostなどのHTTPリクエストを送信できる。GraphQLにも対応している。 GitLens — Git supercharged commit単位でファイルを比較したり、最新のcommitの内容を表示したりできる。 DeepL for Visual Studio Code VSCode上にて日本語から英語に翻訳できる。翻訳の精度が非常に高い。 JSDoc Generator JavaScriptのドキュメ

                                【VSCode】おすすめの拡張機能 21選
                              • The VS Code Go extension joins the Go project - The Go Programming Language

                                The Go team 9 June 2020 When the Go project began, “an overarching goal was that Go do more to help the working programmer by enabling tooling, automating mundane tasks such as code formatting, and removing obstacles to working on large code bases” (Go FAQ). Today, more than a decade later, we continue to be guided by that same goal, especially as it pertains to the programmer’s most critical tool

                                  The VS Code Go extension joins the Go project - The Go Programming Language
                                • Swdev: 真の No bundle frontend

                                  みなさん、ブラウザ内で TypeScript が直接動いてくれたらいいなぁ、と思ったことはありませんか? しました。 これができます。 どのようにうごいてるか Service Worker は合法 MITM とも言えて、 fetch 時のリクエストを好きに書き換えることができます。 開発時 初回インストール時に Service Worker をインストール コンパイラを内蔵した Service Worker がリクエストの拡張子に応じて js に書き換える Content-Type: text/javascript として SW でキャッシュして返却 TypeScript(.ts, .tsx) と Svelte(.svelte + preprocess) に対応 WebSocket サーバーを起動。ファイル変更を監視して、変更されたファイル名をブラウザに通知 変更されたファイルを Serv

                                    Swdev: 真の No bundle frontend
                                  • nekoweb

                                    Nekoweb is a free static website hosting service, created in 2022 2023 2024 by a group of coders, programmers and artists, passionate for the old web and personal websites. Social media is too limiting. We believe that everyone should be able to freely express themselves in their own little corner of the web, without having to worry about things like algorithms, tracking, or advertisements. Nekowe

                                      nekoweb
                                    • Next.js+TypeScript+AWS Amplify+RecoilでToDoリストを作る - Qiita

                                      本記事ではNext.js+TypeScript+AWS Amplify+Recoilを使って、モダンなToDoリストを作る方法を紹介します。 Githubリポジトリを公開しますので、不具合や不適切な実装を見つけた場合はドシドシIssueかPull-Requestいただけると幸いです。 背景 私自身普段はRuby on Railsを使って開発しています。JavaScriptは正直まだ苦手です。 Railsは爆速でアプリを開発出来る点が魅力的ですが、一方でモバイルアプリとの連携やリッチなUIが求められる案件では、フロントエンドとバックエンドを分離した構成にせざるをえないケースがあります。 そのような構成だと、かえってRailsがリッチ過ぎるとも感じており、AWS Amplifyのようにバックエンドをスピーディーに構築してくれるサービスを一度使ってみたいと思っていました。 そのため、Next.j

                                        Next.js+TypeScript+AWS Amplify+RecoilでToDoリストを作る - Qiita
                                      • AIエージェントのおかげでdbt開発の大部分を自動化した話

                                        こんにちは、おきゆきです。Ubieでデータ関連業務を担当しています。 この記事では、dbtを利用したデータモデル開発プロセスにおいて、AI搭載エディタであるCursor Editorを活用し、dbt model開発の速度向上にとどまらず、その開発ステップの大部分をAIで自動化した事例について紹介します。 Ubieでは3000以上のdbt modelを運用していますが、事業やプロダクトが拡大するにつれて、dbt model作成のためのファイル規約の遵守、テスト記述、ドキュメント更新、Lightdashに必要なメタデータの定義といった定型的な作業が増加し、開発者の負担となるケースが見られます。SQLロジックの設計や分析といったより本質的な業務に集中したい、という思いは多くの開発者が共有するところではないでしょうか。 この課題に対し、Cursor Editor、特にその Agent機能 と Pr

                                          AIエージェントのおかげでdbt開発の大部分を自動化した話
                                        • signal

                                          Orchestrate freely with the multi-track piano roll editor. Of course, you can use velocity, pitch bend, expression, and modulation to create expressive sound.

                                            signal
                                          • Getting Started - Learn Next.js

                                            To effectively learn Next.js, it helps to be familiar with JavaScript, React, and related web development concepts. But JavaScript and React are vast topics. How do you know when you're ready to start using Next.js? Welcome to the React Foundations course! This beginner-friendly, example-led course will guide you through the prerequisite knowledge for Next.js. You will build a simple project step-

                                              Getting Started - Learn Next.js
                                            • 「裁判所はトレースしてイラストを作るのは不可能と判断」トレパクだという指摘が名誉毀損と認められた裁判についての弁護士さんによる解説

                                              海老澤美幸 ebisawa_miyuki @ebisawa_miyuki Attorney at Law(fashion law)/Fashion Editor 弁護士(69期、第二東京弁護士会、メインはファッションロー)/ファッションエディター・スタイリスト。三村小松法律事務所。ファッション関係者の法律相談窓口 fashionlaw.tokyo主宰。趣味は釣りと猫。 mktlaw.jp/lawyers/ebisaw… 海老澤美幸 ebisawa_miyuki @ebisawa_miyuki 「トレパクだ」との指摘が名誉毀損と判断された話題の裁判例について簡単に書いときます。 色々な事情を考慮して判断されてることを知っていただきたく、超長文ですみません。 事案はこうです。 漫画家兼イラストレーターYさん(被告)は、イラストレーターXさん(原告)のイラストがYさんイラストを 2023-11-

                                                「裁判所はトレースしてイラストを作るのは不可能と判断」トレパクだという指摘が名誉毀損と認められた裁判についての弁護士さんによる解説
                                              • React v17.0 Release Candidate: No New Features – React Blog

                                                This blog site has been archived. Go to react.dev/blog to see the recent posts. Today, we are publishing the first Release Candidate for React 17. It has been two and a half years since the previous major release of React, which is a long time even by our standards! In this blog post, we will describe the role of this major release, what changes you can expect in it, and how you can try this relea

                                                  React v17.0 Release Candidate: No New Features – React Blog
                                                • CSSにそのうち導入されそうな@scopeとその関連概念

                                                  気がつけばCSSの@layerが全てのモダンブラウザに実装完了している今日この頃、みなさまはいかがお過ごしでしょうか。 CSSでは、@layerに次ぐ新機能として @scope が検討されています。最近これについて勉強したのですが、これを取り扱う日本語記事が見当たらなかったので今回ご紹介します。 この記事では、CSS Cascading and Inheritance Level 6のFirst Public Working Draftの内容を紹介します[1]。これは去年12月のバージョンで、より新しいEditor's Draftとして今年4月のものがありますが、特に大きな変更はありませんでしたので、この記事の内容が執筆時点の最新情報だと思って差し支えありません。

                                                    CSSにそのうち導入されそうな@scopeとその関連概念
                                                  • [速報]Google Cloudが「Gemini Code Assist」発表。最新のAIによるコーディング支援、Stack Overflowのナレッジも統合。Google Cloud Next '24

                                                    Google Cloudは、日本時間4月10日未明から開催中のイベント「Google Cloud Next '24」で、最新のAIによるコーディング支援サービス「Gemini Code Assist」を発表しました。 Gemini Code Assistは、GitHub CopilotやAWS CodeWhispererなどと競合するサービスと位置づけられます。 Gemini Code Assistは最新AIモデル「Gemini」採用 Google Cloudは昨年(2023年)12月にAIによるコード補完やコード生成などを実現する「Duet AI for Developers」を正式リリースしています。今回発表されたGemini Code Assistは、同社の最新AIモデルである「Gemini」を採用したDuet AI for Developersの進化版だと説明されています。 参考:

                                                      [速報]Google Cloudが「Gemini Code Assist」発表。最新のAIによるコーディング支援、Stack Overflowのナレッジも統合。Google Cloud Next '24
                                                    • HPKE とは何か | blog.jxck.io

                                                      Intro HPKE (Hybrid Public Key Encryption) が RFC 9180 として公開された。 RFC 9180: Hybrid Public Key Encryption https://www.rfc-editor.org/rfc/rfc9180.html HPKE は、公開鍵暗号方式と共通鍵暗号方式を組み合わせて(ハイブリッド)任意の平文を暗号化するための、汎用的な枠組みとして標準化されている。 この仕様は、多くのユースケースが想定されており、RFC になる前から ECH (Encrypted Client Hello), MLS (Message Layer Security), OHTTP (Oblivious HTTP) など、さまざまな仕様から採用を検討されている。 本サイトで書く予定の他の記事でも HPKE は頻出する予定であり、今後より多くの

                                                        HPKE とは何か | blog.jxck.io
                                                      • Port Forwarding

                                                        Support for port forwarding is built into Visual Studio Code via Microsoft dev tunnels, no extension required. When running a local web service, you can use the Ports view to make the service accessible to others over the internet. How to use port forwarding First, you need to have a service you want to forward. If you don't have one yet but do have Node.js installed, you can run this command to s

                                                          Port Forwarding
                                                        • 『科学を語るとはどういうことか 科学者、哲学者にモノ申す 増補版』への提題|Web河出

                                                          提題全文掲載 単行本 - 自然科学 『科学を語るとはどういうことか 科学者、哲学者にモノ申す 増補版』への提題 松王政浩/谷村省吾 2021.05.28 2013年刊行の『科学を語るとはどういうことか』新版のため、須藤靖氏と伊勢田哲治氏に新たに対談していただくにあたり、松王政浩氏(科学哲学者)と谷村省吾氏(理論物理学者)に、提題をお願いしました。書籍には対談の体裁上、一部のみしか掲載できなかったため、全文を、こちらでお読みいただけるようにしています。これらの提題をもとに繰り広げられた議論については、ぜひ『科学を語るとはどういうことか 増補版』にてお楽しみください。 ■松王政浩氏からの提題 1(書籍p.311) 本書が「科学」対「科学哲学」という構図でありながら、科学側の視点としては、概ね須藤さんの「物理学者」の視点でしか語られていない。この本の副題は本来「物理学者、哲学者にモノ申す」とすべ

                                                            『科学を語るとはどういうことか 科学者、哲学者にモノ申す 増補版』への提題|Web河出
                                                          • Windsurf Editor and Codeium extensions

                                                            From the creators of Codeium, the best AI-powered code extension Introducing the Windsurf EditorThe new purpose-built IDE to harness magic

                                                              Windsurf Editor and Codeium extensions
                                                            • フォントのサイズ設定は役に立たない、問題点と解決方法

                                                              WebページやOSのUI、エディタなどのソフトウェアでフォントのサイズや行の高さを設定した際に起こる問題点と解決方法を紹介します。 Font size is useless; let's fix it by Niki Tonsky 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに フォントのサイズにおけるポイントとは emスクエアとは font sizeにおける問題点 解決方法 line height(行の高さ)もめちゃくちゃです 予測が可能なline height(行の高さ) 終わりに はじめに あなたのお気に入りのエディタに、"font_size": 32を設定するとどうなりますか? お伝えしたいことがあるので、聞いてくれたら嬉しいです。 実際にやってみました。 私はmacOSでSublime Textを使っています

                                                                フォントのサイズ設定は役に立たない、問題点と解決方法
                                                              • 自作プログラミング言語と WebAssembly コンパイラ

                                                                Photo by Lukas Tennie from unsplashはじめにこのエントリでは、僕が趣味で作っている PicoML という自作プログラミング言語の話を書こうと思う。 作ってから半年くらい経っているのだけれど、如何せん自作言語という無用の長物であり、登壇などでコイツの話をすることもないため、ある種の供養みたいなものだと思ってもらって構わない。 PicoML の概要まずは実装した言語の紹介から。ざっくり以下の特徴を備えた言語である。 ML ベースの文法による関数型言語単純 let 多相型推論による型チェックCLI として、Node.js 上での即時評価器(REPL)と WebAssembly をターゲットにしたコンパイラの双方を提供REPL やコンパイラの実装は TypeScript で行っている。自分の勉強が主目的であったため、REPL やコンパイラの CLI を動作させるの

                                                                  自作プログラミング言語と WebAssembly コンパイラ
                                                                • GitHub - xwmx/nb: CLI and local web plain text note‑taking, bookmarking, and archiving with linking, tagging, filtering, search, Git versioning & syncing, Pandoc conversion, + more, in a single portable script.

                                                                  nb is a command line and local web note‑taking, bookmarking, archiving, and knowledge base application with: plain text data storage, encryption, filtering, pinning, #tagging, and search, Git-backed versioning and syncing, Pandoc-backed conversion, [[wiki-style linking]], terminal and GUI web browsing, inline images, todos with tasks, global and local notebooks, organization with folders, customiz

                                                                    GitHub - xwmx/nb: CLI and local web plain text note‑taking, bookmarking, and archiving with linking, tagging, filtering, search, Git versioning & syncing, Pandoc conversion, + more, in a single portable script.
                                                                  • Rustを写経する環境を作る

                                                                    What's? 詳解Rustプログラミングを写経しています。 最初はIntelliJ IDEAで書いていたのですが、補完があまり効かずVS Codeに乗り換えました。 (IntelliJ IDEAの設定のどこでうまくいっていないのかまでは調べられてないです...) ついでにとアレコレくっつけていったらゴツゴツしてきたのですが、なかなか快適なので紹介。 写経中のリポジトリはこちら。 https://github.com/watarukura/rust_in_action_study Required VS Code Docker devcontainer VS Codeのdevcontainerを使います。 moldを使ってみたかったのでFaster Rust Incremental Builds in Dockerを参考にしつつ、最新のv1.1を使えるように書き換えています。 <! tex

                                                                      Rustを写経する環境を作る
                                                                    • ユーザー登録すら不要!Web開発で使いたくなる無料の厳選ツールをまとめてみた! -

                                                                      どうも、まさとらん(@0310lan)です! 今回は、Web開発などで便利に使える無料のオンラインツールやサービスなどを厳選してご紹介します。 面倒なユーザー登録が一切不要なものを集めているので、サイトにアクセスすればすぐにでも使うことができるものばかりです。プログラミング、デザイン、アイデア発想など、さまざまなシーンで活用できるので、ご興味ある方はぜひ参考にしてください! ■プログラマーに最適な検索エンジン! 【 Hello 】 プログラムを書いてるときに、構文の書き方やエラーの原因を探るために検索することはよくあると思います。 そのようなときに、この検索サービスを使うと知りたい情報だけをまとめて一気に表示してくれるようになります。英語で検索することに最適化されていますが、ある程度は日本語でも対応してくれます。 例えば、配列をループさせる方法を検索すると以下のように表示されます。 すぐに

                                                                        ユーザー登録すら不要!Web開発で使いたくなる無料の厳選ツールをまとめてみた! -
                                                                      • 「実装例から見る React のテストの書き方」をアップデートする

                                                                        社内の人から、自分が以前書いた次の記事が「便利で助かった!書いた時から何かアップデートある?」ってメッセージがきた。 そんな便利だなんてどうもありがとうございますウフフ、と思いながら書いた日を見てみると 2022-08-09 だった。もうすぐ 2 年経とうとしてる。時の流れが早くて怖い。 この記事に書かれた実装例はリポジトリにまとめていたんだけど、当然、何かメンテをしていたわけもなく、2022 年当時の状態がそのまま残っていた。 せっかく便利に思ってくれる人がいたので、内容をアップデートする。 アップデートまとめ メジャーバージョンのリリースやビルドツールの統一の観点で Jest から Vitest に移行 useFakeTimers({ shouldAdvanceTime: true }) @testing-library/reactを v15 にバージョンアップ MSW を v2 にバ

                                                                          「実装例から見る React のテストの書き方」をアップデートする
                                                                        • スレッド形式で雑にメモを書き散らすためのサービス「Thredot」をリリースしました

                                                                          Thredot はスレッド形式でメモを書けるサービスです。 Google アカウントがあればログインできます。 こういうの Playground ページを用意しているので、気軽に使い心地を試してみてください。 Thredot のコンセプト Thredot はアイデアや情報をメモに書き出すハードルを限界まで下げることを目指しており、そのために様々な工夫をしています。 メモを整理させない 爆速な検索機能 公開範囲を設定できる WYSIWYG エディタを採用 メモを整理させない Thredot では徹底的にメモを整理させない方針を取っています。 僕は「整理するための機能が用意されていると整理をしたくなってしまう」人間です。 でも整理するのって超面倒くさいです。 ( 支離滅裂 ) 結局中途半端に整理しようとして余計にゴチャゴチャになり、最終的にメモを書くこと自体が億劫になってしまいます。 Thre

                                                                            スレッド形式で雑にメモを書き散らすためのサービス「Thredot」をリリースしました
                                                                          • neue cc - Claudia - Anthropic ClaudeのC# SDKと現代的なC#によるウェブAPIクライアントの作り方

                                                                            AI関連、競合は現れども、性能的にやはりOpenAI一強なのかなぁというところに現れたAnthropic Claude 3は、確かに明らかに性能がいい、GPT-4を凌駕している……!というわけで大いに気に入った(ついでに最近のOpenAIのムーブが気に入らない)ので、C#で使い倒していきたい!そこで、まずはSDKがないので非公式SDKを作りました。こないだまでプレビュー版を流していたのですが、今回v1.0.0として出します。ライブラリ名は、Claudeだから、Claudiaです!.NET全般で使えるのと、Unity(Runtime/Editor双方)でも動作確認をしているので、アイディア次第で色々活用できると思います。 GitHub - Cysharp/Claudia 今回のSDKを作るにあたっての設計指針の一番目は、公式のPython SDKやTypeScript SDKと限りなく似せる

                                                                            • Meta の新しいリッチテキストエディターフレームワーク Lexical を調べる(実践編)

                                                                              Lexical で簡単なリッチテキストエディターを作ってみよう Lexical は Meta が開発したリッチテキストエディターフレームワークです。以前 Lexical のアーキテクチャを調べてまとめた記事を執筆したので、概要や設計についてはそちらをご覧ください。 Lexical のコアライブラリは EditorState の差分から最も効率のいい方法で DOM を更新する Reconciler がメインで、エディターの機能やビューはプラグインという形で各々実装する必要があります。 ただ、コアライブラリだけ提供しても使う側が戸惑ってしまうので、すでに多くの公式プラグインが同じリポジトリで提供されています。 そして注目すべきは Playground の充実度です。 もはや Playground をそのまま使っても十分なほど多機能なエディターが実装されています。もちろんソースコードは同じリポジ

                                                                                Meta の新しいリッチテキストエディターフレームワーク Lexical を調べる(実践編)
                                                                              • 今こそエンジニアはCode-basedなドキュメンテーションを行うべきだと思ったので、その思想と方法をまとめる

                                                                                今こそエンジニアはCode-basedなドキュメンテーションを行うべきだと思ったので、その思想と方法をまとめる タイトルの内容について考え、社内向けに以下のDocumentation Guidelinesを作成しました。 プロダクト開発の効率を高めてくれて非常に有益なので共有します。 英語の原文の後に、AIによる機械的な翻訳を書いています。 Overview Modern documentation requires both accuracy and efficiency. By leveraging AI-powered editors and code-based documentation, we can achieve both while maintaining high quality and consistency. 【日本語訳】 現代のドキュメンテーションには、正確性と効

                                                                                  今こそエンジニアはCode-basedなドキュメンテーションを行うべきだと思ったので、その思想と方法をまとめる
                                                                                • Git で複数のコミットを1つにまとめられる「スカッシュ」というテクニック | DevelopersIO

                                                                                  こんにちは、CX 事業本部 Delivery 部の若槻です。 今回は、Git で複数のコミットをまとめる方法を確認してみました。 ちなみに Git で行うこの操作のことを「スカッシュ(squash)」するとも言います。squash は「押しつぶす」とか「ぺちゃんこにする」という意味だそうです。 環境 $ vim --version VIM - Vi IMproved 9.0 (2022 Jun 28, compiled Jun 23 2023 22:12:29) macOS version - arm64 Included patches: 1-1544 確認してみた スカッシュしたいコミットが「連続する」場合と「連続していない」場合の 2 通りの方法を確認してみました。 連続するコミットの場合 まずは「連続する」複数のコミットをスカッシュする場合の方法です。 スカッシュ前の状態 次のよう

                                                                                    Git で複数のコミットを1つにまとめられる「スカッシュ」というテクニック | DevelopersIO