並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 23418件

新着順 人気順

JavaScriptの検索結果1 - 40 件 / 23418件

  • 知っておくと仕事が捗る便利ツール17選 - Qiita


     便17 Squoosh GoogleWeb 調 Documatic DocumaticAPI    transform jsonyaml jsonymlhtmxjsxjsonGraphQLIDLTypeScriptinterface Roadmap.s
      知っておくと仕事が捗る便利ツール17選 - Qiita
    • Next.jsで不要なファイルを一掃する

      Knipというツールが便利。JaveScriptやTypeScriptで書かれているプロジェクトの未使用のファイルやexportを見つけることができる。 Find unused files, dependencies and exports in JavaScript and TypeScript projects https://knip.dev/ インストールせずに使いたいのでnpxコマンドを使って実行する。 また、Next.jsのプロジェクトで使いたいのでプラグインを導入する。 上記のプラグインの中にNext.jsがあるのでこれを使う。 knip.jsonというファイルをプロジェクトのルートに配置する。除外したいディレクトリはignoreで指定できる。 { "ignore": [ "hoge" ], "next": { "entry": [ "next.config.{js,ts,c

        Next.jsで不要なファイルを一掃する
      • JavaScriptのライブラリ「Polyfill.io」にマルウェア混入 10万以上のWebサイトに影響

        セキュリティ企業Sansecは2024年6月25日(現地時間)、JavaScriptのライブラリ「Polyfill.io」にマルウェアが混入していたと報じた。混入したマルウェアは10万以上のWebサイトに影響を与えたとされている。 Polyfill.jsは古いWebブラウザをサポートするためのライブラリであり、「JSTOR」や「Intuit」「World Economic Forum」など多くのWebサイトで利用されている。2024年2月に中国企業が「cdn.polyfill.io」ドメインと「GitHub」アカウントを購入した後、マルウェアが埋め込まれたコードが配布されるようになったという。 中国企業によるPolyfill.ioの買収とマルウェアの混入 Sansecの分析によると、サイバー攻撃者が「Google Analytics」ドメインを偽造し、モバイルユーザーをスポーツベッティング

          JavaScriptのライブラリ「Polyfill.io」にマルウェア混入 10万以上のWebサイトに影響
        • 【実践Claude3.5 Sonnet】業務効率を上げるデータ分析&自動スライド作成術|ChatGPT研究所


          AnthropicClaude 3.5 Sonnet ArtifactsX30 Claude 3.5 Sonnet使 PIVOTYoutubeYoutubeAIChaGPT使 Claude 3.5 Sonnet ChaGPT×GASGAS
            【実践Claude3.5 Sonnet】業務効率を上げるデータ分析&自動スライド作成術|ChatGPT研究所
          • JSライブラリ「Polyfill.io」がマルウェアに改変、10万サイト以上に影響

            Sansecは6月25日(現地時間)、「Polyfill supply chain attack hits 100K+ sites」において、オープンソースのJavaScriptライブラリ「Polyfill.io」が改変され、10万以上のWebサイトに展開されたと報じた。 Polyfill supply chain attack hits 100K+ sites Polyfill.ioの買収 Polyfill.ioはAndrew Betts氏が開発した人気のJavaScriptライブラリ。古いWebブラウザをサポートし、JSTOR、Intuit、世界経済フォーラムを含む10万以上のWebサイトに利用されている。 Polyfill.ioは2024年2月、中国を拠点とするコンテンツデリバリーネットワーク(CDN: Content Delivery Network)企業の「Funnull」に買収

              JSライブラリ「Polyfill.io」がマルウェアに改変、10万サイト以上に影響
            • 「GitHub難しい!!」を30分で解決するサイトを共同開発しました🚀|kazzyfrog

              はじめに先日、初心者でも簡単に参加できる GitHub チュートリアル 『First Contributions JA』を共同開発しました! 振り返りも兼ねて、プロジェクトの背景や使用技術について、紹介していきます。 ▼ GitHub のリンク: なぜ First Contributions JA を構築したのか?さて、First Contributions JA には、次のような特徴があります: - React/ Next.js で構築されたWebサイト - 初心者向けのGitHubチュートリアル - オープンソースのプロジェクト 上記を踏まえて、プロジェクトの経緯は、主に2つあります。 (技術スタックは、後で詳しく説明します) 1. JavaScript/ React 学習コミュニティで、共同開発を提案した!以前、 「JavaScript/ React を学習するコミュニティを、期間限

                「GitHub難しい!!」を30分で解決するサイトを共同開発しました🚀|kazzyfrog
              • しょーもない事務作業を快適にするためのツールを作りたいとき 〜セキュア意識の高い会社編〜 - Qiita

                Pythonインストールできないんだけど! なんかいつもこれ同じ作業してるよな、自動化出来ないかな…よしやったる! ↓ みんなー!こんなツール作ったよー、使ってみてー! ↓ そして起こる「ちょっと、俺、.pyとかいう拡張子使えないんだけど」の声。 会社のPCって外部のアクセス禁止だったり新規ソフトウェアのインストール制限があったりと、色々制約がありますよね。この制約のせいで、作ったはいいが使えなかった、みたいな理不尽なハマり方したり、一方で試してみたら意外とこれ動いちゃうんだ!?みたいなこともあったりするので、ここではそんなずる賢い業務改善を必死に考える社員のみんなに、どれでやれば利用可能なツールづくりができるのか、その選択肢を載せていくよ。 Python + exe化ツール(Pyinstaller) やっぱ中身含めてファイル操作系でちょこちょこやるならPythonが楽だよね。ただ、Pyt

                  しょーもない事務作業を快適にするためのツールを作りたいとき 〜セキュア意識の高い会社編〜 - Qiita
                • プログラミングの条件式で、>= や <= の比較演算子がロジックに含まれる時にロジックのテストで「値が等しいケース」を書かない人には、重要な設計を任せられない話


                    @StewEucen The creator of x-ninja a new JavaScript front-end framework.  Stew Eucen  Please call me "Eucen" :) x-ninja.org   @StewEucen >=  <=   ω 2024-06-27 16:54:42
                    プログラミングの条件式で、>= や <= の比較演算子がロジックに含まれる時にロジックのテストで「値が等しいケース」を書かない人には、重要な設計を任せられない話
                  • htmx入門 - JSが苦手な方のための、やさしいライブラリ

                    長谷川 喜洋さん、たにぐち まことさんをお迎えし、フロントエンド・サーバーサイドの両側からhtmxについて解説いただきます。 「当日の視聴は無料」スタイルで開催しますが、アーカイブチケット購入やサブスク登録でサポートくださいますと助かります! htmx入門 - JSが苦手な方のための、やさしいライブラリ 「htmx」とは、HTMLに手軽に非同期通信機能を追加できるライブラリです。その特徴は、JavaScriptを全く書かずにHTMLの属性だけで、本格的なプログラムが作れるところ。 これまで、JavaScriptが苦手だったマークアップエンジニアの方や、サーバーサイドのプログラムに慣れている方などが、フロントエンド開発を手軽に始めることができます。 本イベントでは、そんなhtmxをフロントエンド・サーバーサイドの両側から、その魅力をご紹介します。 長谷川 喜洋フロントエンドエンジニア 株式会

                      htmx入門 - JSが苦手な方のための、やさしいライブラリ
                    • フロントエンドとJavaScriptの歴史を雑に話す会

                      フロントエンド歴10年のmizchiと初心者のateaが雑に話します。フロントエンド、プログラミング、AI、ゲーム、FF14、スト6。 52分〜1時間50分あたりは初心者プログラミングの話で、フロントの歴史だけ聞きたい人は飛ばしてください。 2時間43分のトラブルから音声スレッショルドが効きすぎて聞きづらいです。申し訳ない。 0:00 音声トラブル 4:50 雑談 7:30 自己紹介 16:30 配信の動機 18:50 初めてのインターネット 22:20 FlashとCGI 30:00 JavaScript 35:40 GMail/GoogleMap 43:10 サン牧とPerlと 52:00 ネトゲとの付き合い方 1:03:50 ブラックボックス 1:15:37 初心者vsAI 1:32:54 期待値は低いとアド 1:45:00 スト6のモダン 1:50:50 フロントエンド 2:0

                        フロントエンドとJavaScriptの歴史を雑に話す会
                      • macOSのVisionフレームワークでOBSの映像からテキストを抽出するWebSocketプロキシ - 詩と創作・思索のひろば

                        激安HDMIキャプチャーボードを買ってから、ときどきゲームプレイの録画・配信をしている。OBS Studioというソフトウェアがデファクトらしく、自分もこれを使っている。 便利なことにOBSにはWebSocketで操作できるインタフェースがあり、JavaScriptやPythonからかなり自由に操作することができる。となればソフトウェアエンジニアとしてはプレイログを構造化して残したいわけ。 WebSocket経由でスクリーンショットも随時取得できるので、画像を分析することでたとえばシーン判定はできるが、さらに詳細な情報を取ろうとするとテキスト情報もほしい。クラウドサービスなどに金をかけずに手軽にやるならTessaract一択となるが、素晴らしいソフトウェアではあるものの期待する精度を出すには工夫がいりそう。具体的には、ポケモンの名前は日本語だけでなく中国語の場合もある(左下の「古劍豹」)。

                          macOSのVisionフレームワークでOBSの映像からテキストを抽出するWebSocketプロキシ - 詩と創作・思索のひろば
                        • Automatically replacing polyfill.io links with Cloudflare’s mirror for a safer Internet

                          Automatically replacing polyfill.io links with Cloudflare’s mirror for a safer Internet06/26/2024 polyfill.io, a popular JavaScript library service, can no longer be trusted and should be removed from websites. Multiple reports, corroborated with data seen by our own client-side security system, Page Shield, have shown that the polyfill service was being used, and could be used again, to inject ma

                            Automatically replacing polyfill.io links with Cloudflare’s mirror for a safer Internet
                          • MissAV | オンラインで無料ハイビジョンAV映画が見られる | 飽きるまで映画が存分に見られる

                            = 1024 }, isThreeColumns() { return document.documentElement.clientWidth >= 768 && document.documentElement.clientWidth < 1280 }, cdnUrl(path) { return `https://fivetiu.com${path}` }, itemUrl(item) { let dmPrefix = item.dm ? `/dm${item.dm}` : ''; let url = this.locale === 'zh' ? `${dmPrefix}/${item.dvd_id}` : `${dmPrefix}/${this.locale}/${item.dvd_id}` if (item.recommend_id) { url += `#${item.reco

                              MissAV | オンラインで無料ハイビジョンAV映画が見られる | 飽きるまで映画が存分に見られる
                            • Why Google Sheets ported its calculation worker from JavaScript to WasmGC  |  web.dev

                              Why Google Sheets ported its calculation worker from JavaScript to WasmGC Stay organized with collections Save and categorize content based on your preferences. Google Sheets is one of the first products at Google to use WasmGC on Chrome. The move was announced in 2022, and the Sheets and Chrome teams partnered on standardization, engineering, and tooling to provide real-time feedback on optimizat

                                Why Google Sheets ported its calculation worker from JavaScript to WasmGC  |  web.dev
                              • myAV | オンラインで無料ハイビジョンAV映画が見られる | 飽きるまで映画が存分に見られる

                                = 1024 }, isThreeColumns() { return document.documentElement.clientWidth >= 768 && document.documentElement.clientWidth < 1280 }, cdnUrl(path) { return `https://fivetiu.com${path}` }, itemUrl(item) { let dmPrefix = item.dm ? `/dm${item.dm}` : ''; let url = this.locale === 'zh' ? `${dmPrefix}/${item.dvd_id}` : `${dmPrefix}/${this.locale}/${item.dvd_id}` if (item.recommend_id) { url += `#${item.reco

                                  myAV | オンラインで無料ハイビジョンAV映画が見られる | 飽きるまで映画が存分に見られる
                                • Cloudflare を使って polyfill を自動で安全なものへ置き換えましょう | DevelopersIO

                                  先日ブラウザ互換の JS ライブラリである「Polyfill」にマルウェアが混入されて大きな問題となっていますが、Cloudflare であれば対応がワンクリックで実施できます。 ウィスキー、シガー、パイプをこよなく愛する大栗です。 先日ブラウザ互換の JS ライブラリである、「Polyfill.io」にマルウェアが混入されて大きな問題となっています。Cloudflare では、簡単に対策を行えるための機能がリリースされたのでご紹介します。Polyfill の対応がワンクリックで行えます。 JavaScriptライブラリ「Polyfill.io」にマルウェアが混入され10万以上のサイトに影響 Polyfill について Polyfill はブラウザ間のバージョンの違いなどを無効にするためのライブラリですが、今年の2月に売却されていることが発覚していました。 Cloudflare では、Po

                                    Cloudflare を使って polyfill を自動で安全なものへ置き換えましょう | DevelopersIO
                                  • Python製静的サイトジェネレーターSphinxでWebサイトを構築して公開 | gihyo.jp

                                    鈴木たかのり(@takanory)です。今月の「Python Monthly Topics」では、Python製の静的サイトジェネレーターSphinxを使用してWebサイトを構築し、テーマを適用、外部へ公開する流れについて紹介します。後半ではSphinxの便利な拡張機能を紹介し、Webサイトをより便利にしていきます。 Markdownでドキュメントを書くだけで、きれいなWebサイトが簡単に公開できるので、ライブラリのドキュメントなどでもよく使われています。 Sphinxとは SphinxはPython製の静的サイトジェネレーターです。静的サイトジェネレーターとは、Markdown等の軽量マークアップのテキストファイルから、静的なWebサイトを生成するアプリケーションのことを言います。Python製の静的サイトジェネレーターにはSphinxを含め以下のツールなどがあります。 Sphinx:h

                                      Python製静的サイトジェネレーターSphinxでWebサイトを構築して公開 | gihyo.jp
                                    • 表裏を白と黒に塗ったディスクを回転させて映像を映し出す「フリップディスク・ディスプレイ」を自作した人物が登場

                                      片面を白、もう片面を黒に塗ったディスクを使って映像を映し出す「フリップディスク・ディスプレイ(磁気反転式ディスプレイ)」は、よく野球場のスコアボードや高速道路の標識に使われています。このフリップディスクをNVIDIAのキットなどを用いて自作した人物が現れました。 Flipdisc Display Build and Software Guide https://flipdisc.io/ フリップディスクは、電磁パルスを利用して小さな円盤を回転させ、白と黒の2色で映像を表現するディスプレイの一種です。フリップディスクの技術自体は20世紀半ばからあり、21世紀になって有機ELや液晶ディスプレイが広く使われるようになった後も、強い日光で光が見えにくくなる屋外などで使われることがあります。 そんなフリップディスクを自作したのがGoogleプロダクトマネージャーのキャシー・コレベック氏。フリップディ

                                        表裏を白と黒に塗ったディスクを回転させて映像を映し出す「フリップディスク・ディスプレイ」を自作した人物が登場
                                      • Ecma International approves ECMAScript 2024: What’s new?

                                        Ecma International approves ECMAScript 2024: What’s new? On 26 June 2024, the 127th Ecma General Assembly approved the ECMAScript 2024 language specification, which means that it’s officially a standard now. This blog post explains what’s new. The editors of ECMAScript 2024  # The editors of this release are: Shu-yu Guo Michael Ficarra Kevin Gibbons What’s new in ECMAScript 2024?  # Grouping synch

                                        • シリーズ誕生から36年。「桃鉄」の制作陣が「桃鉄をUnityで再現する」ことを選択した理由 | ユニティ・テクノロジーズ・ジャパン株式会社

                                          シリーズ誕生から36年。「桃鉄」の制作陣が「桃鉄をUnityで再現する」ことを選択した理由 2024 6/26 第一作が発売されたのは、1988年。以来、四半世紀以上にわたって断続的に新作がリリースされ、その数はシリーズ全体で20作品以上にのぼります。この作品で「日本の地理を覚えた」という人も少なくないのではないでしょうか。 すでにピンと来ている方もいると思います。昭和、平成、そして令和にまたがって多くの方々に愛され続けている、日本屈指の大ヒットゲーム。それが「桃太郎電鉄」シリーズ(以下、「桃鉄」)です。 2023年11月、そんな「桃鉄」の最新作『桃太郎電鉄ワールド 〜地球は希望でまわってる!〜』(以下、『桃鉄ワールド』)がリリースされ、その制作にはコンシューマーゲームとしての「桃鉄」では史上初めて、Unityが導入されました。 本記事では同シリーズのシニアプロデューサーを務める岡村憲明氏

                                          • JavaScriptを忘れて、CSSだけでモーダルを創造する - Qiita


                                             WebJavaScript使JavaScriptCSS使   CSS  checkbox使 checkbox label See the Pen CSSModa
                                              JavaScriptを忘れて、CSSだけでモーダルを創造する - Qiita
                                            • CloudFront Hosting Toolkitを使って静的Webサイト環境を作ってみた | DevelopersIO

                                              手間をかけずにCloudFrontを使った静的Webサイトを作りたい こんにちは、のんピ(@non____97)です。 皆さんは手間をかけずにCloudFrontを使った静的Webサイトを作りたいなと思ったことはありますか? 私はあります。 過去にAWS CDKを使ってこの思いを実現したことがありますが、一からAWS CDKを作り込むのはなかなか大変でした。 そんな苦労はCloudFront Hosting Toolkitを使用すると少し解消されるかもしれません。 CloudFront Hosting ToolkitはCLIまたはAWS CDKでフロントエンドのホスティングとCI/CDパイプラインを用意するツールです。 今だとAmplifyを使えば良いのではないか? という声も聞こえてきますが、細かいカスタマイズを行いたい場合にCloudFront周りを直接操作したい場合があります。そうい

                                                CloudFront Hosting Toolkitを使って静的Webサイト環境を作ってみた | DevelopersIO
                                              • 拡張機能で Chrome DevTools に独自パネルを追加してトラブルシュートに役立てよう - Techtouch Developers Blog

                                                こんにちは、カスタマーサクセスエンジニア(CSE)の komo です。 この記事では CSE の主業務の1つにテクニカルサポートがありまして、それを効率化するために作ったツールの話をします。 具体的には Google Chrome 拡張機能で DevTools に独自パネルを追加して、トラブルシュートに有用な情報を表示させるツールです。実物をそのまま紹介はできないため、ひな形を別途作りました。作り方を書くので、同じようなカスタマー系エンジニアの方々に真似してもらって、役立ててもらえると嬉しいです。 ツールの説明 ひな形からの発展形 作り方 ステップ1:最小の拡張機能を作る ステップ2:パネルを追加する ステップ3:パネルに機能を追加する おまけ:動作確認・キャプチャ取得用に作ったHTMLとJSON おわりに 参考資料 ツールの説明 別途作ったひな形はこんなものです。 通信を監視して、特定の

                                                  拡張機能で Chrome DevTools に独自パネルを追加してトラブルシュートに役立てよう - Techtouch Developers Blog
                                                • JavaScriptで100行で作る!数式言語のインタプリタ

                                                  皆さんはプログラミング言語を作ったことがあるでしょうか? おそらく大抵の方は「ない」というのが正直なところなのではないかと思います。背景には、おそらく「プログラミング言語を作るって難しそう」という先入観があるのではと筆者は踏んでいます。 プログラミング言語とは、コンピューターに指示を与えるための特別な言語です。私たちが日常で使う言語と同じように、プログラミング言語にも文法やルールがあります。そして、この言語を理解し実行するのが「処理系」と呼ばれるプログラムです。 しかし、実はプログラミング言語の処理系(インタプリタ)を作ることは非常に簡単なことです。小さなOSを作ることに比べても、ちゃんと動くWebサービスを作ることに比べても本当に簡単です。 というわけで、この記事では「プログラミング言語」を作るための導入として「数式言語」のインタプリタを作ってみます。数式言語とは、数学の式を扱う非常にシ

                                                    JavaScriptで100行で作る!数式言語のインタプリタ
                                                  • JavaScriptライブラリ「Polyfill.io」にマルウェアが混入され10万以上のサイトに影響

                                                    ウェブブラウザのバージョン間の違いを無効化するJavaScriptライブラリ「Polyfill.io」が、2024年2月のプロジェクトオーナー変更後、マルウェアが混入されてサプライチェーン攻撃に利用され、10万以上のサイトに影響が出ています。 Polyfill supply chain attack hits 100K+ sites https://sansec.io/research/polyfill-supply-chain-attack 「Polyfill.io(polyfill.js)」はアンドリュー・ベッツ氏が開発したJavaScriptライブラリです。ウェブブラウザのバージョン間で機能の違いがあると開発時に苦労しますが、Polyfill.ioを利用すれば、新しいバージョンにしかない機能を古いバージョンで利用できるようになるため、バージョンの違いを気にすることなく開発を進めること

                                                      JavaScriptライブラリ「Polyfill.io」にマルウェアが混入され10万以上のサイトに影響
                                                    • Remove Polyfill.io code from your website immediately

                                                      The polyfill.io domain is being used to infect more than 100,000 websites with malicious code after what's said to be a Chinese organization bought the domain earlier this year, researchers have said. Multiple security firms sounded the alarm on Tuesday, warning organizations whose websites use any JavaScript code from the polyfill.io domain to immediately remove it. The site offered polyfills – u

                                                        Remove Polyfill.io code from your website immediately
                                                      • 読まないと後悔する技術書30選 - Qiita

                                                        はじめに 現代の人に名著以外の本を読むような時間はない こんにちは、Watanabe Jin (@Sicut_study)です みなさんは何か新しい技術を学ぶときにどんなコンテンツを利用するでしょうか? 最近ではUdemyなどの動画講座を利用する人が多いと思いますが、本を読んで学ぶという人もまだまだ多いのではないかと思います 今回は私がこれまで5年間読んできた150冊以上の中から厳選した30冊の本を紹介します。広く多くの人に役立つものから、特定の技術の書籍までどれを読んでもあなたの大切な一冊になるのでぜひ読んでみてください 現代人には時間がない なぜ働いていると本が読めなくなるのかという本が話題になりました 現代人は本を読む時間がなくなっています。 仕事に追われてしまい、プライベートで本を読む暇などなくなっているのです。 しかし、エンジニアは「技術職」なのでプライベートの時間でも学習をして

                                                          読まないと後悔する技術書30選 - Qiita
                                                        • サーバ側だけでフォーム画面をインタラクティブに! 〜Hotwire を活用した「Ghost Formパターン」〜|万葉

                                                          サーバ側だけでフォーム画面をインタラクティブに! 〜Hotwire を活用した「Ghost Formパターン」〜 こんにちは、@nay3 です。 私はここ数年、仕事とプライベートの両方で Rails と Hotwire を使ってアプリケーション開発をしていますが、その中で、繰り返し使っているパターンがあります。 そのパターンは、とても便利なのですが、数ヶ月も間が空くと忘れてしまい、つい旧態依然としたコードから出発してまた同じところにたどり着く、ということを繰り返してしまいます。 実は、最近もまた繰り返してしまいました。 そこで、今後はすぐに思い出して再利用できるように、このパターンに「Ghost Form パターン」(※)という名前をつけて、記事化してしまうことにしました! ※Ghost Form という名前については、レビュー協力をいただいた @tanaka51 さんの案を採用させていた

                                                            サーバ側だけでフォーム画面をインタラクティブに! 〜Hotwire を活用した「Ghost Formパターン」〜|万葉
                                                          • JSでLottieを配置する方法 - パフォーマンスの最適化方法も紹介! - ICS MEDIA

                                                            「Lottieロッティー」はベクター画像のアニメーションを実現できる技術・ファイルフォーマットです。 Lottieアニメーションの作り方編の記事(Figma編、After Effects編)では、Lottieの概要から作り方、ファイルの書き出し方を紹介しました。そして、実装編の前編となる記事では、HTMLメインで実装できるお手軽な実装方法を紹介しました。 実装編の後編となる本記事では、JavaScriptメインに実装する方法の基本事項、およびパフォーマンス考慮についてのポイントを紹介します。 「Lottie=軽い」と思っていませんか? 一般的にウェブサイトの「軽い」「重い」には、読み込みデータ量の大小を指す場合と、動作負荷でのもたつきを指す場合の2つの意味があります。確かにデータ量的にはLottieは軽いといえますが、実はLottieのアニメーションは表示や動作の負荷的に重くなりがちです。

                                                              JSでLottieを配置する方法 - パフォーマンスの最適化方法も紹介! - ICS MEDIA
                                                            • オリジナルのZendeskアプリ開発でCS生産性を向上させる - inSmartBank

                                                              こんにちは、おはようございます、こんばんは、スマートバンクでCREをしている佐藤(@tmnbst)です。 弊社ではお問い合わせの対応にZendeskを利用しています。Zendeskには、アプリマーケットプレイスがあり、Zendeskの機能を拡張するためのアプリを追加することができます。これにより、標準のZendeskにはない機能を追加することができます。また、アプリはユーザー自身で開発することもでき、自社のCS業務に合わせたアプリを開発することができます。 今回は、オリジナルのZendeskアプリを開発して、CS生産性を向上させた事例を紹介したいと思います。 開発のきっかけ 日々、CSチームが行っている作業の中で、問い合わせユーザーの状況を社内管理画面で確認するプロセスがあります。 このプロセスは、以下の手順で行われていました。 Zendeskのチケットページからお問い合わせを確認 チケッ

                                                                オリジナルのZendeskアプリ開発でCS生産性を向上させる - inSmartBank
                                                              • Chrome の Gemini Nano を試す|npaka

                                                                「Chrome」の「Gemini Nano」を試したので、まとめました。 ・Chrome 128.0.6552.0 1. Chrome の Gemini Nano「Chrome」の「Gemini Nano」の早期アクセス版が使えるようになりました。 2. セットアップ(1)「Chrome Canary」をダウンロードして実行。 Chromeの早期アクセス版です。新しいウェブ技術やAPIをいち早く試すことができます。「Chrome Dev」(Canaryより安定) でも試しましたが、自分が試した環境 (Mac) とタイミング (6/23) では動きませんでした。 (2) 「chrome://flags/」を開き、以下の項目を設定して、Chromeを再起動。 ・Enables optimization guide on device : Enabled BypassPerfRequestmen

                                                                  Chrome の Gemini Nano を試す|npaka
                                                                • GitHub - antfu/utils: Collection of common JavaScript / TypeScript utils

                                                                  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 - antfu/utils: Collection of common JavaScript / TypeScript utils
                                                                  • Microfeatures I Love in Blogs and Personal Websites

                                                                    Some time ago, Hillel Wayne published an article titled Microfeatures I’d like to see in more languages . In this article, he described three kinds of features in programming languages: fundamental features, deeply engrained features, and nice-to-have convenience features. Hillel’s premise was that language designers tend to focus on the first two; however, because the convenience features are rel

                                                                    • TypeScript v4.9からv5.5で追加された機能のおさらい - STORES Product Blog


                                                                      STORES  STORES  TypeScriptv4.8v5.5 satisfies (v4.9) v4.9   type Color = 'red' | 'green' | 'blue' const pallet: Record<Color, string | number[]> = { red: [255, 0, 0], green: '#00ff00', blue: '#0000ff', } // pallet.red => string | number[] pallet.redstring | number[]Recor
                                                                        TypeScript v4.9からv5.5で追加された機能のおさらい - STORES Product Blog
                                                                      • polyfill.ioを使うのは危険かもしれない(危険だった) - Qiita

                                                                        TL;DR 2024/06/26 実害が出ているようです、polyfill.ioを利用している場合は直ちに利用を止めましょう。 GIGAZINE: JavaScriptライブラリ「Polyfill.io」にマルウェアが混入され10万以上のサイトに影響 Codebook: Polyfill.io使ったサプライチェーン攻撃でサイト10万件以上に影響 polyfill.ioから配信されるスクリプトが汚染される環境下にあり、危険な可能性があります。利用している方がいらっしゃいましたら外しておくことをおすすめします。または安全なバージョンのものがCloudflareとFastlyから利用できるので、ドメインをpolyfill-fastly.netやpolyfill-fastly.ioに変更して利用しましょう。 背景 自社で使用しているマーケティングプラットフォームサービスで作成したWebページをGo

                                                                          polyfill.ioを使うのは危険かもしれない(危険だった) - Qiita
                                                                        • New JavaScript Set methods | MDN Blog

                                                                          New JavaScript Set methods are arriving! Since Firefox 127, these methods are available in most major browser engines, which means you won't need a polyfill to make them work everywhere. This article is a good read for people who are new to Set in JavaScript and are looking to find out how to use these new JavaScript methods. I'll highlight some advantages of using these methods with basic example

                                                                            New JavaScript Set methods | MDN Blog
                                                                          • Google、オープンソースの高速で安全な式言語「Common Expression Language」を発表

                                                                            Googleは2024年6月18日(米国時間)、パフォーマンスが重視されるアプリケーションにおいて、高速かつポータブルで安全に実行できる汎用(はんよう)の式言語「Common Expression Language」(CEL)を発表した。 CELは、式の評価に共通のセマンティクスを実装するオープンソースの非チューリング完全言語であり、異なるアプリケーションの相互運用を容易にする。 CELは単独で使用することも、大規模なプロダクトに組み込むこともできる。リモートプロシージャコール(RPC)のルーティングからセキュリティポリシーの定義まで、さまざまなアプリケーションに適している。拡張可能でプラットフォームに依存せず、1回のコンパイル/評価のワークフロー向けに最適化されている。 CELの記述例 関連記事 Google、Kubernetes1.29に対応した「Google Kubernetes E

                                                                              Google、オープンソースの高速で安全な式言語「Common Expression Language」を発表
                                                                            • 「Chrome Tech Talk Night #16 〜 パスキー」まとめ

                                                                              2024 年 6 月 14 日、Google 渋谷オフィスにて Chrome Tech Talk Night #16 〜 パスキー が開催されました。 CTTN #16 は、開発者のみなさんがパスキーの基本について学び、よくある疑問を解決できることを目指したイベントです。 FIDO Alliance メンバー企業でアクティブに仕様策定に参加しているエキスパートの皆様がご登壇されました。 資料はこちらに公開されています:Chrome Tech Talk Night #16 パスキー 以下はClaude Sonnet 3.5 によるまとめとNotta.ai によるまとめをもとに若干手を入れたものです。なお、私はこの分野は素人なので、間違いがあると思うので、その場合はご指摘いただければ幸いです。 Chromeテックトーク16 – パスキーについて #passkeys_jp 1. イントロダクショ

                                                                                「Chrome Tech Talk Night #16 〜 パスキー」まとめ
                                                                              • CORSを理解する


                                                                                CORS MDN Web Docs   CORS CORS (, Cross-Origin Resource Sharing)   (: https://domain-a.com  https://domain-a.com) HTTP  (: https://domain-a.com  https://domain-b.com) HTTP () 
                                                                                  CORSを理解する
                                                                                • 「State of JavaScript 2023」公開。フロントエンドライブラリ利用率1位はReact、メタフレームワークはNext.jsなど、2万3500人のエンジニアが回答

                                                                                  JavaScriptに興味を持つ世界中のIT技術者2万3540人が回答したアンケートの結果をまとめた「State of JavaScript 2023」が公開されました。 回答者の国別分布を見ると米国が16%、フランスが7%、ドイツも7%、イギリス(UK)が5%、ポーランドが4%、ロシアが3%、カナダが3%などで、日本は2%(回答者280人)でした。 ここでは発表された内容から、多くの読者が興味を持つであろう、JavaScriptライブラリの人気など、結果の一部を紹介してみます。 フロントエンドフレームワークはReactが1位、2位にVue.js フロントエンドフレームワークの利用率ランキングはReactで、2位以下を引き離して8年連続1位、しかも利用率を伸ばしています。2位にはAngularを抜いてVue.jsが初めて入り、3位は昨年よりランクも利用率も落としたAngularとなりました

                                                                                    「State of JavaScript 2023」公開。フロントエンドライブラリ利用率1位はReact、メタフレームワークはNext.jsなど、2万3500人のエンジニアが回答