並び順

ブックマーク数

期間指定

  • から
  • まで

1681 - 1720 件 / 2784件

新着順 人気順

*JavaScriptの検索結果1681 - 1720 件 / 2784件

  • 単身高齢者の入居困難、20件超拒否され 年金暮らし、家賃負担重く(京都新聞) - Yahoo!ニュース

    「高齢者を紹介するのは難しい」。京都市右京区の女性(71)は、市内の不動産店が告げた一言にがくぜんとした。 【一覧表】年金や住宅に関する各政党の考え方はこちら 約40年連れ添った夫は2年前に亡くなった。持ち家で息子夫婦と暮らしていたが今年1月、家を出ることを決めた。「すぐに新居は決まるだろう」。そう考えていたが現実は違った。 片足に持病があり、エレベーター付き物件をインターネットで探し、不動産店に連絡を取った。「そこは大家さんが受け入れてくれない」「1人暮らしは何かあったら困る」-。見つけた二十数戸は高齢を理由に全て拒否された。 家賃の安い公営住宅への入居も考えた。しかし、住み慣れた地域にはなく、諦めた。物件を探して約1カ月半。ようやく知人の不動産店が紹介した1DKのアパートに入居できた。 収入は国民年金と夫の遺族年金から介護保険料が天引きされて月約14万円。6万5千円の家賃は重くのしかか

      単身高齢者の入居困難、20件超拒否され 年金暮らし、家賃負担重く(京都新聞) - Yahoo!ニュース
    • Rust + wasmでJS向けの形態素解析ライブラリを作ってnpmで公開する

      この記事はRust Advent Calendar 2021 (カレンダー1)の8日目の代打記事です。 この記事でわかること 💪wasm-pack最強💪 lindera-jsというライブラリを作った経験を通じて、既存のRust製ライブラリをnpmのパッケージにして公開するまでの手順がわかります lindera-jsはパッケージサイズの問題があるのでまだ、限られたケース(読み込みの時間が気にならないケース)でしか使えなさそう 出来上がったもの Rust製の形態素解析ライブラリであるLinderaをjavascript/typescriptから呼び出すことが出来るライブラリを作ってnpmで公開しました。 npmからインストールしたら、 import * as lindera from "lindera-js"; console.log(lindera.tokenize("関西国際空港限定ト

        Rust + wasmでJS向けの形態素解析ライブラリを作ってnpmで公開する
      • マイクロインタラクションからクリエイティブ表現まで!Tween24.jsを使った演出表現 - ICS MEDIA

        ウェブサイトのリッチな表現に欠かせないアニメーション。実装にはCSSを使ったものからJavaScriptを使ったもの、WebGLを使ったものまでありますが、今回はTween24.jsを使ったウェブ制作の場面で使える実践的表現を紹介します。 基本的な導入方法や使い方は記事『新感覚!メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました』をご覧ください。 CSSアニメーションとの違い CSSのtransitionプロパティや@keyframesを使ったアニメーションなどがあります。これらは比較的手軽にアニメーションを実装できるのがメリットです。手軽さとは引き換えに複雑なアニメーションや動的に変数が変わるようなアニメーションが苦手です。一方でJavaScriptを使った手法は、複雑なものや動的なアニメーションも実装できるメリットがありますが、CSSと比べると記述量も

          マイクロインタラクションからクリエイティブ表現まで!Tween24.jsを使った演出表現 - ICS MEDIA
        • Stable Diffusionとその系譜【開発者と読み解くAIの世界】

            Stable Diffusionとその系譜【開発者と読み解くAIの世界】
          • Roll your own JavaScript runtime | Deno

            In this post we’ll walk through creating a custom JavaScript runtime. Let’s call it runjs. Think of it as building a (much) simplified version of deno itself. A goal of this post is to create a CLI that can execute local JavaScript files, read a file, write a file, remove a file and has simplified console API. Let’s get started. Update 2022-12-04: updated the code samples to the latest version of

              Roll your own JavaScript runtime | Deno
            • ウェブサイトへ簡単にゲームのエミュレーターを埋め込める「EmulatorJS」

              「EmulatorJS」は自分のウェブサイトにエミュレーターの「RetroArch」を簡単に組み込むことができる、ウェブベースのRetroArch用フロントエンドです。EmulatorJSは主にJavaScriptを使用して開発されており、プログラム全体の91.1%がJavaScriptで構成されているのが特徴。オープンソースのGPL-3.0ライセンスの下で公開されています。 Home · EmulatorJS https://emulatorjs.org/ Introduction · EmulatorJS https://emulatorjs.org/docs EmulatorJS/EmulatorJS: A web-based frontend for RetroArch https://github.com/EmulatorJS/EmulatorJS EmulatorJSはetha

                ウェブサイトへ簡単にゲームのエミュレーターを埋め込める「EmulatorJS」
              • 新しいプログラミング言語「flux」- Rustの安全性とPythonの柔軟性を両立させる試み

                はじめに 「もっと安全に、もっと手軽に、AI/ML開発ができないだろうか?」 そんな思いから、新しいプログラミング言語 flux の開発を始めました。fluxは、Rust製のインタプリタ言語で、システムのパフォーマンスと安全性、そしてPythonの豊富なライブラリ資産を両立させることを目指しています。 この記事では、fluxを開発した背景にある思想、そのユニークな特徴、そして基本的な使い方から今後の展望までをご紹介します。 flux GitHubリポジトリ なぜ「flux」を作ったのか? - 開発の動機と哲学 現代のソフトウェア開発、特にAI/ML分野では、Pythonがデファクトスタンダードとなっています。NumPy、PyTorch、TensorFlowといった強力なライブラリ群は、研究開発に欠かせない存在です。 しかし、動的型付け言語であるPythonには、実行時までエラーが発覚しにく

                  新しいプログラミング言語「flux」- Rustの安全性とPythonの柔軟性を両立させる試み
                • TailwindCSSって何?なんで流行ってるの?|F Lab|Fixel株式会社

                  はじめに この記事はTailwindCSSが最近流行ってるけどなんで流行ってるの?という疑問をいただいた、フロントエンドエンジニア歴3年ほどの人間が調べてわかったことをまとめた記事です。以下のようなことがわかります。 TailwindCSSとは一体なんなのか? CSS設計とは違うの?Bootstrapなどとの違いは? どんな背景があって流行るようになってきているのか考察 Design Systemとの相性は? TailwindCSSとは一体なんなのか? ものすごくざっくりまとめるとユーティリティクラスの詰め合わせのライブラリと表現できるのかなと思いました。 以下のTailwindCSSの公式ドキュメントに書いてあることについて軽くまとめます。 https://tailwindcss.com/docs/utility-first まずはコードを見てみる まずTailwindを使わない普通のH

                    TailwindCSSって何?なんで流行ってるの?|F Lab|Fixel株式会社
                  • mkcertを利用してローカルのNext.js開発環境にHTTPSアクセスができるようにしてみた | DevelopersIO

                    こんにちは!DA(データアナリティクス)事業本部 サービスソリューション部の大高です。 Next.jsのアプリケーション開発をしている際に、HTTPSでアクセスしたいことはないでしょうか?私はあります。 ということで、mkcertを利用してローカルのNext.js開発環境にHTTPSアクセスができるようにしてみました。 前提 OS環境としては、MacOSで検証を行っています。 mkcert について mkcertはローカル開発環境に信頼された証明書を作成できるツールです。 今回はこちらを利用して証明書を発行してみます。 インストール インストールはMacOSの場合brewコマンドで簡単にインストールすることができます。なお、MacOS以外についてもREADMEにインストール方法が記載されています。 % brew install mkcert ==> Fetching mkcert ==>

                      mkcertを利用してローカルのNext.js開発環境にHTTPSアクセスができるようにしてみた | DevelopersIO
                    • Next.jsでクエリパラメータを楽に扱おう nuqsを紹介!

                      Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →

                        Next.jsでクエリパラメータを楽に扱おう nuqsを紹介!
                      • Rails 7 で React & TypeScript を導入する方法(tsx, esbuild, jsbundling-rails) - LEFログ

                        ※この記事では「新しくRails 7 アプリを作成するときのこと」を想定していますが、Rails 6を7に上げるときにもそれなりに役立つ情報だと思います! 結論 rails newのときにesbuildを指定してあげれば、あとはJavaScriptファイルや.jsxファイルを、.tsxにしてあげるだけでOK。 型チェックや構文チェックを導入するには少し注意が必要。 概要 現在、Rails 7を使ってフロントエンドを構築する方法には、大きく分けて3種類あります。 importmapsを使って、素のJavaScriptを使ってフロントエンドを作る esbuildを使って、JSXファイルを使ってフロントエンドを作る Rails 7をAPIモードにして、フロントエンドはNextjsで作る 自分はこの2番めの「esbuildを使ってフロントエンドを作る」を選択しました。理由は、Railsのslim上

                          Rails 7 で React & TypeScript を導入する方法(tsx, esbuild, jsbundling-rails) - LEFログ
                        • ChatGPT向けライブラリ、LangChainを格段に使いやすくするtips

                          LangChainの用意しているプロンプトやラッパーは英語以外を意識していないことが多く、特に検索系のtoolがUSのサイトを引っ張ってくるということが多々ある。 こういったケースはtoken数に制限のあるChatGPT APIにとっては大きな問題になってくる。USのサイトが検索上位にかかってくることで得られる情報が減る上に、これを解消するために検索数を増やせばそれだけtoken数を消費するためである。当然だがtoken数の上限を超えればエラーを吐いて異常終了する。 こういった問題の多くは、LangChainのライブラリが用意しているクラスをそのまま使うことによって発生している。 またLangChainはagentの定義を行うだけで簡単に基本的な機能が使えてしまうため、agentがどのようなロジックで動いているのか理解しにくい。 本記事はLangChainを少しだけ掘り下げて、これらの問題

                            ChatGPT向けライブラリ、LangChainを格段に使いやすくするtips
                          • Next.js Conf 2024 全部聞いてみた

                            こんにちは、絶賛スウェーデンに留学中のきたぴーと申します!今回は Next.js Conf 2024 をリアタイ視聴して内容を大まかにまとめてみたので記事にして共有してみようと思います! 聞いてみようと思った背景 個人開発でもインターンでもハッカソンでも、自分はいつでも Next.js にお世話になっているので最新機能や、Next.js 開発チームの思想を直接聞くことで視座を少しでも近づけたいと思ったのがきっかけです。タイムテーブルを見ると、「サーバコンポーネントで向上する UX」のような Next.js の機能について扱うものから、Perplexity や PayPal での導入事例のような応用例まで取り上げられていた、かつ Vercel が公式でピックアップしたものなので情報の密度も濃いものだろうと、非常に興味が湧きました。あとは時間の都合も良く、日本だったら深夜の 1:30 スタート

                              Next.js Conf 2024 全部聞いてみた
                            • Pythonから利用できるRust製超高速データ分析ライブラリPolarsの実力

                              Pythonから利用できるRust製超高速データ分析ライブラリPolarsの実力:Rustで始めるWebアプリケーション(終) RustでWebアプリケーションを開発する際に基礎となる要素技術からRustの応用まで、Rustに関するあれこれを解説する本連載。第3回は、Rust製の高速データ分析ライブラリであるPolarsの速度を簡易的に検証し、考察する。 paizaでWebエンジニアをやっています藤田と申します。前回の連載では、RustでWebアプリの基礎となるセッション管理と、SNSのAPIサーバを構築するための実装概略、Rustの強力な型システムによるサーバサイドアプリケーションの記述性について示しました。 今回は、趣向を変えてRust製の高速データ分析ライブラリである「Polars」を利用し、その速度を簡易的に検証、考察します。今回のプロジェクトもGitHubのサンプルリポジトリを用

                                Pythonから利用できるRust製超高速データ分析ライブラリPolarsの実力
                              • Codable Model Optimizer: 最適化問題を気軽に解くためのPythonフレームワーク

                                はじめに この記事では、当社内で開発した最適化フレームワークである「 Codable Model Optimizer 」について紹介します。 リクルートでは、機械学習のビジネス活用に長く取り組んできましたが、機械学習によって将来の予測が正確にできたとしても、その予測を元に良い選択を決定できなければならない問題に直面することが増えてきています。 例えば、商品に対する購入率が予測できたとしても、購入率の高い商品をたくさん表出させれば良いというわけではなく、実際には商品の在庫などを考慮してどのように表出させるのか意思決定する必要があります。 膨大な選択肢からより良い選択を見つけ出す問題を"最適化問題"とよび、様々な解法があります。解法としては、数理最適化(主に厳密な最適解を見つけるのに使われる)やメタヒューリスティクス(厳密最適解ではないが、大規模な問題において良い解を見つけるのに使われる)など

                                  Codable Model Optimizer: 最適化問題を気軽に解くためのPythonフレームワーク
                                • 【2024初頭】新規開発で使ってみたいモダンフロントエンド最前線

                                  TL;DR 弊社で実験的に導入を始めている、2024初頭時点で今後に期待が高まる最新のweb技術についてまとめています。 新規プロダクトの技術選定に迷っている方などにおすすめです。 Turborepo - Monorepo管理 モノレポ構成における懸念点の一つとして、プロダクトが大きくなるにつれてビルド時間が膨大になって来る点です。 TurborepoはRust製、並列化、差分ビルド、Remote Cashingなど、肥大化しがちなmonorepoのビルド時間を短縮するメソッドがたくさん詰まっています。 Bun - Package manager (runtime, test tool) 正確にはBunはランタイムですが、Nextなど厳密にはNode.jsで動かす必要があるため、弊社では(ほぼ)パッケージマネジャーとして活用しています。 pnpmやyarnと比較してnpm installな

                                    【2024初頭】新規開発で使ってみたいモダンフロントエンド最前線
                                  • Web アプリ共通ライブラリ "React Shared Component" の紹介 | Wantedly Engineering Handbook

                                    Wantedly のフロントエンドは React で書かれており、フロントエンドコードは複数のリポジトリに分かれています。 元々は一つのモノリシックなリポジトリでフロントエンドも管理していましたが、新規で作成するページの大部分は新しいリポジトリで書かれています。 そして、この新しいフロントエンドのリポジトリも、企業側管理画面、ユーザー側画面とで分かれています。 一方で、ヘッダーやサイドバー、フッターなどといったナビゲーションなど、リポジトリ間で共通の UI があります。 実装が重複しないよう、それらを Wantedly 共通の React コンポーネントライブラリに切り出しています。 以下は実例です。これらのページは異なるリポジトリで実装されてます。 一方、青色で囲われたヘッダーは共通なので、ライブラリの中で実装され、それを各リポジトリで呼び出しています。

                                      Web アプリ共通ライブラリ "React Shared Component" の紹介 | Wantedly Engineering Handbook
                                    • shadcnを理解する

                                      ※shadcnさんの経歴などの話はしないです。 shadcn/uiは従来のUIライブラリとは一線を画した設計思想で構築されています。Radix UIのアクセシブルなプリミティブとTailwind CSSのユーティリティを活用した再利用可能なUIコンポーネント群です しかしこれは単なるパッケージ化された「コンポーネントライブラリ」ではなく、プロジェクトにコードをコピーして組み込む形式を採っています。おっと、コンポーネントライブラリとかRadix UIとかなんぞやと思った方、解説もあるのでちょっと待ってください。 ※Tailwind CSSの解説は省きます。 本記事では、shadcn背後にある設計哲学に焦点を当て、Buttonなど基本コンポーネントの内部構造や、CVA(Class Variance Authority)によるクラス管理、Tailwind CSSとの統合方法、Radix UIとの

                                        shadcnを理解する
                                      • 漢は黙ってjQuery

                                        TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs

                                          漢は黙ってjQuery
                                        • .tsファイルを直接実行するのにtsxで特に困っていない | lacolaco's marginalia

                                          2024-07-10 (Updated at: 2025-06-11) .tsファイルを直接実行するのにtsxで特に困っていない Node.js 本体で TypeScript ファイルを実行できるようにするプロポーザルが出されているという話が先週あたりから話題になっている。しかしそれほど嬉しいかといわれると、正直いらんなあと思っている。 TypeScriptで簡単なスクリプトを書くときは、長らくtsxを使って実行している。tsxを使い始めるより前は ts-node を使っていたが、tsxを使ってからは何の不満もなく使い続けている。 tsxは内部的にはesbuildでTypeScriptをトランスパイルしていて、型チェックは行わない。tsxのありがたい点は、すべての node コマンドのオプションを tsx コマンドでサポートしていることだ。単純にコマンドを置き換えるだけでいいので、何も新し

                                            .tsファイルを直接実行するのにtsxで特に困っていない | lacolaco's marginalia
                                          • GitHub - extension-js/extension.js: The cross-browser extension framework.

                                            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 - extension-js/extension.js: The cross-browser extension framework.
                                            • GitHub - isletennos/MMVC_Trainer: AIを使ったリアルタイムボイスチェンジャー(Trainer)

                                              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 - isletennos/MMVC_Trainer: AIを使ったリアルタイムボイスチェンジャー(Trainer)
                                              • Reactに有利なベンチマークを Vue.js で試したところ大差なく、そして…

                                                みなさんこんにちは。 現在、フロントエンドでは宣言的UIが大流行しており、そのためのフレームワークも Vue.js をはじめ複数存在しています。 (React はフレームワークではなくライブラリです) 同種のソフトウェアや言語があれば、自分の好みを巡って意見を出し合うのはエンジニアの常でして。 それがパフォーマンスに関することであれば、無関心ではいられなかったりするわけです。 とはいえ Evan You もいうように特定のフレームワークやライブラリが現実世界のパフォーマンスの問題を銀の弾丸のように解決できるわけではありません。 フレームワークの開発者が数10ミリ秒単位でパフォーマンス改善に勤しむなか、利用する企業が(数100ミリ秒要するような)広告会社のスクリプトを迷いなく追加したりするのですから。 それでも僕たちは、パフォーマンスの話題をせずにはいられません。 だって、それがエンジニアで

                                                  Reactに有利なベンチマークを Vue.js で試したところ大差なく、そして…
                                                • はじめに|サクッと始めるウェブアプリ開発【Next.js / TypeScript】

                                                    はじめに|サクッと始めるウェブアプリ開発【Next.js / TypeScript】
                                                  • EmacsでTypeScript/React開発する2023 - たごもりすメモ

                                                    世間に死ぬほど色々な方法があるのはわかっているがとにかくまっさらな状態から最短手順でEmacsでJSX/TSXが書けるようになりたい! という話。VSCodeとかそういう話には目を背ける。 tsxファイルはweb-modeで起動するようにすればシンタックスハイライトとインデントはうまくいくので、あとはlspを起動するようにすれば快適です!— つかもとたけし (@itometeam) 2023年1月23日 自分で調べつつ試行錯誤したんだけど、最終的にはこのtweetで教えてもらった通りになった。メジャーモードとしてweb-modeを使いつつflycheckとLSPで開発支援。 macOSにインストールしたEmacs*1、およびMELPAにあるパッケージだけで、以下のようになった。 (require 'web-mode) (add-to-list 'auto-mode-alist '("\\.

                                                      EmacsでTypeScript/React開発する2023 - たごもりすメモ
                                                    • Next.jsのウェブアプリをサーバーサイドAPI部分も含めてデスクトップアプリとしてElectron内で動くようにtRPCで頑張る - Qiita

                                                      最近、Next.js/Vercelでちょっとしたウェブアプリケーションのツールを個人的に作っているのですが、これをデスクトップアプリケーションとしても動かしたいなと思うようになりました。私のようなふだんウェブばかりやってる人間にとっては、デスクトップアプリは憧れなのです。 このアプリケーションは、ブラウザ側で動く部分と、サーバー側(Vercel)上のNode環境で動く部分とに分かれているわけですが、Webの技術でクロスプラットフォームなデスクトップアプリケーションを作れるElectron上でもこれの全体が動くように頑張っていきたいと思います。ここでやりたいのは、ブラウザ部分だけをElectronに乗せてそのデスクトップアプリからVercel上にデプロイされたWeb APIを叩くということではなくて、あくまでWeb APIがやっているのと同等の処理をデスクトップアプリケーション内でローカルに

                                                        Next.jsのウェブアプリをサーバーサイドAPI部分も含めてデスクトップアプリとしてElectron内で動くようにtRPCで頑張る - Qiita
                                                      • ChatGPTで「jQueryでAPIを呼びだし、その結果を表示するサンプルプログラムを書いてください」と指示したら、脆弱性のあるサンプルが出てきた話

                                                        徳丸 浩 @ockeghem 徳丸本の中の人 EGセキュアソリューションズCTO YouTubeチャンネル: youtube.com/@websecstudy 匿名での徳丸への質問はMondから mond.how/ja/ockeghem DMはどなたでも送信可能ですが、返信するとは限りません blog.tokumaru.org 徳丸 浩 @ockeghem ChatGPT o1-previewで「jQueryでAPIを呼びだし、その結果を表示するサンプルプログラムを書いてください」と指示したら、相変わらずXSS脆弱性のあるサンプルが出できた pic.x.com/orvsbd90fy 2024-09-14 16:40:30

                                                          ChatGPTで「jQueryでAPIを呼びだし、その結果を表示するサンプルプログラムを書いてください」と指示したら、脆弱性のあるサンプルが出てきた話
                                                        • GitHub - marpple/FxTS: A functional programming library for TypeScript/JavaScript

                                                          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 - marpple/FxTS: A functional programming library for TypeScript/JavaScript
                                                          • Deno 2.0リリース ―大規模プロダクトにも対応可能なJavaScript環境へ | gihyo.jp

                                                            Deno Land Inc.は2024年10月9日、同社が開発するJavaScript/TypeScriptランタイム環境Denoの新バージョンDeno 2.0のリリースをアナウンスした。 Announcing Deno 2 4 years after Deno 1.0, the next generation of JavaScript is ready for production at scale. Deno 2 is out today: 🐢 Fully backwards compatible with Node and npm 📦 Package management and node_modules and package.json 📅 Long term supporthttps://t.co/LsV4D4Too8 pic.twitter.com/F6EI3whmX8

                                                              Deno 2.0リリース ―大規模プロダクトにも対応可能なJavaScript環境へ | gihyo.jp
                                                            • 大規模言語モデルの出力スピードを最大24倍に高めるライブラリ「vLLM」が登場、メモリ効率を高める新たな仕組み「PagedAttention」とは?

                                                              大規模言語モデルを利用する際には、モデルそのものだけでなく、モデルを扱うためのライブラリが必要になってきます。多くの場合Transformersというライブラリが使用されていますが、「PagedAttention」という仕組みを導入した新たなライブラリ「vLLM」を利用することでスループットを最大24倍に向上できることが大規模言語モデルの研究チームによって発表されました。 vLLM: Easy, Fast, and Cheap LLM Serving with PagedAttention https://vllm.ai/ 大規模言語モデルを操作するためのライブラリにはHugging FaceのTransformers(HF)や実稼働環境向けのText Generation Inference(TGI)が存在しています。今回登場したvLLMはこの一角に加わった形。 以下の図は、NVIDIA

                                                                大規模言語モデルの出力スピードを最大24倍に高めるライブラリ「vLLM」が登場、メモリ効率を高める新たな仕組み「PagedAttention」とは?
                                                              • 三井住友信託銀行、正社員7割DX人材に 30億円で学び直し - 日本経済新聞

                                                                三井住友信託銀行は正社員の7割にあたる6500人を、システム導入などを指揮できるDX(デジタルトランスフォーメーション)人材に育てる。リスキリング(学び直し)に3年で30億円を投じ、新たなサービスの開発や業務の効率化につなげる。フィンテックとの競争が激しくなり、リスキリングの巧拙がデジタル時代の浮沈を左右する。正社員の大半を外部のシステム会社と直接やり取りできるDX人材に育てるのは、大手銀の取

                                                                  三井住友信託銀行、正社員7割DX人材に 30億円で学び直し - 日本経済新聞
                                                                • 多要素認証におけるワンタイムパスワードの入力欄 | Accessible & Usable

                                                                  公開日 : 2022年10月17日 カテゴリー : アクセシビリティ / ユーザビリティ 各種サービスへのログイン、インターネットバンキングなどの取引実行前の本人確認、といったシチュエーションで、多要素認証としてワンタイムパスワード (†) の入力が求められることが珍しくなくなってきました。従来の認証方法であるユーザー ID とパスワードの組み合わせに加えて、都度、動的に生成される一定の桁数の数字の並びをユーザーに入力させることで、セキュリティをより強固なものにしています。 † ワンタイムパスコード、確認コード、認証コード、などと呼ばれることもあります。 ところで、このワンタイムパスワードの入力欄の実装には、<input type="password"> が用いられているケースを時折見かけます (個人的な感覚としては、インターネットバンキングでこのような実装が比較的多く見られる印象です)。

                                                                    多要素認証におけるワンタイムパスワードの入力欄 | Accessible & Usable
                                                                  • JollyUI

                                                                    shadcn cli supportshadcn cli supportJollyUIshadcn/ui compatible react aria components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

                                                                      JollyUI
                                                                    • package.jsonのdependenciesをアップデートする技術

                                                                      デザインエンジニアの安田(@_yuheiy)です。 プレイドの多くのシステムでは、サーバーサイドの実行環境としてNode.jsを採用しています。そのため、サーバーサイドもクライアントサイドもまとめてnpmを使って依存パッケージ(dependencies)を管理している場合がほとんどです。 システムのメンテナンスにおいては、このような依存パッケージのバージョンを継続的にアップデートし続けることが重要です。そこで今回は、社内向けに実施した、依存パッケージのバージョンアップをテーマにした発表を一部再編集してご紹介します。 なぜ依存パッケージのアップデートが必要か 筆者が所属するDeveloper Experience & Performanceチーム(通称: DXチーム)では、その活動の一つとして、さまざまなシステムの依存パッケージのバージョンをアップデートして回るような作業をする機会がよくあり

                                                                        package.jsonのdependenciesをアップデートする技術
                                                                      • Vue2系からVue3系に移行しました〜! - Link and Motivation Developers' Blog

                                                                        こんにちは!リンクアンドモチベーションでフロントエンドの開発をしています。岡田(@okadaike)です。 本日は弊社プロダクトのストレッチクラウドのVueのversionを2系から3系にmigrationしたので、そのご報告になります!! 今回はプロダクトチームの中で色々と試行錯誤して進めました!ストレッチクラウドはSPAが3つあるような構成になっており、今回はそのうちの一つを移行しました!。 最後に残りの2つの移行計画もまとめようと思います! Vue2は2023年末にEOLを迎えるのでこれからどんどん移行していくことになると思いますが誰かの役にたてればなと思います! ※余談ですが先日Vue.js v-tokyo meetup#16に参加してきました。その中で世界のアクティブVueユーザーの内6~7割はVue2を利用していると伺いました。 今年のこれからはVueのmigration祭りに

                                                                          Vue2系からVue3系に移行しました〜! - Link and Motivation Developers' Blog
                                                                        • Rubyの型システム勉強会を開催した

                                                                          Leaner 開発チームの黒曜(@kokuyouwind)です。 週末のゾンビランドサガLIVEを楽しみに今週を生き抜いています。 Rubyの型システム勉強会 実施背景 先日のRubyKaigi Takeout 2021で機運が盛り上がったこともあり、社内で Ruby の型システムを活用していきたいよねという話が出てきました。 前回書いた記事 で RBS Collection を試したのも、実際の使用感を見てみたかったという部分があります。 一方で Ruby の型システムはシグニチャ定義を別ファイルにする必要があったり、検証用のツールが複数合ったりと独特で、そもそも全体像をつかめていないというメンバーも複数人いました。 このあたりは自分の興味分野で RubyKaigi のセッションを追いかけていたこともあり、社内で勉強会を開いて下地を固めよう、ということになりました。 勉強会で使用したアジ

                                                                            Rubyの型システム勉強会を開催した
                                                                          • これで簡単に実装できる! カードやパネルをドラッグアンドドロップで移動できるレイアウトに変換するスクリプト -Swapy

                                                                            数行のコードを記述するだけで、カードやパネルをドラッグアンドドロップで移動できるレイアウトに変換するJavaScriptを紹介します。 他のフレームワークやライブラリへの依存はありません。また、ReactやVueやSvelteなどと一緒に使用することもできます。 Swapy Swapy -GitHub Swapyの特徴 Swapyのデモ Swapyの使い方 Swapyの特徴 Swapyは、フレームワークやライブラリに依存することなく、わずか数行のコードであらゆるレイアウトをドラッグして移動できるレイアウトに変換するためのJavaScriptツールです。 MITライセンスで、個人でも商用でも無料で利用できます。

                                                                              これで簡単に実装できる! カードやパネルをドラッグアンドドロップで移動できるレイアウトに変換するスクリプト -Swapy
                                                                            • Github Actionsで簡単にPuppeteerを使えるaction-puppeteer-scriptを作りました - The Third Law

                                                                              maku693です。 Github ActionsでPuppeteerを簡単に使えるCustom Actionを作りました。 github.com 最近Github Actions上でブラウザを動かしたくなったのですが、いちいち実行環境を整えるのも面倒なので、サクッとできないものかと調べたところ、意外とPuppeteerをそのまま使えるactionというのは存在しないようだったので、自分で作りました。 使い方はREADMEに書いてありますが、ここでも軽く紹介します。 以下のjobでは、ページのタイトルを取ってきて、それを後続のstepで利用しています。 - id: get-title uses: maku693/action-puppeteer-script@v0 with: script: | const page = await browser.newPage(); await pag

                                                                                Github Actionsで簡単にPuppeteerを使えるaction-puppeteer-scriptを作りました - The Third Law
                                                                              • spaCyとGiNZAを使った日本語自然言語処理 - Qiita

                                                                                はじめに 本記事では、spaCyとGiNZAを使った日本語の自然言語処理の手順を紹介します。 コードの部分ではspaCyのクラスがわかるように示していますので、ぜひ公式ドキュメントも参照ください。 想定する読者 以下の人を想定して書いてます。 日本語の自然言語処理に興味がある人(※自然言語処理に関する知識は必要ないです。) Pythonのソースコードが読める人 使用するライブラリ 今回はspaCyとGiNZAという2つのライブラリを使用します。 spaCyとは spaCyは高度な自然言語処理を行うためのライブラリです。 自然言語処理では対象とする言語(日本語や英語)によって必要な処理や複雑度が変わるのですが、spaCyは多言語対応を意識して設計・開発されており、そのアーキテクチャから学べることも多く非常に良くできたライブラリです。 spaCyでは訓練済みのモデルを読み込むことで多言語の自然

                                                                                  spaCyとGiNZAを使った日本語自然言語処理 - Qiita
                                                                                • ChatGPT上でコードを実行してデータ分析やグラフ化が可能な「コードインタプリタ」機能が追加、「誰でもデータアナリストになれる」時代の到来か

                                                                                  2023年7月上旬に、ChatGPT上でコードを実行したりアップロードしたファイルにアクセスしたりできる新機能「コードインタプリタ」が、ChatGPTの有料版であるChatGPT Plusのユーザー向けに展開されました。コードインタプリタを使用することで、コーディングの知識が少ない人でもデータを分析したり視覚的なチャートを作成したりできるようになり、「誰でもデータアナリストになれる」と評価されています。 ChatGPT — Release Notes | OpenAI Help Center https://help.openai.com/en/articles/6825453-chatgpt-release-notes Code Interpreter comes to all ChatGPT Plus users — 'anyone can be a data analyst now'

                                                                                    ChatGPT上でコードを実行してデータ分析やグラフ化が可能な「コードインタプリタ」機能が追加、「誰でもデータアナリストになれる」時代の到来か

                                                                                  新着記事