並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 388件

新着順 人気順

Socket.ioの検索結果1 - 40 件 / 388件

  • N予備校プログラミング入門コースで学べること - Qiita

    私 is 誰 今年の7月にドワンゴの教育事業部に異動し、N予備校でプログラミング講師をやることになりました。 現在は週2回ニコ生やN予備校上にてプログラミング入門コースの授業放送をしています。 ドワンゴ自体は7年目となり、ニコニコ動画の開発を4年、エンジニア教育やエンジニア採用を2年ほどやってきました。 この記事で書きたいこと 現部署に異動後、教材のインプットを兼ねて『N予備校プログラミング入門コース』を履修したのですが、明らかに難易度が僕の想像した "入門コース" から外れたガチ編成になっていて衝撃を受けたことが記事を書こうと思ったきっかけです。 中身としてはとても良い教材になっているので、僕のような勿体無い誤解が少しでも減れば幸いです。 入門コースはいわゆる入門コースではない 『プログラミング入門コース』のゴールは ドワンゴがエンジニアとして採用したいレベル や IT企業のエンジニアイ

      N予備校プログラミング入門コースで学べること - Qiita
    • 高校生がリアルタイム投票サイトを公開したらいきなり1万PVを記録した話 - Qiita

      今回は高校生の私たちが公開した投票サイトが三日で1万PVを記録したので、その経緯をサイトの紹介も含め、全て公開します。 qiitaで後日談を書きましたので、よかったらお読みください リンクはこちらです サイトの内容 名前はAICEVOTE(アイスボート) リンクはこちら ----> aicevote.com(大量アクセスで現在サーバーが不安定な状況です。ご了承ください。) このサイトを一言で言うとこんな感じです。 "投票用紙を氷に見立てた次世代のリアルタイム投票サイト" AICEVOTEとは 普通の投票とAICEVOTE(アイスボート)の違い 普通の投票 普通の投票では、投票箱A/Bに最終的に投票された票の数の比で結果が決まります AICEVOTE AICEVOTEでは投票用紙の代わりに氷を投票します。 それぞれの投票箱の底は網目になっています 時間が経てばあなたが投票した氷は少しずつ溶け

        高校生がリアルタイム投票サイトを公開したらいきなり1万PVを記録した話 - Qiita
      • 「SPAのタブ永遠に開きっぱなし問題」を更新ボタンを設置せず解決した - 橋本商会

        こんにちは。強いUIはボタンを捨てるをスローガンにScrapboxを開発しています。shokaiですshokai.icon Helpfeel Advent Calendar 2022の5日目の記事です 昨日はHelpfeelエンジニアのyado.iconさんでした 採用面接中にチャーハン・ピラフ判定器とスタバ警察botで盛り上がる会社に入った | 株式会社Helpfeel ヨコハマハウスフラペチーノがエンジニア採用の役にたった?みたいで良かったです <a>タグの挙動を工夫する事で、Scrapboxからみたいなボタンをなくしました 更新ボタンの役割は2つ 更新がある事を教える 押すとアプリが更新される Scrapboxも昔こういうメニューがあった 今はもう無い では解説ですshokai.icon SPAのタブ永遠に開きっぱなし問題とは? SPAとstaticなwebサイトの違い static

          「SPAのタブ永遠に開きっぱなし問題」を更新ボタンを設置せず解決した - 橋本商会
        • WebRTC を今から学ぶ人に向けて

          この資料には宣伝が含まれます ライセンス Creative Commons — 表示 - 非営利 - 改変禁止 4.0 国際 — CC BY-NC-ND 4.0 内容 これから WebRTC を学ぶ人が何を学ぶべきで、何は学ばないべきなのかを書く。定期的に更新していく。 趣味で学びたい人はターゲットに入っていません、仕事で利用する場合のみがターゲット。 まとめ 急がば回れで、W3C の資料を理解できるまで読み込む。 下手にフレームワークに依存したりして簡単な仕組みを覚えてしまうと後からツライ。 Media Capture and Streams WebRTC 1.0: Real-Time Communication Between Browsers Identifiers for WebRTC's Statistics API 作って学ぶも良いが、まずは出てくる単語などの意味を理解できるの

            WebRTC を今から学ぶ人に向けて
          • Re: Rails を主戦場としている自分が今後学ぶべき技術について

            この記事は、 Rails を主戦場としている自分が今後学ぶべき技術について(随筆) | うなすけとあれこれ についてのアンサー記事です。 うなすけ君が Ruby on Rails で育ってきたように、僕も JavaScript とともに育ってきたという自覚があります。なので、これについて書くことは、ポジショントークは避けられない、という感覚があります。 冷静に比較しようとも思いましたが、やっぱり開き直って思いっきりポジショントークをすることにしました。そっちのほうが面白いと思うので。 自分の基本的な主張は、こちらの記事にあるとおりです。 Frontend Study #1: 基調講演 - Frontend 領域を再定義する 自分と Ruby on Rails 僕は、キャリアとしては Rails の会社で JavaScript を書いてきたことが多かったです。学生の頃は socket.io

              Re: Rails を主戦場としている自分が今後学ぶべき技術について
            • Node.js の原罪 - from scratch

              Intro ちょうどタコピーの原罪が流行ってるのでこのタイトルにしたけど結構気に入ってる。 d.potato4d.me この話を読んでの感想とここまで大きくなった Node.js の振り返りをしようと思う。 どんなプログラミング言語であってもみんなから使ってもらって開発者をハッピーにしたいと思ってる。ただ最初は良かったと思ってた機能がなんか古臭くなったり、他にクールな機能を持ったものが登場したことによって徐々に飽きられていき、最終的に他の言語に乗り換えられる。 まぁどんな言語も同じだと思う。C言語だって生まれた当初はすごくクールでみんなをハッピーにしてた。今丁度「戦うプログラマー」を読んでるが、C++が出てきて、周りのエンジニアが C++ を使おうとするシーンが出てくる。そこで、「あんなの使って何が良いんだ、Cで十分だろ」とWindows NT 開発リーダーのデーブカトラーが言ってたりする

                Node.js の原罪 - from scratch
              • 君がエッチなことを考えるとみんなのブラウザに流れ星が降るChrome拡張 - Qiita

                2022/04/28:追記 公開していたzipファイルのリンクを削除しました。 バックエンドのサーバーを停止しました。 伴ってもう星が流れなくなります。 ※この記事にはちょっとだけエッチな内容が含まれます!苦手な方はご注意ください。 こんにちは。あんど(@ampersand_xyz)と申します。 いきなりすみません、タイトルにエッチとか入ってて驚かれた方もいらっしゃることでしょう。どういうことなのか説明させていただきます。 概要説明 画像出典: 吸血鬼すぐ死ぬ 9巻 P134 盆ノ木至 秋田書店 __要するにこれです。__さすがに宙に星を降らせるわけにはいきませんので今回はブラウザ内に星を降らせていきます。 漫画のコマを見ただけでは何を言ってるのかご理解いただくのが難しいかもしれませんが、これ以上説明のしようがありませんのでついてきてください。 実現方法 いかにしてエッチなことを考えている

                  君がエッチなことを考えるとみんなのブラウザに流れ星が降るChrome拡張 - Qiita
                • Frontend Study #1: 基調講演 - Frontend 領域を再定義する

                  Front-End Study #1「Cloud Native時代のフロントエンド」 - connpass の発表内容のテキスト版です。 発表に載せられなかった参考資料集 StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share The "Developer Experience" Bait-and-Switch - Infrequently Noted JavaScriptよ。文明を捨て、自然に還れ。 ::ハブろぐ Deno - A secure runtime for JavaScript and TypeScript Rome Toolchain Blitz.js - The Fullstack React Framework | Blitz.js ⚡️ Prisma - Da

                    Frontend Study #1: 基調講演 - Frontend 領域を再定義する
                  • WebSocket 入門

                    注意:今回の記事はあくまで初心者向けにWebSocketの概要を理解してもらうために執筆されている。そのため、一部正確性を欠く可能性がある。詳細にWebSocketについて学びたいならMicrosoftの解説記事やWebSocket Protocolを確認してほしい。 はじめに 今回の記事ではWebSocketを解説する。 対象とする読者 WebSocketについてわからないひと WebSocketとは? WebSocketは双方向のHTTPプロトコルで、クライアントとサーバの通信で成立する。HTTPとは異なり、ws://あるいはwss://から始まる。WebSocketはHTTPとは違って、クライアントとサーバ間の接続はどちらか一方が切断されると終了する。WebSocketが動く仕組みはHTTPのそれとは異なり、ステータスコード101がプロトコルの切り替えを示す。 WebSocketが動

                      WebSocket 入門
                    • WebRTC を理解するためにカメラ映像を送るだけの最小実装を探る

                      GW なんも予定がなくてブログ書くかソシャゲやるか昼から酒飲むしかやることがないです。だから予定があったら使っていたであろうお金でソシャゲに課金したらめちゃくちゃ強くなりました。やったー。友達にはドン引きされましたが、GW に予定がある人よりかは節約できていると思います。そんなソシャゲもやることなくなって暇なので酒飲みながらブログを書きます。今日は WebRTC です。 免責 筆者は RFC を読んでいません。これは「そもそも WebRTC それ自体 の RFC なんてものは存在しないもんね〜」という意味でなく、ICE や SDP の RFC すら読んでいないという意味です。そのため WebRTC そのものの解説として読むと良くない表現が含まれるかもしれません。ただし自分が WebRTC でカメラ映像を送る実装を動作させ、そのコードの解説という点では間違ったことは書いていないはずです。動作

                        WebRTC を理解するためにカメラ映像を送るだけの最小実装を探る
                      • 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

                        • WebSockets vs Server-Sent-Events vs Long-Polling vs WebRTC vs WebTransport | RxDB - JavaScript Database

                          For modern real-time web applications, the ability to send events from the server to the client is indispensable. This necessity has led to the development of several methods over the years, each with its own set of advantages and drawbacks. Initially, long-polling was the only option available. It was then succeeded by WebSockets, which offered a more robust solution for bidirectional communicati

                            WebSockets vs Server-Sent-Events vs Long-Polling vs WebRTC vs WebTransport | RxDB - JavaScript Database
                          • WebRTC と React を組み合わせるなら Flux 設計が有効

                            この前ポジショントークしたらそれなりに反響があったので書いてみる。 これまでの人生を振り返ると毎年ラジオや電話や配信サービスを作っている気がするし、なんかそういう仕事が回ってくることが多い気がする。 最近自分なりに答えが出たかなと思ったことがあるので言語化してみようと思う。 OGP は Flux ぽい画像だ。 注意・免責事項 ここにあるソースコードは不完全です。これは私が元々手元で実験していたボイラープレートであるとはいえ、いろんな仕事で培ったノウハウ的なものも含まれているので、念には念を入れて意図的に要件が透けそうな箇所は削除しています。 その結果元々のボイラープレートと乖離してしまい、動作しないコードになっています。ただ概念を伝えるには十分なコードになっているはずなので、脳内補完してください。質問は Twitter のメンション、もしくは Issue でのみ受け付けます。 (完全版を書

                              WebRTC と React を組み合わせるなら Flux 設計が有効
                            • 引っ越し先の部屋にあった謎のIoT機器の正体をエンジニアが明らかにする過程

                              低レイヤのRustエンジニアであるニキータ・ラプコフ氏が、引っ越し先の部屋に設置してあった謎のIoT機器が一体何であるのかを突き止める過程をブログに投稿しました。 What's that touchscreen in my room? | Nikita Lapkov https://laplab.me/posts/whats-that-touchscreen-in-my-room/ ラプコフ氏は2015年築のアパートに引っ越した際に壁に下図のデバイスを発見したとのこと。何らかのタッチスクリーンであることは間違いありませんでしたが、家主はこの機器について全く知りませんでした。本体にはボタンやラベルが存在せず、電源のオンオフを知らせるライトが付いているのみだったとのこと。 アパートのさまざまな家電製品のマニュアルが入ったバインダーを調べると下図のパンフレットが出てきました。このパンフレットを見

                                引っ越し先の部屋にあった謎のIoT機器の正体をエンジニアが明らかにする過程
                              • Clubhouseを支えている技術とアーキテクチャ、セキュリティについて - LayerX Research

                                #LayerX_Newsletter 2021-02-19 TL;DR Clubhouseは極めてシンプルなアーキテクチャ 音声データはAgoraを、リアルタイム性の高い情報の扱い(ルームの中など)はPubNubを利用 音声データが暗号化されていないなどセキュリティ面での課題も多い Clubhouseは招待制の音声配信SNSで、2020年Aplha Exploration社が開発したこのサービスは、つながりがある人同士でラジオ放送のように自由に会話を楽しんだり、興味ある人はその会話を傍聴、さらには会話に飛び入り参加もできる特徴がある。2021年に入り世代・国籍・性別を問わず爆発的人気となっており、日本では2021年1月からスタートアップ界隈を中心に一気に話題が広がっている。また、テスラの創業者や有名人・著名人などが利用しはじめたことで大きな注目を浴びた。今回はClubhouseはどのような

                                  Clubhouseを支えている技術とアーキテクチャ、セキュリティについて - LayerX Research
                                • N予備校のマイクロサービス - ドワンゴ教育サービス開発者ブログ

                                  N予備校のバックエンドは、2016年のリリース当初からマイクロサービスアーキテクチャを採用しています。 この記事では、N予備校のマイクロサービスアーキテクチャについて、主にアプリケーション側の観点からご紹介していきます! 目次 目次 N予備校の全体構成 なぜマイクロサービスにしたか? 採用しているマイクロサービスのデザインパターン Decomposition/サービスの分割 Data management/データ管理 External API/外部API, Orchestration/オーケストレーション Communication/コミュニケーション Deployment/デプロイ, Service discovery/サービスディスカバリ 利用しているフレームワーク/サービス マイクロサービスの運用の難しさと今後の展望 課題: 責務の分割へのハードル 今後の改善方針 We are hi

                                    N予備校のマイクロサービス - ドワンゴ教育サービス開発者ブログ
                                  • フルスタック、VPoE、デザインエンジニア、フロントエンドの極み──4つのパターンで語る「フロントエンドキャリアの分岐点」 - TECH PLAY Magazine

                                    TECH PLAYERが「なりたい姿」を叶えるために、背中を後押しするTECH PLAY Talkシリーズ。第一弾はフロントエンジニアとして紆余曲折を経てきた『フルスタックパターン』小林泰士さん、『VPoEパターン』あほむさん、『デザイナーパターン』ymrlさん、『フロントエンドの極みパターン』mizchiさん、4人の現役&元フロントエンドエンジニアの「キャリアの分岐点」を紹介する キャリアの分岐点#1『フロントエンド→フルスタックパターン』小林 泰士さん 株式会社NEW SHIP CEO 小林泰士さん フリーランスのコーダーからキャリアをスタート トップバッターで登壇したのは、NEW SHIP CEO 小林泰士さん。業務委託でROXX、シェアダイン、APERITEが運営するワインのサブスクサービス「ポケットソムリエ」などの開発に携わっている。 大学時代は広報やライターといった活動と平行し

                                      フルスタック、VPoE、デザインエンジニア、フロントエンドの極み──4つのパターンで語る「フロントエンドキャリアの分岐点」 - TECH PLAY Magazine
                                    • ハンズオンNode.js

                                      Node.jsの入門書。対象読者は、フロントエンド開発の知識はあってもサーバサイド開発は知らないエンジニアや、他言語の経験はあってもNode.jsは触ったことがないプログラマー。本書ではターミナルのプロンプトにコマンドを入力してその反応を確認したり、簡単なスクリプトをNode.js環境で実行したりしながら、Node.jsプログラミングの基本からWebアプリケーションの開発、テスト、デプロイまでをハンズオン形式で学びます。また、コードの背景にある設計思想や、プログラムの挙動の仕組みについてもしっかり掘り下げます。本書のゴールは、読者がNode.jsの全体像を掴み、業務レベルでのアプリケーション開発に対応可能な知識を身につけることです。 関連ファイル GitHubリポジトリ 正誤表 ここで紹介する正誤表には、書籍発行後に気づいた誤植や更新された情報を掲載しています。以下のリストに記載の年月は、

                                        ハンズオンNode.js
                                      • Postman Now Supports gRPC | Postman Blog

                                        Learning Center Learn about how to get started using Postman, and read more in the product docs. Labs Flows, gRPC, WebSockets! Learn about the latest cutting-edge features brewing in Postman Labs. Open Technologies Invest in the knowledge, specifications, standards, tooling, data, people, and organizations that define the next 50 years of the API economy. Don’t forget to register here to attend PO

                                          Postman Now Supports gRPC | Postman Blog
                                        • 【100行で出来る】在宅でもブレストがしたいので、オンラインホワイトボード(付箋アプリ)を作ろう stayhome-board - Qiita

                                          【100行で出来る】在宅でもブレストがしたいので、オンラインホワイトボード(付箋アプリ)を作ろう stayhome-boardJavaScriptFirebaseReact在宅勤務stayhome エンジニアとしては最近の在宅勤務ブームは割とハッピーですが、ブレストはやっぱりやりにくいなぁという感想です。とはいえ、出社してしまうと感染リスクもあるので、ブレストもオンラインで出来た方が人類のためになりそうだったので、作ってみました。(色々オンラインコラボレーションツールはありますが、モダンなフロント技術でサクッと作れないかなぁと思って試したところ、思った以上にオンライン付箋アプリを作るのは簡単だったので、作り方をシェアできればと思って書いてます。本当のオンラインホワイトボードにするには、もうちょっと修行が必要そうでした・・・) 追記 2020/04/30 思ったより記事が伸びたので、fire

                                            【100行で出来る】在宅でもブレストがしたいので、オンラインホワイトボード(付箋アプリ)を作ろう stayhome-board - Qiita
                                          • fetch() upload streaming は WebSocket の代替になるのか。Fetch を使ってカメラから取得した映像をストリーミングで送信する - 別にしんどくないブログ

                                            Fetch Upload Streaming が Chrome 85 から Origin Trial で使えるようになりました。 何ができるかというと ReadableStream を fetch() の body に渡すことができるようになります。 getUserMedia でカメラから取得した映像をブラウザからストリーミング送信したいときに使えそうと考えたので、今回試してみました。 blog.chromium.org TL;DR fetch() で Stream のデータを送れるようになった WebSocket を使わずに映像などのデータをストリーミング送信できる 以下のコードがこの記事の内容 https://github.com/shisama/sample-streaming-video-with-fetch/blob/master/public/script.js Readabl

                                              fetch() upload streaming は WebSocket の代替になるのか。Fetch を使ってカメラから取得した映像をストリーミングで送信する - 別にしんどくないブログ
                                            • Server-Sent Events, WebSockets, and HTTP

                                              Hi, I’m Mark Nottingham. I usually write here about the Web, protocol design, HTTP, and Internet governance. Find out more. Comments? Let's talk on Mastodon. @mnot@techpolicy.social other HTTP posts Yet More New HTTP Specs Wednesday, 8 June 2022 A New Definition of HTTP Monday, 6 June 2022 How Multiplexing Changes Your HTTP APIs Sunday, 13 October 2019 Designing Headers for HTTP Compression Tuesda

                                                Server-Sent Events, WebSockets, and HTTP
                                              • 【株式会社ラクス】SaaSプロダクト別の技術スタックを一挙公開! - RAKUS Developers Blog | ラクス エンジニアブログ

                                                (本記事は2023/10/2時点の情報にアップデートしております) こんにちは、技術広報のyayawowoです。 突然ですが、株式会社ラクスと聞いて何を思い浮かべますでしょうか? 弊社ラクスでは、様々なプロダクトを展開していますが正直認知度は低いと思っております。 そこで今回、弊社についてもっともっと知っていただくため・・・ ラクスが展開している全10プロダクト 全10プロダクトの技術スタック インフラ/SRE/デザイナーの技術スタック について、ご紹介させていただきます! SaaS開発に携わる方、弊社に少しでも興味を持っている方の一助となれば幸いです! ラクスが展開している全10プロダクトとは? バックオフィス向け フロントオフィス向け 10プロダクトの技術スタック 楽楽販売 楽楽精算 楽楽明細 楽楽電子保存 楽楽勤怠 MailDealer 配配メール Curumeru blastmai

                                                  【株式会社ラクス】SaaSプロダクト別の技術スタックを一挙公開! - RAKUS Developers Blog | ラクス エンジニアブログ
                                                • JSConf JP 2019 参加報告 - とろろこんぶろぐ

                                                  はじめに 昨日今日と JSConf JP 2019 に参加してきたので、聴講したセッションの内容を紹介します。 本記事は Recruit Engineers Advent Calendar 2019 1日目の記事です。 JSConf JP 2019 とは JSConf JP は世界的な JavaScript Conference である JSConf の日本開催です。昨年まで日本Node.jsアソシエーションがNode学園祭として開催していた大規模JavaScript イベントが、Node.js に限らず JavaScript に関する内容のお祭りとして変化を遂げ、今年からJSConf JP となった形です。今年は、2019年11月30日、12月1日の二日間で開催されました。リクルートテクノロジーズは、イベントのプラチナスポンサーの1つです。 以下、公式ページからの引用です。 jsconf

                                                    JSConf JP 2019 参加報告 - とろろこんぶろぐ
                                                  • Cloud Run gets WebSockets, HTTP-2 and gRPC bidirectional streams | Google Cloud Blog

                                                    Introducing WebSockets, HTTP/2 and gRPC bidirectional streams for Cloud Run We are excited to announce a broad set of new traffic serving capabilities for Cloud Run: end-to-end HTTP/2 connections, WebSockets support, and gRPC bidirectional streaming, completing the types of RPCs that are offered by gRPC. With these capabilities, you can deploy new kinds of applications to Cloud Run that were not p

                                                      Cloud Run gets WebSockets, HTTP-2 and gRPC bidirectional streams | Google Cloud Blog
                                                    • 「Firefox 76」正式版リリース、パスワード管理機能が大幅に強化される

                                                      ウェブブラウザ「Firefox 76」の正式版が公開されました。パスワードを盗み見られる危険性を減らしたほか、保存しているパスワードが流出済みのものでないかどうかチェックする仕組みが登場しています。 Firefox 76.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/76.0/releasenotes/ More reasons you can trust Firefox with your passwords | The Firefox Frontier https://blog.mozilla.org/firefox/trust-firefox-with-your-passwords/ Firefox 76: Audio worklets and other tricks

                                                        「Firefox 76」正式版リリース、パスワード管理機能が大幅に強化される
                                                      • バグバウンティにおける JavaScript の静的解析と動的解析まとめ - blog of morioka12

                                                        1. 始めに こんにちは、morioka12 です。 本稿では、バグバウンティなどの脆弱性調査で行う、JavaScript の静的解析と動的解析についてまとめて紹介します。 1. 始めに 免責事項 想定読者 検証環境 静的解析と動的解析 2. 静的解析 (Static Analysis) 2.1 JavaScript File の URL を収集する getJS hakrawler getallurls (gau) 2.2 エンドポイントを列挙する LinkFinder xnLinkFinder katana jsluice endext 2.3 シークレット情報を検出する SecretFinder jsluice Mantra trufflehog 2.4 潜在的な脆弱性情報を検出する Retire.js ESLint 3. 動的解析 (Dynamic Analysis) DevTool

                                                          バグバウンティにおける JavaScript の静的解析と動的解析まとめ - blog of morioka12
                                                        • WebブラウザとUnityをfirebaseで連携させたインタラクティブコンテンツ - KAYAC engineers' blog

                                                          ~ この記事はKAYAC Advent Calendar 2019の20日目の記事です。~ こんにちは。CL技術部の深澤です。新卒で入社して5年目になります。( 深澤 匠 | 面白法人カヤック ) 3年ほどWebフロントエンドに従事して主にWebGL案件に携わったのち、最近はUnityやUnrealEngineなどを使ってARコンテンツやイベント・展示案件などに関わらせていただいています。シェーダーが好きです。 新卒入社からアドベントカレンダーは毎年書いており、せっかくなので過去のバックナンバーも載せておきます。 2015 ... WebGLも怖くない!canvasライブラリを効率良く学ぶオススメの順番 - KAYAC engineers' blog 2016 ... 【脱・gulp】npm-scriptsでシンプルなフロントエンド開発環境を作る - KAYAC engineers' bl

                                                            WebブラウザとUnityをfirebaseで連携させたインタラクティブコンテンツ - KAYAC engineers' blog
                                                          • GitHub - hoppscotch/hoppscotch: Open source API development ecosystem - https://hoppscotch.io (open-source alternative to Postman, Insomnia)

                                                            ❤️ Lightweight: Crafted with minimalistic UI design. ⚡️ Fast: Send requests and get responses in real time. 🗄️ HTTP Methods: Request methods define the type of action you are requesting to be performed. GET - Requests retrieve resource information POST - The server creates a new entry in a database PUT - Updates an existing resource PATCH - Very similar to PUT but makes a partial update on a reso

                                                              GitHub - hoppscotch/hoppscotch: Open source API development ecosystem - https://hoppscotch.io (open-source alternative to Postman, Insomnia)
                                                            • jsの主要ライブラリ7選を徹底解説 - Qiita

                                                              jsの主要ライブラリ7選を徹底解説 ソフトウェア開発において、Angular、Vue、Nuxt、React、Next.js、Node、Socket.ioは異なるツールやフレームワークです。それぞれがウェブ開発やアプリケーションの構築に役立ちます。 Angular Angularは、Googleによって開発されたJavaScriptフレームワークです。Angularはウェブアプリケーションの構築に使用されます。Angularを使うと、ウェブアプリケーションを構築するために必要な多くのツールや機能が提供されます。Angularは、大規模なアプリケーションの開発に適しており、コンポーネントベースのアーキテクチャを採用しています。 Vue Vueは、ウェブ開発に使用できるJavaScriptフレームワークです。Vueは、シンプルで使いやすい構文を提供し、小規模なプロジェクトから大規模なアプリケーシ

                                                                jsの主要ライブラリ7選を徹底解説 - Qiita
                                                              • 2019-10-22のJS: Node v12.13.0 (LTS)、Chrome 79の開発者ツールの変更点、WSL 2でNode.js入門

                                                                JSer.info #458 - Node.js 12.13.0がリリースされました。 Node v12.13.0 (LTS) | Node.js Node.js 12.xのLTS(Long Term Support)となるバージョンで、Node.js 12.xは2022年4月までメンテナンスされます。 現在のLTSは8.x、10.x、12.xの3つとなり、8.xは2019年の12月でサポート終了となる予定です。 nodejs/Release: Node.js Foundation Release Working Group AWS Lambdaでは、Node.js 8.10の利用を非推奨にして廃止までのスケジュールがアナウンスされています。 Node.js 8.10 is EOL, please migrate your functions to a newer runtime vers

                                                                  2019-10-22のJS: Node v12.13.0 (LTS)、Chrome 79の開発者ツールの変更点、WSL 2でNode.js入門
                                                                • 入門Node.jsプログラミング | 翔泳社

                                                                  JavaScript(ES2015以降)をフル活用して 柔軟性に富んだWebアプリを作成しよう! フロントエンドもバックエンドも JavaScriptのスキルを120%活用する 本書は 「Get Programming with Node.js」 Jonathan Wexler, Manning Publications Co, 2019 の翻訳書です。 アプリケーションを構築できるプラットフォームは数多く存在します。Node.jsは、そのひとつですが、Webアプリケーション(インターネットを介してリクエストを処理し、応答として処理したデータとビューを返すアプリケーション)の構築に適している点が最大の特徴です。 本書は、純粋にJavaScript(ECMAScript 2015以降)だけを使ってアプリケーションを構築する手法と、その手立てを提供します。そのため、JavaScriptの機能と

                                                                    入門Node.jsプログラミング | 翔泳社
                                                                  • WebRTC 入門|npaka

                                                                    以下の記事を参考に書いてます。 ・Getting Started with WebRTC 1. プラグインなしのリアルタイム通信電話、テレビ、コンピュータが共通のプラットフォームで通信できる世界を想像してみてください。ビデオチャット、P2PをWebアプリに簡単に追加できることを想像してみてください。それが「WebRTC」のビジョンです。 「WebRTC」は、デスクトップとモバイルの「Google Chrome」「Safari」「Firefox」「Opera」で利用できるようになりました。はじめに試してみるべきは、シンプルなビデオチャット「appr.tc」です。 (1) ブラウザで「appr.tc」を開く。 (2) 「Joinボタン」をクリックしてチャットルームに参加。 (3) Webカメラを有効化。 (3) ページ下部に表示されているURLを別のタブまたはPCで開く。 2. クイックスター

                                                                      WebRTC 入門|npaka
                                                                    • DBスキーマはtblsのViewpointsで整理しよう

                                                                      この記事は MICIN Advent Calendar 2023 の 5日目の記事です。 前回は竹内さんの、Socket.ioコンテナオーケストレーションハンズオン でした。 tblsはいいぞ🦍 筆者はtblsの大ファンであり、特にViewpoints機能が他のツールとは一線を画していると思っています。今回はその良さをお伝えできればと思います。 TL;DR tblsは実際のスキーマからDBのドキュメントを生成するツール ER図が巨大化しても、tblsのViewpointごとに分割することでDBの全体像が理解可能になる Viewpointの粒度に困ったら一旦トランザクションと集計の単位に設定する 個別のテーブルとViewpointは相互に参照できる CIに組み込むことでドキュメンテーション忘れを防げる なんのためにDBのドキュメンテーションを行うか DBのドキュメンテーションはそれなりにコ

                                                                        DBスキーマはtblsのViewpointsで整理しよう
                                                                      • 自宅で集中できない人のためのオンライン・コワーキングスペースを作った話

                                                                        リモートワーク捗ってますか? 自宅で仕事をしてると、気が乗るまで仕事が手に付かない、つい他のことに気が散ってしまうなどの問題はありませんか? 僕はありました。自宅からのリモートワーク歴9年ですが、やっとその問題にうまく対処できるようになってきました。 その経緯については、noteに書いたので、そちらを参照ください! オンライン・コワーキングスペースで何ができるの? 一言で言うと、みんなで一緒にポモドーロ・テクニックができます。 ポモドーロ・テクニックは簡単に言うと、25分集中して仕事した後、5分休憩するというサイクルを繰り返す仕組みのことです。これをやると何が良いかは先程のnoteに詳しく書いてあります。 こちらがオンライン・コワーキングスペースです。 他人に見られている感覚をゆるく再現 Youtubeで仕事や勉強の様子を垂れ流して配信してる人、zoomで同僚同士で接続して無言で仕事をする

                                                                          自宅で集中できない人のためのオンライン・コワーキングスペースを作った話
                                                                        • 転職先募集 - y-ohgi's blog

                                                                          TL;DR 24歳SRE サーバーサイドエンジニアとして転職希望 特にクラウド(CNCF周り)とGolangに興味あり 誰 2017年新卒でWeb屋に就職したWeb系エンジニア(24)。 なぜ転職するのか 先月組織再編的なものがあり、上司が総入れ替え(もともと2人だったのが新しく3人に入れ替わり)があり、チームの雰囲気と体制がガラッと変わりました。 旧体制のSREチームは技術寄りな面があり非常に楽しかったのですが、新体制ではどちらかというとコミュニケーション寄りな組織になりました。 これが良い・悪いというより、単純に自分のキャリアとしてもっと技術をやりたいなとおもったことと新しい上司とあまり合わないのが理由です。 技術的なスキルアップにモチベーションがあり、その達成のために転職(もしくは社内転属)をしようと考えた次第です。 なにがやりたいのか 自分がよく人にキャリアプランを聞かれたときに答

                                                                            転職先募集 - y-ohgi's blog
                                                                          • 【Electron】HTML+JS+C#=クライアントアプリケーション!? Electron.Netを使ってみる - Qiita

                                                                            【Electron】HTML+JS+C#=クライアントアプリケーション!? Electron.Netを使ってみるJavaScriptC#VisualStudioElectron 8/15 16:45 追記 99いいね、トレンドランキング最高5位、C#週間ユーザランキング1位、皆様ありがとうございます! まさかこれだけ多くの方に見て頂けるとは思わず、読み返していろいろ情報が足りないなと焦りましたので、記事を全体的に肉付けしました。 また、VisualStudio上でのデバッグの方法や、デプロイまでの流れを追加エントリに記載しましたので、 こちらもぜひご覧ください。 【Electron】続・HTML+JS+C#=クライアントアプリケーション!? Electron.Netで開発・デプロイしてみる 本文 先日投稿した【Electron】40万件のレコードを鬼のような速度で描画するクライアントアプリ

                                                                              【Electron】HTML+JS+C#=クライアントアプリケーション!? Electron.Netを使ってみる - Qiita
                                                                            • Firefox’s New WebSocket Inspector – Mozilla Hacks - the Web developer blog

                                                                              The Firefox DevTools team and our contributors were hard at work over the summer, getting Firefox 70 jam-packed with improvements. We are especially excited about our new WebSocket inspection feature, because you told us in feedback how important it would be for your daily work. The WebSocket inspector will be released in Firefox 71, but is ready for you to use in Firefox Developer Edition now. To

                                                                                Firefox’s New WebSocket Inspector – Mozilla Hacks - the Web developer blog
                                                                              • Perl のリモートデバッグ体験の模索 - マンガ〜ノ伊藤ノ〜ト

                                                                                最近,Perl の開発してるときに DDP とかでダンプするのが億劫になってきたのと, 動かしつつデバッガーでブレークポイント置くみたいな体験できないかな,という気持ちが高まってきたので, そういうことができないか,というのを模索してみることにした. 前提 目下使っているエディタは VSCode である. これのデバッガー機能が使えればナイスな感じがしてくる. 環境は Docker で構築されている.Plack で動いている.Plack は正直わかってない. ただ,調べてもあまり Perl + VSCode のリモートデバッグでやったぜみたいなものはあまり出てこない. 素直に Perl Debug 素直に Perl Debug という拡張を使ってみることにした 1. Perl Debug のインストール marketplace.visualstudio.com 2. Devel::vsco

                                                                                • neue cc - AlterNats - ハイパフォーマンスな.NET PubSubクライアントと、その実装に見る.NET 6時代のSocketプログラミング最適化のTips、或いはMagicOnionを絡めたメタバース構築のアーキテクチャについて

                                                                                  タイトルはここぞとばかりに全盛りにしてみました!今回NATSの.NETクライアント実装としてAlterNatsというライブラリを新しく作成し、公開しました。 github - Cysharp/AlterNats 公式の既存クライアントの3倍以上、StackExchange.RedisのPubSubと比較して5倍以上高速であり、通常のPubSubメソッドは全てゼロアロケーションです。 そもそもNATSとはなんぞやか、というと、クラウドネイティブなPubSubのミドルウェアです。Cloud Native Computing Foundationのincubating projectなので、それなりの知名度と実績はあります。 PubSubというと、特にC#だとRedisのPubSub機能で行うのが、StackExchange.Redisという実績あるライブラリもあるし、AWSやAzure、GCP