検索対象

並び順

ブックマーク数

期間指定

  • から
  • まで
javascriptに関するエントリは155282件あります。 開発JavaScriptweb などが関連タグです。 最新エントリには 『Deno のめっちゃ難しいバグを修正した - Qiita』などがあります。

javascriptの検索結果(絞り込み: 3 users 以上)155282 件中 1 - 40 件目

  • Deno のめっちゃ難しいバグを修正した - Qiita

    2022年4月、Deno に以下のバグが報告されました。 fetch API を使って 300KB ぐらいあるファイルをアップロードすると、一定確率でアップロードされたファイルが壊れるというバグの報告です。 報告者によれば、1.20.6 まではバグは発生しておらず、1.21.0 から発生するようになったという事です。1.20.6 の次のリリースが 1.21.0 なので、パッチバージョン1個分まで、バグの発生時期が特定されている状態です。 fetch 周りは自分はほぼ実装していないので「担当範囲ではない」感覚だったので、普通にスルーしていました。 自分に限らず、Deno Land コアチームの誰もこの issue にピンと来る人が居なかったようで、stale ボット (数ヶ月進捗の無い issue を自動的にクローズしようとするボット) に2回もクローズされかけていました。Deno の st

    Deno のめっちゃ難しいバグを修正した - Qiita
    • 変数の名前付けはしっかりと意味のあるものにしろって本に書いてあるけど

      for文の回す変数でもしっかりと書いたほうがいいの? for(i=0 ; i<5; i++)とかしょっちゅうかいてるんだけど

      変数の名前付けはしっかりと意味のあるものにしろって本に書いてあるけど
      • .NET 7ではWebAssembly製.NETランタイムを単独で利用可能にし、WebブラウザやNode.jsなどでJavaScriptから.NETを簡単に呼び出せるように

        .NET 7ではWebAssembly製.NETランタイムを単独で利用可能にし、WebブラウザやNode.jsなどでJavaScriptから.NETを簡単に呼び出せるように マイクロソフトはWebブラウザ上でC#などで書かれた.NETのWebアプリケーションを実行できる「Blazor WebAssembly」を2020年5月にリリースしています。 Blazor WebAssemblyは、WebAssembly製の.NETランタイムを用いることでWebブラウザ上で.NETアプリケーションの実行を可能にしています。 参考:[速報」Blazor WebAssemblyが正式リリース。C#/.NETでWebアプリケーションを開発可能に。Microsoft Build 2020 今年の11月に正式リリースが予定されている「.NET 7」では、このWebAssembly製.NETランタイムを単独で使え

        .NET 7ではWebAssembly製.NETランタイムを単独で利用可能にし、WebブラウザやNode.jsなどでJavaScriptから.NETを簡単に呼び出せるように
        • input[type=number] のステートを安易に number 型にしない - fsubal

          #フロントエンド #TypeScript #React TL;DR input[type=number] には空文字とかも入力できるので、string 型で状態管理をしないと意図しない動きをすることがある ステートの型を縛るより input の value に渡るまでの実装を工夫する方が良い --- input[type=number] のステートを number 型にするとだいたい後悔する フォームで const [value, setValue] = useState<number>(0) を見かけたら警戒する value を更新する際にnumber にキャストして setState をする実装はおかしな挙動を生む 文字を全部消したらなぜか勝手に 0 が入力されてた、というのはこれによって生じる この 0 は消せないので、値を修正しようとしたら頭に変な 0 がついてきたとかが起こる こ

          input[type=number] のステートを安易に number 型にしない - fsubal
          • Building secure web apps using Web Workers

            Security is paramount for our users, and we at mercari strive to provide a snappy and safe platform. We recently introduced an additional layer of defence by adding Web Workers to secure the access token. It now protects the users from various kinds of attacks, including token theft from Cross Site Scripting (XSS), Cross Site Request Forgery (CSRF), prototype pollution, zero-day npm package vulner

            Building secure web apps using Web Workers
            • Reactパフォーマンス最適化まとめ - Qiita

              はじめに 自分は2021年に新卒でWeb系の開発会社にフロントエンジニアとして入社し2022年で2年目になります。 実務ではReact×TypeScriptを利用したフロント周りの開発をメインで行なっています。 今回は、現場で経験したReactアプリのパフォーマンス最適化についてまとめていきます。 この記事の対象者 Reactの初心者から中級者 Reactのパフォーマンス最適化について学びたい人 この記事の目標 Reactのレンダリングの仕組みを理解する Reactのパフォーマンス最適化の方法を知る React.memo, useCallback, useMemoについて理解する おことわり React.memo, useCallback, useMemoを使うコストについての詳しい解説 パフォーマンスの数値的な計測は行いません 上記の2点に関しては参考記事を該当箇所で貼ります。 Reac

              Reactパフォーマンス最適化まとめ - Qiita
              • 【TypeScript】Deno で匿名掲示板を作ろう! with upstash & supabase その 1 (環境構築と、簡単なアプリケーション) - 虎の穴開発室ブログ

                皆さんこんにちは、「ぼっち・ざ・ろっく」の PV にやられました。期待しか有りません。 おっくんです。 今回の投稿から、「Deno で掲示板サイトを作ろう! with upstash & supabase」 と題して、数回に分けて必要な要素を分解しながら、実際に匿名掲示板のリリースを進めていきます。 最初に計画 この連載では、次のような副題を掲げて段階を踏みながら、最後は匿名掲示板を実際にデプロイすることを目標にします。 環境構築と、簡単なアプリケーション(☆ 今回 ☆) 機能の実装とテスト デプロイと自動化 Upstash の導入 調整と公開 作成するもの タイトルで出していますが、この連載では Deno で匿名掲示板を作ります。 紹介したいサービスを使うことと、なるべくメンテナンスフリーにすることを目的として以下の機能を盛り込んでいく予定です。 いわゆる匿名掲示板を作ります 閲覧は自由

                【TypeScript】Deno で匿名掲示板を作ろう! with upstash & supabase その 1 (環境構築と、簡単なアプリケーション) - 虎の穴開発室ブログ
                • 今も開発が継続しているオープンソースのWikiソフトウェアは何があるか - YAMDAS現更新履歴

                  少し前に仕事場のローカルに立てている、今や主力でなくなったウェブサーバに久しぶりにアクセスしたら、Wiki が PukiWiki なのに懐かしくなってこれまた久しぶりに公式サイトを見てみた。すると、今年バージョン1.5.4がリリースされており、開発は継続しているのに少し感動した。 かつてはそれこそ雨後の筍のごとく開発されていた Wiki ソフトウェア(エンジン、クローン)だが、Wiki が広義の開発環境の一つに統合されているのもあり、単体のソフトウェアとして今も開発が続いているところはだいぶ少なくなった印象がある。 果たして今も開発が継続しているオープンソースの Wiki ソフトウェアに何があるか、ざっと調べてみた。 具体的には、Wikipedia の Comparison of wiki software に名前があるもので(それくらいの知名度があり)、オープンソース、なおかつ安定最新版

                  今も開発が継続しているオープンソースのWikiソフトウェアは何があるか - YAMDAS現更新履歴
                  • フロント開発をするときにブックマークしておくと役立ちそうなオンラインツールまとめ - Qiita

                    概要 フロント開発をするとき、レイアウトやアニメーション、その他CSS等の生成をしてくれるWebツールのまとめです。 使いやすそうなツールがあれば追記していく予定です。 ドキュメント類 何はともあれドキュメントは読む癖をつけて、正しい使い方ができるようになるのが良いでしょうということで mdn (Mozilla Developer Network の略) ウェブ標準ドキュメント 個人ブログやQiita内で「こう使うといい!」って書いてあってもその内容自体が間違っている可能性もあるので、より正確な情報を得るにはmdnを参照する Can I use ブラウザごとにCSSやjsの標準関数等が使用可能かどうか一覧表示してくれる ジェネレーター系 CSS Grid Generator Gridを使ったレイアウトをGUIで作り、コード生成できる そのレイアウトをもとにCodePenやCodeSandb

                    フロント開発をするときにブックマークしておくと役立ちそうなオンラインツールまとめ - Qiita
                    • Ten Years of TypeScript

                      Today is TypeScript’s birthday! But this birthday is a special one – 10 years ago today, on October 1st, 2012, TypeScript was unveiled publicly for the first time. The Early Days When TypeScript first debuted, there was a lot of skepticism – and understandably so. To some JavaScript users, a team trying to bring static types to JavaScript might have sounded like an evil plot or a joke. But the fea

                      Ten Years of TypeScript
                      • 【必見】これから学ぶべきTypeScriptフレームワーク 4選

                        はじめに 今回の記事では、私の独断と偏見でこれから学ぶべきTypeScriptフレームワークを4つ徹底解説する。今回の記事を参考に、TypeScriptを深く学ぶことにつながれば幸いである。TypeScriptが使われているフレームワークは数多く存在するので、何から手を付ければいいのかわからない人も少なくないだろう。もしこの記事を読んでいるプログラマーがTypeScriptのフレームワークを選んでいるのに悩んでいたら、今回の記事は参考になるはずだ。 あくまで個人の一見解に過ぎないが、参考になれば幸いである。 これから学ぶべきTypeScriptフレームワーク Next.js Nuxt3 NestJS SolidJS それぞれ順番に解説する。 1.Next.js Next.jsはReactベースで開発されたTypeScriptフレームワークである。最大の特徴は、URLルーティングと呼ばれるリ

                        【必見】これから学ぶべきTypeScriptフレームワーク 4選
                        • XMLHttpRequest とはなんだったのか | blog.jxck.io

                          Intro Fetch API の実装が広まり、 IE もリタイアを迎えたことで、今後忘れ去られていくことになるだろう XMLHttpRequest について。 どのように始まり、どのように広まり、どのように使われなくなっていくのか。その間に残した多大な功績を残す。 XMLHttpRequest の始まり この名前は非常に長いため、通常 XHR と略される。 この API は、現在の Web API のように W3C/WHATWG による標準化を経て策定された API ではない。 Microsoft によるいわゆる独自実装の API として始まり、後追いで標準化される。 したがって、 Web API の中でもかなり異質な命名である XHR が、 XmlHttpRequest でも XMLHTTPRequest でもなく XMLHttpRequest である理由も、 Microsoft の命

                          XMLHttpRequest とはなんだったのか | blog.jxck.io
                          • jQuery、今までありがとう

                            こんにちは。これまでお世話になったjQueryですが、そろそろ本当に別れを告げる時が来ているかと思います。(巷ではjQueryはオワコン、jQueryは終わった、脱jQueryとも言われていますね) なぜ必要無くなったのかにはいくつか理由があります。それらについてと、jQueryから移行する先やその方法について書いていきます。 10/4追記 jQueryからVanilla JSに移行する際の手助けになるような情報をまとめた本をzennさんで出しました。ぜひお買い求めください。 【徹底解説】JavaScriptをどこまで学べば良いかの学習ロードマップ + 頻出UIパーツの作り方8選Web制作の領域を独学する上で「HTML/CSSはやったけど、これから何をどこまで学習したらいいか分からない」という疑問は、多くの方が持っているように思います。 技術的に次に学ぶべきはJavaScriptだと思いま

                            jQuery、今までありがとう
                            • Optimize long tasks

                              If you read lots of stuff about web performance, the advice for keeping your JavaScript apps fast tends to involve some of these tidbits: "Don't block the main thread." "Break up your long tasks." What does any of that mean? Shipping less JavaScript is good, but does that automatically equate to snappier user interfaces throughout the page lifecycle? Maybe, but maybe not. To get your head around w

                              Optimize long tasks
                              • そろそろオープンデータを無秩序に管理するのは卒業したいので📦データを管理するパッケージマネージャを開発した【ツール開発】 - Qiita

                                今回はdim(オープンデータパッケージマネージャ) v1.0のリリースに伴って開発したツールの紹介をしたいと思います。 オープンデータもパッケージマネージャ(apt、npm、gem、pipなど)と同じようにnpm install xxxxxのような形でオープンデータをインストールして管理すると良いのではないかという話です。 以前のバージョンに関しては以下の記事で紹介 【個人開発】パッケージマネージャーの考えを流用してオープンデータ管理ツールを作ってみた話 以前の記事を読んでいてv1.0からの変更点に関して読みたい方 dim v1.0 変更点 オープンデータを無秩序に管理するのはやめたい ソフトウェアやライブラリの管理は世の中様々な体系化された方法が確立されつつあります。ソフトウェアであればaptやbrewなど、ライブラリであれば言語ごとにnpmやgemなどが存在します。しかし、データに関し

                                そろそろオープンデータを無秩序に管理するのは卒業したいので📦データを管理するパッケージマネージャを開発した【ツール開発】 - Qiita
                                • Scala(スカラ)とは?言語の特徴や開発手法、JavaScriptとの違いや共通点について解説! - システム開発のプロが発注成功を手助けする【発注ラウンジ】

                                  近年、アメリカのIT企業での導入数が増加傾向にあるプログラミング言語の1つが「Scala(スカラ)」です。JavaScriptとの互換性が良く、その使い勝手の良さで人気を集めています。今後、日本でも導入が増える可能性が高く、すぐにでも勉強したいと思っているエンジニアも多いでしょう。 今回は、Scalaの特徴や開発手法を解説するとともに、JavaScriptとの比較についても触れていきます。Scalaを使ったシステム開発を考えている方は必見の内容です。 目次 Scala(スカラ)とは Scalaは、2001年にスイス連邦工科大学のマーティン・オーダスキー教授によって開発され、2004年にリリースされたプログラミング言語です。プログラミング言語として定着しているJavaScriptが登場したのが1995年であり、Scalaは比較的新しい言語といえます。現在も進化を続けており、2006年にはバー

                                  Scala(スカラ)とは?言語の特徴や開発手法、JavaScriptとの違いや共通点について解説! - システム開発のプロが発注成功を手助けする【発注ラウンジ】
                                  • interfaceとtypeどっち使えばいいのか問題。

                                    TypeScriptを書いていく中でふと疑問に思ったので調べてみました。 皆さんはinterface派とtype派どっち派ですか? interfaceとtypeどっち使えばいいのか問題の前に、これらは一体何をするものかを説明したいと思います。 interface クラスが実装すべきフィールドやメソッドを定義した型です。クラスはインターフェースを実装することで、インターフェースが求めるメソッド名や引数の型に則っているかをチェックすることができます。 interfaceの宣言 インターフェースを宣言するにはinterfaceキーワードを使います。

                                    interfaceとtypeどっち使えばいいのか問題。
                                    • Python,Ruby,PHP,Java,JavaScript,PerlのPDF作成の比較 - Qiita

                                      Help us understand the problem. What are the problem?

                                      Python,Ruby,PHP,Java,JavaScript,PerlのPDF作成の比較 - Qiita
                                      • 定番のコード規約とライブラリから学ぶJavaScriptの命名テクニック(上級編) - ICS MEDIA

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

                                        定番のコード規約とライブラリから学ぶJavaScriptの命名テクニック(上級編) - ICS MEDIA
                                        • 2022-09-29のJS: TypeScript 4.9 Beta、workerd(Cloudflare Workers runtime)、Web Almanac 2022

                                          JSer.info #611 - TypeScript 4.9 betaがリリースされました。 Announcing TypeScript 4.9 Beta - TypeScript 型キャストはせずに型の一致をチェックできるsatisfies演算子の追加、in演算子での型の絞り込みの改善、== NaNをコンパイルエラーに変更などが行われています。 satisfies演算子については次の記事が詳しいです。 Typescript’s new ‘satisfies’ operator | by Cefn Hoile | Aug, 2022 | Medium また、--watchでのファイル監視のデフォルトをuseFsEventsに変更、exportsフィールドのtypeVersionsの優先度を修正なども含まれています。 Cloudflare Workersのruntimeであるworkerd

                                          2022-09-29のJS: TypeScript 4.9 Beta、workerd(Cloudflare Workers runtime)、Web Almanac 2022
                                          • Rails+Next.jsでGraphQLを導入する時に考えたこと - Timee Product Team Blog

                                            こんにちは、タイミー開発プラットフォームチームで業務委託として働いている宮城です。 タイミーはリリースから4年が経過したプロダクトで、2022年の前半から一部領域でGraphQLを利用し始め現在導入を進めています。 本記事では、GraphQLをプロダクトに導入する上で判断に迷った箇所や課題に対して、タイミーでの意思決定とその理由を紹介します。参考にしていただければ幸いです。 GraphQLの選定理由についてはこの記事では触れませんが、CTOの@kameike が以下のイベントで詳しく紹介する予定です。まだ参加申し込みは可能ですので、興味がある方はぜひ合わせてご覧ください。 timeedev.connpass.com なお、本記事のタイトルはソウゾウさんの以下の記事にインスパイアされています。 engineering.mercari.com GraphQLの「Getting Startedの

                                            Rails+Next.jsでGraphQLを導入する時に考えたこと - Timee Product Team Blog
                                            • 2022年9月の、これだけは押さえておきたいWeb関連の動き

                                              「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン AdobeのFigma買収とAdobe XDのこれから 9月の大きなニュースは、やはりAdobeによるFigma買収だと思います。このブログでも記事にしています。 関連: Adobe、Figmaを約2.9兆円で買収へ デザインコラボツール大手 フォトショップの作業が楽になる、覚えておきたい小技テクニック18選 とても有益ですが、レイヤーの複製はoption+ドラッグではなくcommand+Jの方が速いと思います。 ちょうどいいWebデザインギャラリー そのWebサイトのいいところが言語化されているギャラリーサイトです。 Screen Sizes iPhone・iPadなどのスクリーンサイズま

                                              2022年9月の、これだけは押さえておきたいWeb関連の動き
                                              • The 2022 Web Almanac

                                                Web Almanac HTTP Archive’s annual state of the web report Our mission is to combine the raw stats and trends of the HTTP Archive with the expertise of the web community. The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. The 2022 edition is comprised of 22 chapters spanning aspects of page content, user experience, publishing, and distri

                                                The 2022 Web Almanac
                                                • Cloudflare WorkersのJavaScript/WASMランタイム「workerd」がオープンソースで公開。NanoservicesやHomogeneous deploymentなど新技術を実装

                                                  Cloudflare WorkersのJavaScript/WASMランタイム「workerd」がオープンソースで公開。NanoservicesやHomogeneous deploymentなど新技術を実装 Cloudflareは、同社のCDNエッジでJavaScript/WebAssemblyを実行するサービス「Cloudflare Workers」のコアランタイム部分を「workerd」(読み方はワーカーディー:worker- dee)としてオープンソースで公開しました。 GoogleがオープンソースのChromiumをベースにGoogle Chromeを製品として提供しているのと同様に、CloudflareはworkerdをベースにCloudflare Workersのソフトウェアを開発していると説明されています。 It’s here! workerd (no that’s not

                                                  Cloudflare WorkersのJavaScript/WASMランタイム「workerd」がオープンソースで公開。NanoservicesやHomogeneous deploymentなど新技術を実装
                                                  • 9割を自宅で完結?Jamstack を学んで開発環境をイチから作ってみた話 | IIJ Engineers Blog

                                                    イラストレーターの妻が「ポートフォリオサイト欲しい」と言い始めたので、面白そうだと思い開発を開始しました。 静的サイトなら Jamstack ってのがイイらしいと最近よく聞くものの、何かはわからないので勉強してみて、巷の Jamstack 構築環境をできる限り自分の家の中に作ってみます。 結論から言うと適材適所なのですが、皆さんもコーポレートサイトやブログなど「これって Jamstack がハマるんじゃないかな」と思える箇所があると思います。 是非、検討する材料としてこの記事をご覧ください。 Netlify 社が定義した JavaScript + API + Markup (JAM)  の構成を Jamstack と呼ぶようです。 まずは Jamstack の何が嬉しいか、見ていきましょう。 従来の Web サイト 従来の構成でサーバサイドがレンダリングした Web サイトを表示するまでの

                                                    9割を自宅で完結?Jamstack を学んで開発環境をイチから作ってみた話 | IIJ Engineers Blog
                                                    • JavaScriptなしでダイアログやツールチップを表示する【popuptoggletarget/popuphovertarget】 - Qiita

                                                      Help us understand the problem. What are the problem?

                                                      JavaScriptなしでダイアログやツールチップを表示する【popuptoggletarget/popuphovertarget】 - Qiita
                                                      • GitHub - cloudflare/workerd: The JavaScript / Wasm runtime that powers Cloudflare Workers

                                                        👷 workerd, Cloudflare's JavaScript/Wasm Runtime workerd (pronounced: "worker-dee") is a JavaScript / Wasm server runtime based on the same code that powers Cloudflare Workers. You might use it: As an application server, to self-host applications designed for Cloudflare Workers. As a development tool, to develop and test such code locally. As a programmable HTTP proxy (forward or reverse), to effi

                                                        GitHub - cloudflare/workerd: The JavaScript / Wasm runtime that powers Cloudflare Workers
                                                        • フロントエンド開発をマスターする上で必要な知識 8選 2022年版

                                                          はじめに フロントエンドは、簡単に言えばWebアプリケーションやWebサイトにおけるユーザが目に見える部分のことを指す。ひとくちにフロントエンドと言っても、学ばなければならないことや知識が数多くあるので初心者にとっては何から勉強すればいいのかわからない人も少なくないだろう。 今回の記事では、個人の一見解としてフロントエンド開発をマスターするのに必要な基礎知識を徹底解説する。今回の記事を通して、フロントエンドの学習方法やその魅力を十分に理解していただければ非常に幸いである。 バックエンドに関しては以下の記事を参照してほしい。 フロントエンド開発に必要な知識 1.基本的な知識 フロントエンド開発をマスターする上では、以下の言語の基本文法や知識をマスターしておこう。これはWeb制作やWebデザインにも共通していることである。 HTML:Webページを作成するための言語。主にページ内の情報を構造化

                                                          フロントエンド開発をマスターする上で必要な知識 8選 2022年版
                                                          • 依存してる npm パッケージの作者を調べる

                                                            日々いろんな npm パッケージに依存してるわけですが、その作者が気になるときがある。 単純に気になるときもあるけど、調査が必要になるときもある。 たとえば最近 substack の GitHub アカウントが削除された。npm から消えたわけじゃないから、すぐに困るってことはないけど、誰にも移譲されていないリポジトリがあっとして、もし自分がそれに依存してしまっていたら代替を探したくなる。 また、自分が関わっている OSS プロジェクトでは過去のメンテナーが作ったたくさんのライブラリに依存していて、その人がすでにアクティブでなくなったいるため、やや悪い影響が出始めていたりする。 そのため、自分の依存している npm パッケージの作者をシュッと調べて、フォークするか移管してもらうか色々判断できると便利である。 ということでそれに役に立つツールを作った。 ╔══════════════════

                                                            依存してる npm パッケージの作者を調べる
                                                            • JavaScriptで文字数を数えるのはそんなに簡単ではない - Qiita

                                                              はじめに JavaScriptにて文字数をカウントする方法に関する記事をいくつか目にする機会があり、今回実際に記事を参考に調べてみました。 簡単そうに見えて意外と難しいです。 String.length Googleなどで「JavaScript 文字数 カウント」とかで検索すると真っ先に出る方法です。 MDN公式ではString.lengthに関して以下のように説明されています。 length プロパティは String オブジェクトの文字列長を UTF-16 コードユニットの数で表します。 length は、 string インスタンスの読み取り専用データプロパティです。 UTF-16 コードユニット ざっくりと説明するならUnicodeで割り当てられた番号をUTF-16 という文字コード方式で割り当てられた各文字に対応するIDを指します。 難しい単語がいくつか出てきているので1つずつか

                                                              JavaScriptで文字数を数えるのはそんなに簡単ではない - Qiita
                                                              • 10Xが信託SOや生株を組み合わせた制度設計をする理由 | Stock Journal

                                                                10Xが信託SOや生株を組み合わせた制度設計をする理由株式会社10XCo-Founder, 代表取締役CEO 矢本真丈さん 信託型ストックオプション。行使価格を低い設定のままプールでき、評価制度と連動させ実際の活躍に応じて社員に渡せるなどのメリットで、ここ数年スタートアップで活用事例が増えている新しいストックオプションです。 この信託型ストックオプションを実際に導入しているのが現在急成長中の株式会社10X。小売チェーン向けECプラットフォーム「Stailer(ステイラー)」を展開しています。代表取締役CEOの矢本真丈さんと、取締役CFOの山田聡さんに10X社の信託型ストックオプションの思想について聞きました。聞き手はNstock社 CEOの宮田です。 矢本 真丈 株式会社10X 代表取締役CEO 2児の父。丸紅、NPO勤務、ECスタートアップ、メルカリを経て現職。育休中に家族の食事を創り続

                                                                10Xが信託SOや生株を組み合わせた制度設計をする理由 | Stock Journal
                                                                • これは便利すぎる! Webサイトやスマホアプリのターゲットブラウザを決める時に役立つツール -Browserslist

                                                                  ターゲットブラウザを決める時に役立つ便利なツールを紹介します。 条件は細かく設定でき、下記は日本のユーザーを対象、シェアが0.2%以上あり、現在サポートされていないブラウザを除いたものです。iOSのSafariが多く、Chrome for Android, Chrome for desktopと続いています。 Browserslist Browserslist -GitHub Browserslistの特徴 Browserslistの使い方 さまざまな条件でターゲットブラウザを調べる Browserslistの特徴 Browserslistはフロントエンドでよく使用されるツール(Autoprefixer, Babel, ESLint, PostCSSなど)でブラウザのターゲットや互換性を共有するツールです。 0.5%以上シェアがあるブラウザ、最新2バージョンのブラウザ、サポートが終了してい

                                                                  これは便利すぎる! Webサイトやスマホアプリのターゲットブラウザを決める時に役立つツール -Browserslist
                                                                  • Python,Ruby,PHP,Java,JavaScript,Perlの日付・時刻の比較 - Qiita

                                                                    Help us understand the problem. What are the problem?

                                                                    Python,Ruby,PHP,Java,JavaScript,Perlの日付・時刻の比較 - Qiita
                                                                    • まさとらん on Twitter: "黒い画面にJavaScriptで円を描画してるだけなのに、夜の高速道路をかっ飛ばしてる雰囲気にさせてくれる https://t.co/qRuJ1kjUT5 https://t.co/TDRmSZOqh3"

                                                                      黒い画面にJavaScriptで円を描画してるだけなのに、夜の高速道路をかっ飛ばしてる雰囲気にさせてくれる https://t.co/qRuJ1kjUT5 https://t.co/TDRmSZOqh3

                                                                      まさとらん on Twitter: "黒い画面にJavaScriptで円を描画してるだけなのに、夜の高速道路をかっ飛ばしてる雰囲気にさせてくれる https://t.co/qRuJ1kjUT5 https://t.co/TDRmSZOqh3"
                                                                      • 【Deno】「やっぱnpmをサポートするわ」 → 10日後「サポートしたわ」 - Qiita

                                                                        Denoは、Nodeの作者がNodeの反省を生かして作り上げたランタイムシステムです。 Nodeより高速・高性能で使い方も容易です。 が、いまいち流行ってない理由の大きなひとつがnpmが使えないことです。 Denoユーザの多くが古臭くて非標準的で奇怪なパッケージ管理から開放されたことに歓喜しているそうですが、それはそれとして過去の遺産が使えないので新たなライブラリを探さなければならなず手間がかかります。 またDenoは様々なレジストリが使えることが利点とされていますが、個人的にはこれ欠点だと思っています。 探し回るのなんて面倒だから一か所にまとめてくれよ。 そんなわけで2022/08/15にやっぱnpm対応するわという公式発表がなされました。 と思ったらわずか10日後の2022/08/25に対応したって発表されました。 はえーよ。 ということで以下該当リリースノートの紹介です。 npm以外

                                                                        【Deno】「やっぱnpmをサポートするわ」 → 10日後「サポートしたわ」 - Qiita
                                                                        • The new wave of Javascript web frameworks

                                                                          The new wave of Javascript web frameworks Make sense of the proliferation of new Javascript web frameworks. A deep dive into the problems at scale and the recent evolution of innovation. IntroductionStaying current in the Javascript ecosystem is not for the faint of heart. It’s challenging for those entering the industry to follow what’s happening amongst the new libraries, frameworks, concepts, a

                                                                          • 【脱Redux】SWRやReact Queryを使った状態管理戦略

                                                                            mutexの桝田です! Reactのデータフェッチに、Vercel社が提供する「SWR」やTanStackコミュニティが提供する「React Query(TanStack Query)」が使われることが多くなってきています。 これらのライブラリは単なるフェッチだけでなく、キャッシュやデータの更新を担ってくれます。また、Reactが志向する「宣言的」な記述を体現できることも大きなメリットです。 本稿では、(我々が採用する)React Queryにフォーカスし、React Queryを使って実現している状態管理について説明します。SWRを普段お使いの方に関してもかなり共通する部分が多いのではないかと思います。 1. 対象読者 Reactのデータフェッチライブラリの使用を検討している方 普段SWRやReact Queryを使用している方 普段Reactを使用するすべての方

                                                                            【脱Redux】SWRやReact Queryを使った状態管理戦略
                                                                            • SPAセキュリティ超入門 | ドクセル

                                                                              スライド概要 SPA(Single Page Application)の普及が一層進んでおり、従来型のMPAを知らないウェブ開発者も生まれつつあるようです。SPA対応のフレームワークでは基本的な脆弱性については対策機能が用意されていますが、それにも関わらず、脆弱性診断等で基本的な脆弱性が指摘されるケースはむしろ増えつつあります。 本セッションでは、LaravelとReactで開発したアプリケーションをモデルとして、SQLインジェクション、クロスサイトスクリプティング、認可制御不備等の脆弱性の実例を紹介しながら、現実的な対策について紹介します。LaravelやReact以外のフレームワーク利用者にも役立つ説明を心がけます。 PHPカンファレンス2022での講演資料です。 PHPカンファレンスでの動画URL https://www.youtube.com/watch?v=jZ6sWyGxcCs

                                                                              SPAセキュリティ超入門 | ドクセル
                                                                              • 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
                                                                                • Japa - A simple yet powerful testing framework for Node.js

                                                                                  A simple yet powerful testing framework for Node.js Japa comes with all the tools you need to test your backend applications. Be it testing JSON APIs using Open API schema or writing browser tests using Playwright. Features Basics covered Despite being a small and simple test runner, Japa comes with all the basic features you expect from a great testing framework. It includes Support for asynchron

                                                                                  Japa - A simple yet powerful testing framework for Node.js