並び順

ブックマーク数

期間指定

  • から
  • まで

721 - 760 件 / 2778件

新着順 人気順

*JavaScriptの検索結果721 - 760 件 / 2778件

  • AWS CDKを始めるハンズオン ─ IaCの第一歩をAWS LambdaとDynamoDBのシンプルな仕組みで学ぶ|ハイクラス転職・求人情報サイト アンビ(AMBI)

    AWS CDKを始めるハンズオン ─ IaCの第一歩をAWS LambdaとDynamoDBのシンプルな仕組みで学ぶ アマゾン ウェブ サービスが提供するIaC(Infrastructure as Code)の開発キットがAWS CDK(AWS Cloud Development Kit)です。本記事はAWS CDK入門者向けのチュートリアルとして、AWSでソリューションアーキテクトを務める吉川幸弘(@WinterYukky)さんによる、AWS Lambda関数でDynamoDBテーブルをスキャンするシンプルなハンズオンです。 みなさん、こんにちは。アマゾン ウェブ サービス ジャパン合同会社でソリューションアーキテクトを務めている吉川幸弘と申します。私は普段、西日本のお客様を中心に技術的なご支援や課題解決などをしています。 さっそくですが、みなさんはInfrastructure as C

      AWS CDKを始めるハンズオン ─ IaCの第一歩をAWS LambdaとDynamoDBのシンプルな仕組みで学ぶ|ハイクラス転職・求人情報サイト アンビ(AMBI)
    • CSS・TypeScriptの相性が抜群。vanilla-extractが最高のCSS開発体験をくれた

      私はこれまで、 React ・ Next.js でのスタイリングには、CSS Modules + Sass を使っていましたが、最近は vanilla-extract を使うようになりました。TypeScript との相性が良く、長い間求めていた CSS 開発体験が実現できるためです。 vanilla-extract とは、CSS を TypeScript で型安全に書ける CSS in JS です。 State of CSS 2022 でも満足度が高く、先日は Next.js の appDir でも正式サポートされました。 本記事では、CSS Modules から vanilla-extract に移行した経緯と、そのメリットについて紹介します。 CSS Modules で限界を感じていた CSS Modules を使っていた理由はいくつかありますが、主に次のようなものです。 従来の C

        CSS・TypeScriptの相性が抜群。vanilla-extractが最高のCSS開発体験をくれた
      • あなたのパフォーマンスを倍にする Frontend Ops の傭兵はいかがですか

        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

          あなたのパフォーマンスを倍にする Frontend Ops の傭兵はいかがですか
        • Rust によるデスクトップアプリケーションフレームワーク Tauri | 豆蔵デベロッパーサイト

          Tauri はクロスプラットフォームデスクトップアプリのための Rust によるフレームワークです。Electron と同様 Web 技術でアプリの UI を構築します。 Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Studio 記事執筆時点で v1.0.0-rc.5 (Pre-release)、もうすぐ v1.0 がリリースされそうなところです。 Release v1.0.0-rc.5: Apply Version Updates From Current Changes (#3468) · tauri-apps/tauri Electron と比べて、インストーラーのサイズ、メモリ消費量、起動時間などが圧倒的に小さいと謳われています。 https://gi

            Rust によるデスクトップアプリケーションフレームワーク Tauri | 豆蔵デベロッパーサイト
          • 社内コードを公開せずに内部で共有する方法 - Qiita

            Read this article in English. はじめに 見つけやすく、インストールしやすいソフトウェアパッケージは、開発者にとって使いやすいです。React、Ruby on Rails、Airflow のような有名な OSS は良い事例です。しかし、社内の非公開のコードは、企業秘密として世間から隠されることが多いです。権限を持っている人のみ見ることができて、オープンソースのように npm gem や pip で簡単にインストールすることもできません。 その結果、社内のコードがうまく再利用されなくなる(あるいはできなくなる)ことがあります。各チームはそれぞれ独立したコードベースを持ち、他のチームにコードを共有したくても、満足がいく解決策を導き出すことが難しかったりします。戦略を立てないままでは、それぞれの独立したコードベースを充実させ続け「社内共通のライブラリー」が遠い夢のよう

              社内コードを公開せずに内部で共有する方法 - Qiita
            • Prisma ORMを2年運用して培ったノウハウを共有する

              TSKaigi 2024 ref: https://tskaigi.org/talks/tockn

                Prisma ORMを2年運用して培ったノウハウを共有する
              • ユーザー名をURLに含めるなら@始まりにするとよさそう

                SNSなど、ユーザー名をURLに含めているサービスは色々ある。このZennもそうだ。ただ、考えることが多い。例えば以下の点だ。 システムで使いたい文字列をユーザー名に使われる可能性があるので、ユーザー名に使えない膨大な文字列のリストを管理する必要がある 実装に失敗すると、一部のユーザーだけ特別扱いするルーティングを独自実装する必要が出かねない 簡単な対応策としては /user/{ユーザー名} のようなURLの規則にすること これを採用しているサービスもあるが、見た目がダサいからか、あまり好まれていない印象がある ということで、現実的な解決策として @user_name みたいな@始まりのURLにする方法がある。 自分が知る限り、最初にこれをやったのはMediumだが、Mediumは現在サブドメインにするルールになったようで、いつの間にかこの形式を辞めてしまった。 実はTwitter(現X)

                  ユーザー名をURLに含めるなら@始まりにするとよさそう
                • Token CSS

                  Token CSS is a work-in-progress. Bugs, missing features, and breaking changes are expected! Token CSS is a new tool that seamlessly integrates Design Tokens into your development workflow. Conceptually, it is inspired by tools like Tailwind, Styled System, and many CSS-in-JS libraries that provide tokenized constraints for your styles—but there's one big difference. Token CSS embraces .css files a

                    Token CSS
                  • WebブラウザでPythonが動作する!PyScriptの詳解 | gihyo.jp

                    鈴木たかのり(@takanory)です。今月の「Python Monthly Topics」では、Webブラウザ上でPythonが動作するPyScriptについて、内部構造なども含めて詳しく解説したいと思います。 PyScript公式サイト(https://pyscript.net/) Warning:PyScriptは現在非常に活発に開発が進んでいるプロダクトのため、将来的にこの記事のサンプルコードが動かなくなる可能性があります。記事執筆時点では最新バージョンであるPyScript 2023.03.1で動作確認しています。うまく動かない場合はPyScriptの公式ドキュメントなどを参照してみてください。 PyScript - PyScript documentation PyScriptとは? PyScriptは公式サイトに「Run Python in Your HTML」と書いてあると

                      WebブラウザでPythonが動作する!PyScriptの詳解 | gihyo.jp
                    • 「元ヤクザに対する扱いはヒドすぎる」――独房で民法を暗記し司法書士になった元組員が怒りの告発!(週プレNEWS) - Yahoo!ニュース

                      『元ヤクザ、司法書士への道』の著者、甲村柳市氏。ヤクザから足を洗った後、広島刑務所に収監中、司法書士となることを決意。2018年、「合格率3パーセント」の難試験を突破した 今年(2023年)6月、『元ヤクザ、司法書士への道』(集英社インターナショナル)を出版、たちまち重版となった甲村柳市(こうむら・りゅういち)氏が、このたび念願の東京事務所(司法書士法人東亜国際合同法務事務所)を開設した。 【写真】甲村氏が新橋に開設した東京事務所 甲村氏は広島刑務所にいた時期に、司法書士になると一念発起し、「塀の中」で受験勉強を始めて、出所後もほぼ独学を続け、ついに初志貫徹したという驚くべき経歴の持ち主である。しかし、この事務所を借りるにあたって今なお、元「反社」の人間に対する冷たい風をひしひしと感じたという。 ちなみに、甲村氏はヤクザ(山口組系下部団体)から足を洗って18年を経過し、国家試験で「司法書士

                        「元ヤクザに対する扱いはヒドすぎる」――独房で民法を暗記し司法書士になった元組員が怒りの告発!(週プレNEWS) - Yahoo!ニュース
                      • jQuery 4.0.0 BETA! | Official jQuery Blog

                        jQuery 4.0.0 has been in the works for a long time, but it is now ready for a beta release! There’s a lot to cover, and the team is excited to see it released. We’ve got bug fixes, performance improvements, and some breaking changes. We removed support for IE<11 after all! Still, we expect disruption to be minimal. Many of the breaking changes are ones the team has wanted to make for years, but co

                        • A Visual Guide to useEffect

                          Here is what happens when you try to fetch data directly from the body of a functional component in React 👇 Why does this happen and what tools does React offer to solve this problem? Side effects If your React component affects anything outside of itself, it’s called a side effect. Side effects shouldn’t happen during component render. Therefore they do not belong to the body of a functional com

                            A Visual Guide to useEffect
                          • これでCSSのみで実装できる! スクロール方向に合わせてヘッダを非表示・表示する方法を解説

                            Webページを表示し、スクロールダウンするとヘッダが非表示になり、ページのどこからでもスクロールアップするとヘッダが再び表示される、というのを見たことがあると思います。 これまでは実装するにはJavaScriptが必要でしたが、CSSのみで実装できる方法を紹介します。 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up. by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS Scroll-Driven Animationsでスクロール方向を検出する transition-delayプロパティを使ったテクニック ヘッダをスクロール時に表示

                              これでCSSのみで実装できる! スクロール方向に合わせてヘッダを非表示・表示する方法を解説
                            • React不要論2026

                              Reactは「高度なPolyfill」だった 2010年代半ばの未熟なWebプラットフォームにおいて、Reactは極めて優秀な穴埋め(Polyfill)だった 当時のブラウザはAPIが貧弱で、複雑なUIを作るのが困難だった 現在はブラウザの標準機能(HTML/CSS/Web API)が十分に追いつき進化している かつてReactが担っていた役割の多くは、ブラウザの標準機能でカバーできる 宣言型UIという思想自体は良かったが、現在のReactやNext.jsは過剰に複雑化してしまった JSは本来「ちょっとしたこと」を担当すべき 現代のVanilla HTML/CSS/JSで大半のユースケースは事足りる 状態管理やDOM構築のすべてをJSに丸抱えさせる必要はない 手続き型のJSは決して悪くない 過去の手続き型(jQuery時代など)が批判されたのはDOM操作APIが貧弱だったため 現在は標準A

                                React不要論2026
                              • なぜ Rust なのか

                                時雨堂では C++ から Rust へ主軸を移し始めています。なぜ Rust を採用したのかと、採用した結果どうかを雑に書いていこうと思います。 社員に Rust チョットデキル がいるまず最大の理由はこれです。社員に Rust 歴が 10 年以上あり、Rust で分散システムが作れる人がいるからです。詳しい人が居るというのは本当に大事です。 C++ 向けの独自ビルドツールに疲れたお手伝いしてくれている人に C++ チョットデキル がいるのですが、C++ のビルド周りを色々手がけてくれており、Python で独自のビルドツールをコツコツメンテしてくれていたのですが、良い機会だろうということで Cargo にお世話になることにしました。 LLM の台頭Rust といえばコンパイルを通すのがとても大変という認識だったのですが、思った以上に LLM が解決してくれることが多いという印象です。

                                  なぜ Rust なのか
                                • フロントエンドにおけるテスト駆動開発の実践と概説

                                  はじめに 自動テストが叫ばれて10数年以上の時を経ていますが、今なお開発者の興味を惹くトピックの1つであります。 実際、Developers Summit 2023ではテストを主題とした講演が多く、また人気も博したと耳にします。 さて自動テストと共に話題になるトピックの1つと言えばテスト駆動開発でしょう。 ただテスト駆動開発は、設計・開発手法のため自動テストとは厳密にはジャンル違いであり、誤解を受けがちなトピックでもあります。 またテスト駆動開発を解説する書籍の多くが、Java等のオブジェクト指向言語のスタイルで書かれているためフロントエンドエンジニアのコードスタイルとは若干差異があリます。 当記事ではフロントエンドエンジニアのためにテスト駆動開発の技法の数々をTypeScript、Reactを用いて実践します。 フレームワークとしてReactを採用しましたが、記事内のコードはモダンフロン

                                    フロントエンドにおけるテスト駆動開発の実践と概説
                                  • 上野千鶴子「介護保険制度のスタート時に介護ワーカーの待遇が低く設定されたことが今日まで影響を与えている」|賢人論。|みんなの介護

                                    2007年刊行の『おひとりさまの老後』(法研、のち文春文庫)は75万部を超えるベストセラーとなり、日本社会に“おひとりさまブーム”を巻き起こした上野千鶴子氏は、自身も生涯にわたっておひとりさま道を貫く、超硬派フェミニスト。2019年4月の東京大学入学式では、「メタ知識」をテーマに圧巻の祝辞を述べ、各方面から「名スピーチ」と絶賛されたことは記憶に新しい。そんな上野氏の専門分野はジェンダー研究。「介護」はジェンダーと深く関係するテーマでもある。記念すべき第100回目でもある今回は、「賢人論。というタイトルをなんとかして」とお叱りを受けながら、介護現場の抱える問題点についてお話を伺った。 文責/みんなの介護 「家事援助」の安すぎる公定価格はいったい誰が決めたのか? みんなの介護 介護の現場が疲弊しています。慢性的な人手不足で、介護ワーカー一人ひとりの負担が重く、それがさらに介護ワーカーの離職率を

                                      上野千鶴子「介護保険制度のスタート時に介護ワーカーの待遇が低く設定されたことが今日まで影響を与えている」|賢人論。|みんなの介護
                                    • React Native + Next.jsはいいぞ!(ほぼ)1人でショートドラマのWeb/モバイルアプリを爆速開発した話

                                      こんにちは!テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです! 3月に縦型のショートドラマサービス「テラードラマ」を公開しました! テラードラマは、Web/iOS/Androidのプラットフォームで展開しており、React Nativeで開発しています。 今回はそのテラードラマにおける、React NativeとNext.jsの活用についてお話します。 なぜReact Native + Next.jsを選択したか 今回のテラードラマは、モバイルアプリ(iOS/Android)とWebで展開し、機能的にもほぼ同等で提供する必要がありました。 開発するエンジニアも少人数のため、基本的にはクロスプラットフォームで開発ができることが望ましかったです。 さらに、Webに関してはSEOなども意識して、各ページをサーバーサイドレンダリングする必要があ

                                        React Native + Next.jsはいいぞ!(ほぼ)1人でショートドラマのWeb/モバイルアプリを爆速開発した話
                                      • 一休レストランのふつうのRustバックエンド開発 - 一休.com Developers Blog

                                        この記事は一休.com Advent Calendar 2023 25日目の記事です。 一休レストランでは、よりスムーズな予約体験の提供を目的とするシステムのリニューアルを進めています。その一環として、2023年10月から、レストラン個別ページの表示から予約までのスマートフォンビューにおいて、バックエンドのサーバをRustで書かれたものに置き換えました。 一休レストランの Rust バックエンドが正式リリースされました。https://t.co/7N4VGv5ej9 このページのスマートフォンビューはバックエンドが Rust で書かれた GraphQL になってます— naoya (@naoya_ito) October 4, 2023 本番運用が始まって3か月近く経ちましたが、これまで安定して継続的な開発と運用ができています。これはRustだからと構えることなく、「ふつう」のバックエンド

                                          一休レストランのふつうのRustバックエンド開発 - 一休.com Developers Blog
                                        • Cursor Directory

                                          Find the best cursor rules for your framework and language

                                            Cursor Directory
                                          • Next.jsはどうやってスクロール位置を復元するのか

                                            Next.jsにはexperimental(実験的機能)でscrollRestorationというフラグが存在します。 // next.config.js const nextConfig = { // ... experimental: { scrollRestoration: true, }, } module.exports = nextConfig デフォルトでもブラウザ側でスクロール位置を復元してくれることもありますが、Safariでは復元されなかったり、ChromeでもgetServerSideProps利用時にはこのフラグを有効にしないとスクロール位置が復元されないなど不安定な状態です。最近この辺りについて識者の方々から色々ご教示いただき、自分では気付けないような部分の知見も多く得られたので、備忘録兼ねてscrollRestorationが何を解決しようとして、どう実装されて

                                              Next.jsはどうやってスクロール位置を復元するのか
                                            • 3分で学ぶ GitHub Copilot CLI の基本とベストプラクティス - プププなテクブ

                                              2026年2月25日、GitHub Copilot CLIがついにGAされました。 github.blog そこで今回はまだGitHub Copilot CLIをまだ見てない/触ってない という人向けに、ざっくりと使い勝手やベストプラクティスを3分で知ってもらえるような記事を書いてみました。 検証のコンテキスト 突然ですが、openapi-zod-clientというライブラリがあります。 github.com openapi-zod-clientはOpneAPI Specに定義された内容をZod Schemaへ変換してくれるライブラリです。一方でZodはTypeScript界隈では言わずと知れた型Schemaライブラリです。parseにより、データがSchemaに定義した型や形式に一致するかを検証することができます。 ところで、Zodは2025年4月のリリースでそれまでのV3からV4へと大

                                                3分で学ぶ GitHub Copilot CLI の基本とベストプラクティス - プププなテクブ
                                              • Vite ってよく聞くけど何なんですか? あれは

                                                初めに Vue.js の学習をしているとよく「Vite」という単語を目にすると思います。 一体全体あれはなんなのでしょうか?? なんだかよく分からないコマンドを打つと、いつの間にかプロジェクトが作成されていたり、 ファイルを編集するだけでブラウザで動くようになっていたりします。 そもそも読み方も良くわかりません 😵‍💫 (ヴィテ...? ヴァイト...?) この記事では、Vite についての基本的な情報をまとめてみます。 発音? 発音の仕方は「ヴィート」です。こちらは公式ドキュメントにも書かれています。 Vite(フランス語で「素早い」という意味の単語で /vit/ ヴィートのように発音)は、 しかし、実はこれにはやや表記揺れがあって、「ヴィット」と表記されているところもあります。 例えば、話題になった Kawaii ロゴではそのように表記されています。 まぁこれらはカタカナ表記の限界

                                                  Vite ってよく聞くけど何なんですか? あれは
                                                • ヘッドレスCMSの使い分け

                                                  Next.js vs Drupal - デジタル庁 Web サイトの戦い。モダン vs レガシーの熱いバトルがいまここに!SIer 系のみなさまの参戦もお待ちしております!ヘッドレスCMS ってなに?デジタル庁の事例とともに考える。

                                                    ヘッドレスCMSの使い分け
                                                  • フロントエンドを Vue.js から React にリプレイスしたお話 (前編) - NTT docomo Business Engineers' Blog

                                                    はじめての方、はじめまして。久しぶりの方、お久しぶりです。 イノベーションセンターの何縫ねの。(@nenoMake)です。 普段の業務ではソフトウェアエンジニアとして Node-AI という WEB アプリケーションの開発をしています。 パブリックな活動としては、好きな言語である C# 関係の OSS 開発や技術ブログの投稿、登壇などをしています。 ですが、今回は C# ではなくフロントエンドのお話をします...! この記事では今まで Vue.js 2.x で開発されていた Node-AI の WEB フロントを完全に捨て去り、React にリプレイスしたお話をつらつらとしていきます。 まずは前編ということで、リプレイスプロジェクト発足時の課題感からはじめ、プロジェクトの進め方や選定技術などについてお話しします。 後編には内部の設計などのより技術的なお話をしたいと思います。では前編スタート

                                                      フロントエンドを Vue.js から React にリプレイスしたお話 (前編) - NTT docomo Business Engineers' Blog
                                                    • TypeScriptのモノレポ構成を考える

                                                      はじめにlink あまりモノレポの構成について語られている記事が多くないなと感じたので、現時点で自分が考えている設計をまとめてみる。 以前にTwitterでディレクトリ構成と内容については言及したが、実際に利用する技術についてはあまり触れなかったので改めて検証してみた。 https://twitter.com/koh110/status/1617510034266808322 クライアントサイドとサーバーサイドのコード共有については下記の記事がよくまとまっていた。 https://capelski.medium.com/effective-code-sharing-in-typescript-monorepos-475f9600f6b4 上記の記事の構成も参考にしつつ、自分の考えも加えて検証していく。 相対パスを利用する方法 npmのローカルパス指定(file:xx)を利用する方法 シンボ

                                                        TypeScriptのモノレポ構成を考える
                                                      • Tailwind CSSの二面性、デザインシステムを借りるということ | lacolaco's marginalia

                                                        この雑記を書く問題意識は、Tailwind CSSに対して向けられている世の人々の不満が、Tailwind CSSがコミットしていることから外れた、お門違いの期待の押しつけになっているのではないかと感じるところにある。 ライブラリやフレームワーク、道具にはそれが作られた目的があり、果たそうとするコミットメントがある。その圏内において果たされていないコミットメントに対する不満は、それ自体の存在意義にかかわる意味を持つが、しかし利用者が一方的に寄せた期待が果たされないことに対する不満はそうではない。 念押しするまでもないと思うが、これはTailwind CSSに対して不満を向けるべきではないという話ではまったくない。むしろ、その不満の下敷きとなっている Tailwind CSS への期待が Tailwind CSS 自体によってコミットされたものでないとしたら、不満を向けてもしょうがないのでは

                                                          Tailwind CSSの二面性、デザインシステムを借りるということ | lacolaco's marginalia
                                                        • カルーセルUIを実現するJSライブラリまとめ - 導入手間や機能の比較紹介 - ICS MEDIA

                                                          いずれもMITライセンスで公開されていますので、個人・商用問わず利用可能です。 Slick.js Slickスリック.jsは簡潔なコードで実装できるのが特徴のモバイルフレンドリーなカルーセルライブラリです。機能は少なめですが、ナビゲーションや表示するスライド数を変更するといった基本的な機能は備わっています。jQueryプラグインのため実装にはjQueryを読み込む必要があります。タッチ・スワイプ操作にも対応しています。ReactやVue向けのモジュール、TypeScriptのサポートは公式で提供されていませんがOSSで存在します。 このJSライブラリの基本的な実装と、アニメーションをフェードに変えた作例を用意しました。 基本の作例 サンプルを別ウインドウで開く コードを確認する <div class="slick carousel"> <div>1</div> <div>2</div> <

                                                            カルーセルUIを実現するJSライブラリまとめ - 導入手間や機能の比較紹介 - ICS MEDIA
                                                          • ARM に存在する JavaScript 専用命令「FJCVTZS」を追う(ついでに V8 をビルドする)

                                                            前回の記事では、JavaScript の実行エンジン V8 の JIT 出力コードを読んでみました。記事は M1 Mac 上で動かした結果でしたので、ARM アーキテクチャのアセンブラを読むことになりました。 さてそんな ARM アーキテクチャですが、最近の ARM には FJCVTZS という JavaScript 専用の機械語命令があるのをご存知でしょうか?CPU に、特定の言語(それもコンパイラを持たない JavaScript)専用の命令があると知ったとき、私は大いに驚きました(過去にも Jazelle みたいなものはありましたが) 今回は、この FJCVTZS 命令について、実際にどれだけ効果があるのか、V8 をビルドしながら調べてみましょう。 FJCVTZS 命令とは? FJCVTZS 命令は、Arm v8.3 から導入された JSCVT 命令の一つで、JavaScript の言

                                                            • モダンCSSリセットを徹底解説、最近のデバイス・モダンブラウザの仕様に対応

                                                              最近のデバイス・モダンブラウザの仕様に対応した、モダンCSSリセットを紹介します。スタイル宣言はたったの9個ですが、個々のCSSについて詳しく解説されているので、記事はけっこう長いです。 なぜそうしたのか、なぜそれを使用しないのか、最近の実装にあわせたCSSの役立つテクニックもたくさん解説されています。 My Custom CSS Reset by Josh W. Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 他のいろいろなCSSリセットについては、下記をご覧ください。 モダンブラウザに適したCSSリセットのまとめ はじめに CSSリセット 1. ボックスサイズのモデル 2. デフォルトのマージンを削除 3. 高さは%ベースを使用 4. アクセシブルなline-heightを追加 5. テキストのレンダリングを改

                                                                モダンCSSリセットを徹底解説、最近のデバイス・モダンブラウザの仕様に対応
                                                              • Webブラウザ上でWebAssemblyベースのNode.js環境を実現する「WebContainer」がAPI提供開始。ブラウザ内ファイルシステム、HTTPサーバ、Node.js CLIなど

                                                                Webブラウザ上でWebAssemblyベースのNode.js環境を実現する「WebContainer」がAPI提供開始。ブラウザ内ファイルシステム、HTTPサーバ、Node.js CLIなど WebAssemblyを用いてWebブラウザ上でNode.js環境を実現する「WebContainer」などを提供するStackBlitzは、WebContainerにアクセスできるAPIの提供を開始したと発表しました。 Today, after years of battle testing by millions of developers, in collaboration with browser vendors: WebContainer API is now available to everyone. Start building the next generation of inte

                                                                  Webブラウザ上でWebAssemblyベースのNode.js環境を実現する「WebContainer」がAPI提供開始。ブラウザ内ファイルシステム、HTTPサーバ、Node.js CLIなど
                                                                • axios は v1.0.0 でどう変わるのか

                                                                  概要 本記事は、HTTP クライアントライブラリである axios の v1.0.0 が満を持してリリースされたため、何がどう変わったのか、マイグレーションしても良いのかについて個人的に調べてまとめた結果になります。 TL;DR axios の v1.0.0 は、パッケージのモダン化に向けた節目としてのバージョンともいえる v1.0.0 では多数のバグ修正と、いくつかの小規模の機能追加がまとめて取り込まれた 破壊的変更や非推奨化は少なからずあるが、基本的な使い方や挙動を大きく変える規模の変更はない 一方で劇的に良くなる変化もないので、急いであげる理由もない 公式マイグレーションガイドは記事執筆時点では提供されていない axios について axios は、JavaScript 向けの HTTP クライアントライブラリの一種で、この種のパッケージとしては比較的古くから普及している老舗ライブラ

                                                                    axios は v1.0.0 でどう変わるのか
                                                                  • HTML要素をグラフィカルにアニメーション化できるJavaScriptライブラリ「Theatre.js」を使ってみた! -

                                                                    どうも、まさとらん(@0310lan)です! 今回は、HTML要素を簡単にアニメーション化できるJavaScriptライブラリをご紹介します。 初期設定はJavaScriptで書きますが、実際のアニメーション作りに関してはタイムラインエディタを利用した直感的な操作で実現しているのが大きな特徴です。ちょっとしたインタラクションから3Dアニメーションまでカバーできるライブラリなので、ご興味ある方はぜひ参考にしてください! 【 Theatre.js 】 ■「Theatre.js」の導入について! それでは、「Theatre.js」をどのように使えばいいのか詳しく見ていきましょう! 既存のWebサイトへ「Theatre.js」を導入する方法はいくつかあるのですが、今回はもっとも基本的な手段としてCDN経由でライブラリを読み込んでみます。これはHTMLファイルが1つあれば完結するので、ちょっと試して

                                                                      HTML要素をグラフィカルにアニメーション化できるJavaScriptライブラリ「Theatre.js」を使ってみた! -
                                                                    • Deno のこれまでとこれから JSConf JP 2021

                                                                      class: middle, center <img src="./assets/logo.svg" align="center" width="200" /> Deno の これまで と これから --- アジェンダ - Deno とは - Deno のこれまでのロードマップ - Deno のこれからのロードマップ --- # 話す人 <img src="./assets/hinosawa.jpg" align="right" width="300" /> 日野澤歓也 twitter @kt3k - GREE (2012 - 2013) - Recruit (2015 - 2019) - Deno Land (2021 -) <small>2018年から Deno にコントリビュートを開始。2020年作者に誘われ Deno Land に転職。現在はフルタイムで Deno と Deno D

                                                                        Deno のこれまでとこれから JSConf JP 2021
                                                                      • シェルスクリプトをJavaScript/TypeScriptで記述、どのOSでも実行できる「Bun Shell」、JavaScriptランタイムのBunが発表

                                                                        JavaScriptランタイムのBunは、新機能としてシェルスクリプトをJavaScriptもしくはTypeScriptで記述し、特定のOSに依存せずに実行できる「Bun Shell」を発表しました。 シェルスクリプトは特定のシェルに依存するもの LinuxやmacOS、WindowsなどのOSは一般に、「シェル」(Shell)と呼ばれる機能を備えています。 シェルはコマンドラインインターフェイスなどのユーザーとの対話機能を備えており、例えばLinuxのコマンドラインで「ls」コマンドを打ち込むとファイルの一覧が返ってくるという動作はシェルが提供しています。 そしてシェルでは一般に、こうしたコマンドを複数つなげた一連の動作をスクリプトとして定義し実行できる「シェルスクリプト」が利用可能です。例えば、次のシェルスクリプトは、「ls」コマンドによるファイルの一覧をファイル「list.txt」に

                                                                          シェルスクリプトをJavaScript/TypeScriptで記述、どのOSでも実行できる「Bun Shell」、JavaScriptランタイムのBunが発表
                                                                        • Webpackの後継となる新バンドルツール「Turbopack」が登場。Rust製のネイティブアプリケーションでWebpackの700倍高速に。Next.js Conf 2022

                                                                          Webpackの後継となる新バンドルツール「Turbopack」が登場。Rust製のネイティブアプリケーションでWebpackの700倍高速に。Next.js Conf 2022 Reactベースのサーバサイドフレームワークとして知られるNext.jsの開発元のVercelは、日本時間10月25日深夜にイベント「Next.js Conf 2022」を開催。Next.jsの最新バージョンとなる「Next.js 13」と、Rust製の高速なバンドルツール「Turbopack」を発表しました。 Introducing Turbopack, the successor to Webpack. ~700x faster than Webpack 10x faster than Vite Native incremental architecture built with Rust Support f

                                                                            Webpackの後継となる新バンドルツール「Turbopack」が登場。Rust製のネイティブアプリケーションでWebpackの700倍高速に。Next.js Conf 2022
                                                                          • 「Kindleの本が全部消えた」 Amazonの“アカウント結合”の仕様が怖いと注目集める 日米アカウントを結合している人は気を付けて

                                                                            「Kindleの本が全部消えた話」というブログエントリ(1/2/3/4)が、ネット上で「怖い」「気をつけよう」と話題になっています。幸い、現在は解決したようですが、一時は300冊以上(総額30~60万円ほど)あったKindleライブラリが全て消えてしまったといい、Amazon利用者は「こういう落とし穴がある」という点には注意しておいた方がよさそうです。 ※写真はイメージです 「kindleの本が全部消えた話」(1/2/3/4) 話題になったのは、Twitterユーザーのsatさん(@satoru_takeuchi)のブログ。最初のエントリは4月21日に投稿され、なぜKindleライブラリが消えるに至ったのか、その後Amazon側とどのようなやりとりがあったかなどを、これまで約1カ月半、全4回にわたって報告しています。幸いなことに、最終的にはAmazon側でライブラリを復旧してくれることにな

                                                                              「Kindleの本が全部消えた」 Amazonの“アカウント結合”の仕様が怖いと注目集める 日米アカウントを結合している人は気を付けて
                                                                            • 【重要なお知らせ】Kindleアプリ・端末で購入済み作品を『完全削除』できるようになりました。みんな誤操作に気をつけて

                                                                                【重要なお知らせ】Kindleアプリ・端末で購入済み作品を『完全削除』できるようになりました。みんな誤操作に気をつけて
                                                                              • RAGで厄介なExcel文書を意味構造JSON化するOSSライブラリを作りました

                                                                                はじめに こんちは!製造業で社内SE的なのやってる人です。 最近RAG分野にハマっていますが、Excel文書が厄介者すぎるということに最近気が付きました。ZennでもRAGにおいて、このExcel文書をいかに扱うかの記事は定期的に見かけます。 先人のエンジニアの方々が様々な有効打を提示してくれていますが、私も別のアプローチでこの課題に取り組んでみたので共有します🔥 TL;DR ExcelをCOM + xlwings/openpyxlで構造化する自作ライブラリ「exstruct」。セル値だけでなく図形・グラフ・ハイパーリンク・印刷範囲・セル背景色・SmartArt・罫線由来の表までJSON/YAML/TOON形式で出力。 画像認識なしでフローチャート矢印方向やグラフ軸・系列も抽出でき、RAGで失われがちな情報を補完してLLM復元精度が向上。 デモで表+折れ線グラフ+フローチャートをJSON

                                                                                  RAGで厄介なExcel文書を意味構造JSON化するOSSライブラリを作りました
                                                                                • 中国初のオープンソース・ライセンス訴訟、法廷がGPLライセンスの意義を認める|Science Portal China

                                                                                  高須 正和: 株式会社スイッチサイエンス Global Business Development/ニコ技深圳コミュニティ発起人 略歴 略歴:コミュニティ運営、事業開発、リサーチャーの3分野で活動している。中国最大のオープンソースアライアンス「開源社」唯一の国際メンバー。『ニコ技深センコミュニティ』『分解のススメ』などの発起人。MakerFaire 深セン(中国)、MakerFaire シンガポールなどの運営に携わる。現在、Maker向けツールの開発/販売をしている株式会社スイッチサイエンスや、深圳市大公坊创客基地iMakerbase,MakerNet深圳等で事業開発を行っている。著書に『プロトタイプシティ』(角川書店)『メイカーズのエコシステム』(インプレスR&D)、訳書に『ハードウェアハッカー』(技術評論社)など medium.com/@tks/takasu-profile-c50fee

                                                                                  新着記事