LazySSH LazySSH is an SSH server that acts as a jump host only, and dynamically starts temporary virtual machines. If you find yourself briefly starting a virtual machine just to SSH into it and try something out, LazySSH is an attempt to automate that flow via just the ssh command. LazySSH starts the machine for you when you connect, and shuts it down (some time after) you disconnect. Another pos
Application Load Balancer and Network Load Balancer end-to-end IPv6 support
Application Load Balancers and Network Load Balancers now support end-to-end connectivity with Internet Protocol version 6 (IPv6). Clients can now connect to application and network load balancers and access backend applications over IPv6. With this launch, you can set your load balancer to “dual stack” mode, allowing it to accept both IPv4 or IPv6 client connections. While dual stack mode on inte
Universal Data Fetch ライブラリ、 Specter の紹介 - from scratch
この記事は Recruit Engineers Advent Calendar 2019 の 16日目の記事です。 adventar.org 最近僕が作っている OSS である Specter の話をします。 github.com Specter とは Client から Backend と BFF から Backend への Universal なデータフェッチを提供してくれるためのツールです。以下の特徴を持ちます。 軽量 TypeScript Freindly な型付け機能 投機的先読み 2年ほど前に報告されたCPUの投機的実行に基づく脆弱性である、 Spectre から来ています。と言っても、脆弱性の名前ではありません。投機的先読みを機能として持っているため、この名前をつけています（不吉な名前ではありますが・・・）。 まずは、 GraphQL でも grpc-web でもなく、なぜこ
はじめに こんにちは。CX事業本部の平屋です。 本記事では、iOSアプリにGoogleログインを追加する実装を紹介します。 扱う内容は以下の通りです。 OAuth クライアント IDの作成 初期設定 ログインの実装 動作確認 検証環境 macOS Mojave 10.15.2 Xcode Version 10.3 OAuth クライアント IDの作成 Google Developer Consoleを開きます。 プロジェクト未作成の場合は、ページ左上の[プロジェクトの選択]をクリックし、表示されるダイアログの右上の[新しいプロジェクト]をクリックしてプロジェクトを作成します。 プロジェクトページ左側のメニュー内の[認証情報]をクリックします。 [認証情報を作成] > [OAuth クライアント ID]をクリックします。 同意画面の設定 「OAuth クライアント IDを作成するには、まず同
![[iOS] Googleログインを追加する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/1e52f95ab7a7691f980a3082e67f002d1ab1b55f/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F07%2Feyecatch_ios_1200x630.png)
Doggo
Features Human-readable output with color-coded and tabular format JSON output support for easy scripting and parsing Multiple transport protocols: DNS over HTTPS (DoH) DNS over TLS (DoT) DNS over QUIC (DoQ) DNS over TCP DNS over UDP DNSCrypt Support for ndots and search configurations from resolv.conf or command-line arguments Multiple resolver support with customizable query strategies IPv4 and
XState + Apollo Clientでフロントエンドのステート管理 | メルカリエンジニアリング
こんにちは。メルカリのSoftware Engineerのsotaです。 この記事は、Mercari Advent Calendar 2021 の18日目の記事です。 先日限定公開が始まったmerworkのWebフロントエンドでは、より良いUXを実現するためにコードの段階から設計していこう、というテーマをもとに、ライブラリやフレームワークの選定を行なっています。その中でAPIのデータやアプリケーションのステート管理にはXStateとGraphQLクライアントであるApollo Clientを採用しています。今回はこれらのライブラリを採用した経緯やどのように運用しているかについて解説します。 XStateについて XStateはステートチャートに基づいた状態遷移を管理するJavaScriptライブラリです。ReduxやMobXのようなフロントエンドのステート管理ライブラリと比較すると、XSt
Prototype Pollution in Kibana
Working at Securitum Pentester / Researcher / Web Security Instructor Bug bounty hunter 0x08 place at Google's 0x0A Loving client-side security Speaking XSS Prototype-based inheritance What's prototype pollution anyway? DEMO: RCE via prototype pollution in Kibana Lessons learnt
Virtual Branches You don’t need to switch branches if you can work on several simultaneously. Fix your bug while you work on your feature. More Branch Management Undo, squash and amend your work by just dragging and dropping. No need to wrestle with rebase -i. More
by Ben Kraft Kevin has written about our multi-year project to replace our Python 2.7 monolith with services written in Go. As part of the transition to a service-oriented architecture, we decided to migrate all our REST APIs to GraphQL—including new APIs for service-to-service communication. Even with Apollo Federation handling much of our fan-out, we have over 300 distinct GraphQL requests from
What is FreeTube? FreeTube is a YouTube client for Windows (10 and later), Mac (macOS 10.15 and later), and Linux built around using YouTube more privately. You can enjoy your favorite content and creators without your habits being tracked. All of your user data is stored locally and never sent or published to the internet. FreeTube grabs data by scraping the information it needs (with either loca
INFORMATION_SCHEMAを用いたBigQueryのストレージ無駄遣い調査 - ZOZO TECH BLOG
こんにちは、『地球の歩き方ムー』創刊のニュースに心を踊らせている、データ基盤ブロックの塩崎です。 本記事では、データ基盤の管理者としてBigQueryのストレージコストの削減に取り組んだ事例を紹介します。 BigQuery費用はクエリ費用だけではない ZOZOのデータ基盤として利用されているBigQueryは、非常にパワフルなDWH（Data WareHouse）です。しかし、それ故に利用者の意図しないところで費用が高騰することもしばしば発生します。よく問題になるのはクエリ費用の高騰であり、以下のQiita記事はBigQuery利用者の中でも有名です。 qiita.com このクエリ費用の高騰に対し、我々データ基盤ブロックはこれまでに、いくつもの方法で対処してきました。具体的な取り組みの一部は以下の記事で紹介しているので、併せてご覧ください。 techblog.zozo.com techb
Moving from TypeScript to Rust / WebAssembly | nicolodavis.com
I recently decided to switch the engine of Boardgame Lab from TypeScript to Rust. The application itself is an SPA written in Svelte. I only switched the logic that updates the game state to Rust. Here is a summary of my experience with the transition: Isomorphic ArchitectureOne of the advantages of using JavaScript or TypeScript is that you can run the same code on both client and server. For Boa
DenoのWebフレームワーク、Freshを試してみました。 次に述べる特徴にもあるように、設定ファイルをゴニョゴニョする必要が無く、使い方もとてもシンプルで分かりやすく、正にフレッシュなフレームワークという印象を受けました。 また、コードはJSXで書かれますが、Reactではなく軽量なPreactを使用しています。 特徴 公式ページに載っている特徴です。括弧の中は筆者の所感です。 Just-in-time rendering on the edge. ジャストインタイム・レンダリングをエッジで実現 （Deno Deployで使われることを想定しているから？） Island based client hydration for maximum interactivity. アイランドベースのクライアントハイドレーションで、最大限のインタラクティブ性を実現 （アイランドベース?ハイドレーショ
React vs. Blazor: Minimize JavaScript in your SPAs - LogRocket Blog
Ejiro Asiuwhu Software engineer with a drive for building highly scalable and performant web applications. Heavily interested in module federation, micro frontends, state machines, TDD, and system designs. Big on web performance and optimization, advanced component design patterns, a11y, SSR, SSG, ISR, and state management. Expert at crafting highly reusable TypeScript-heavy component libraries. E
zeke | tcp-proxy
home A TCP Proxy in 30 lines of Rust Jul 2021 TCP proxies accept connections from one computer and forward them to another. AWS Global Accelerator and Cloudflare Spectrum are examples of TCP proxies you can pay to use in the wild. TCP proxies can be quite simple. Here we’ll write one in 30 some lines of Rust. After we write it we’ll demonstrate the proxy’s functionality by proxying traffic from lo
クライアントサイドの JavaScript フレームワークを理解する - ウェブ開発を学ぶ | MDN
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH
AWS Chatbot – ChatOps for Slack and Amazon Chime | Amazon Web Services
AWS News Blog AWS Chatbot – ChatOps for Slack and Amazon Chime Last year, my colleague Ilya Bezdelev wrote Introducing AWS Chatbot: ChatOps for AWS to launch the public beta of AWS Chatbot. He also participated in the re:Invent 2019 Launchpad and did an in-depth AWS Chatbot demo: In his initial post, Ilya showed you how you can practice ChatOps within Amazon Chime or Slack, receiving AWS notificat
GraphQL, TypeScript, React を用いて型安全に社内システムをリニューアルした話 | MEDLEY Developer Portal
2020-11-06GraphQL, TypeScript, React を用いて型安全に社内システムをリニューアルした話こんにちは。メドレーのエンジニアの山田です。現在、医療介護求人サイト「ジョブメドレー」のチームで開発を担当しています。 今回、ジョブメドレーの社内スタッフが利用する社内システムをリニューアルした事例をご紹介します。 リニューアル対象はバックエンド領域も含まれますが、本記事ではフロントエンドの話を中心にご紹介します。 また、弊社デザイナー酒井が以前投稿した デザイナーがデザインツールを使わずに、React を使ってデザインした話 も関連しているので、よろしければあわせてご覧ください。 リニューアルの背景社内システムでは、求人サイト「ジョブメドレー」を利用する求職者に関する情報や求職者の応募状況を管理しています。 前回のリニューアルから時間が経ち、複雑性が高くなってきました
Amazon CloudFront adds support for client IP address and connection port header
Amazon CloudFront now provides a CloudFront-Viewer-Address header that includes IP address and connection port information for requesting clients. The connection port field indicates the TCP source port used by the requesting client. Previously, IP address and client connection port information were available only in CloudFront access logs, making it harder to resolve issues or perform real-time d
Laravelでアプリケーションを構築した経験がある人ならログイン認証機能を利用することでLaravelへのユーザのアクセス制限を行えることは知っているかと思います。しかし、Laravelの外側のアプリケーションからアクセス制限のかかっているLaravel内のリソースにアクセスするためにはどうしたらいいのでしょう。そんな疑問を解決してくれるのがLaravel Passportです。 Laravel Passportを使用するとLaravel上でOAuth2.0に沿った形でAPIの認証機能を短時間で実装することができます。 OAuth2.0に沿った形でAPIの認証機能 といってもそれが何かわからないという人が大半だと思います。簡単に言えばLaravelの外側にあるアプリケーションからアクセスしたいリソースに対してアクセストークン(文字列)を使って管理するための仕組みです。 アクセス制限の行わ
runfinch
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
Improving DNS Privacy with Oblivious DoH in 1.1.1.12020-12-08 Today we are announcing support for a new proposed DNS standard — co-authored by engineers from Cloudflare, Apple, and Fastly — that separates IP addresses from queries, so that no single entity can see both at the same time. Even better, we’ve made source code available, so anyone can try out ODoH, or run their own ODoH service! But fi
今回はリモートデスクトップビューアーでありながら多機能なRemminaを、第638回よりも詳細に紹介します。 Remminaとは RemminaはあらかじめUbuntuにインストールされているリモートデスクトップビューアーです。Ubuntuにインストールされるようになったのは12.04 LTSからで、長く安定して開発が進められていることがわかります[1]。 ここではRemminaを便宜上「リモートデスクトップビューアー」と呼んでいますが、SSHやSFTPクライアントとしても使用できます。すなわちサーバー（ヘッドレス）で運用している場合でもクライアントとして使用できます。 このようにRemminaは多機能ですが、今となっては使いどころがなくなった機能、使い方がよくわからない機能が残っていたりします。充分なドキュメントもないため、どういった機能なのかを追跡するのが困難です。本記事も可能な限り
Update 2023-03-29: In August 2021 Apple acquired Primephonic the company. On March 28, 2023 Apple launched Apple Music Classical as a new app. This new app is built on the foundations of the Primephonic app, the fundamentals of the Server Driven UI architecture as described in this post remain the same. Note: This post is based on a talk I gave at CocoaHeadsNL in July 2020. Warning: because this i
Use CloudFront continuous deployment to safely validate CDN changes | Amazon Web Services
Networking & Content Delivery Use CloudFront continuous deployment to safely validate CDN changes Content delivery networks (CDN) like Amazon CloudFront are often the front door for users and devices to connect to websites or applications. A change to your CDN configuration could result in a complete outage with limited visibility into the cause of the issue. Today’s existing industry solutions fo
A free and open source alternative Twitter front-end focused on privacy and performance. Inspired by the Invidious project. No JavaScript or ads All requests go through the backend, client never talks to Twitter Prevents Twitter from tracking your IP or JavaScript fingerprint Uses Twitter's unofficial API (no rate limits or developer account required) Lightweight (for @nim_lang, 60KB vs 784KB from
Rebuild: 270: Fishfooding (omo)
Hajime Morita さんをゲストに迎えて、Twitter, リモート、モニタリング、ベンチマークなどについて話しました。 Show Notes SpaceX Trump’s social media executive order and Twitter attacks, explained Twitter restricts new Trump tweet for ‘glorifying violence’ Facebook: The Inside Story Paying Remote Employees Fairly Wrote a little script to open Zoom URL in the current event Dogfooding 101: A Quick Guide to Internal Beta Testing 闘うプログラマー［新装版］ ビル
GitHub - gitbutlerapp/gitbutler: The GitButler version control client, backed by Git, powered by Tauri/Rust/Svelte
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 - lencx/ChatGPT: 🔮 ChatGPT Desktop Application (Mac, Windows and Linux)
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
ネットワークゲームとチートについて｜黒河優介
前置き今回はチートの方法・対策について書きます。 チートの方法や対策を書いてゲーム開発者の方の目に触れる形で置く事で、チートに遭うゲームがなくなる事を望んでいます。 チートを助長したくないので、具体的なチートの詳しいやり方などは一切 記述しませんので、その点についてご理解ください。 チートについてチートとは、不正な操作をしてゲームを優位に進めることです。 チートはユーザーのモチベーションや、コミュニティへの悪影響があるだけでなく、種類によっては開発・運営を行っている会社の利益を直接損ねるものもあります。 さて、チートと一言で言っても色々なチートがあります。列挙すると例えば下記のように色々と出てきます。 ■マルチプレイでの対戦のないゲームでも起こりえるチート ・本来所持していないはずのキャラクターを所持した扱いにしてしまうチート、または不正にゲットしてしまうチート ・ゲームキャラのステータス
aws-vaultは、アクセスキー等のAWSの認証情報をセキュアに保管し、より便利に使用することができるツールです。 Linux環境でaws-vaultを使用する方法について解説しているサイトがあまりなく、導入に手間取ったので、導入手順やハマったポイントについて残しておきます。 aws-vaultの特徴 よりセキュアな認証情報の保管と利用を実現 AWS CLIなどのAWSコマンドラインツールを使用する際には、環境変数や、~/.aws/credentials などに、平文でアクセスキーを保存するのが通常です。 これでは自分以外のユーザーからも認証情報が見えてしまう可能性があり、少し心許ないです。ノートPCなどにAWS CLIを入れて使用している場合、外出先で端末を落とした場合にアクセスキーを抜かれたりする危険もあります。 aws-vaultを利用すると、OSの機密情報ストア※1Windows
Mackerel : グラフアノテーションを登録するパターン集 - kakakakakku blog
新機能ではないけど，Mackerel の「グラフアノテーション機能」は便利でよく使っている．メトリクスの推移を分析するときに，同じタイミングで発生したイベント情報（デプロイ／キャンペーン開始／テレビ放送など）と紐付けることができる．実際にアノテーションを登録するときに「個人的によく使うパターン」がいくつかある．今回はパターンごとに「アノテーションを登録するスニペット」を整理しておく． mackerel.io コンソールを使う アドホックにアノテーションを登録する場合は，1番簡単な「コンソール」を使う．とは言え，以下の画像のように「グラフの時刻部分をドラッグする」のは気付くにくく，Mackerel 初学者には使ってもらえなさそう． mkr コマンドを使う シェルからアノテーションを登録する場合は，mkr コマンドを使う．mkr annotations を使うと簡単に登録できる．--from
Introducing Amazon CloudWatch RUM for monitoring applications’ client-side performance
Amazon CloudWatch RUM is a real-user monitoring capability that helps you identify and debug issues in the client-side on web applications and enhance end user’s digital experience. CloudWatch RUM enables application developers and DevOps engineers reduce mean time to resolve (MTTR) client-side performance issues by enabling a quicker resolution. Amazon CloudWatch RUM is part of CloudWatch’s Digit
Node.js v17.5 introduces support for fetch() – a popular cross-platform HTTP client API that works in browsers and Web/Service Workers – as an experimental core feature. fetch() support has been a long-requested addition by many, who want to write cross-platform HTTP request code and are familiar with the fetch() API shape and call patterns. So much so that the node-fetch module exists solely to b
こんにちは！SPEEDAプロダクト開発チームの成です。 去年の秋ごろからRustを触り始め、徐々にRustの魅力に惚れられました。 最初は日々コンパイラーにボコボコにされていましたが、 The Book *1 を読みながら、Rustを少しずつ理解していくと、段々コンパイラーと仲良くなってきて、Rustを書くのも楽しくなりました。 小さいな作業効率化のツールから、Rest Api Server、色んな処理を並列化するBatchなどをRustで作ってきました。最近プロダクトのマイクロサービスの極一部もRustで作っており、幸せ感満喫です！！ 本日は、HTTPリクエストを並列化するときハマったことをお話したいと思います。 今日の内容はある程度Rustの知識が必要ですが、初めての方は上の The Book の日本語版 から参考できます。 Rustは独特なメモリ管理仕組みを持ち、安全かつRuntim
GitHub - FreeTubeApp/FreeTube: An Open Source YouTube app for privacy
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
LangSmith クイックスタートガイド｜npaka
「Google Colab」で「LangSmith」をはじめる方法をまとめました。 1. LangSmith「LangSmith」は、LLMアプリケーションのデバッグ、テスト、監視のための統合プラットフォームです。 「LangChain」でLLMアプリケーションのプロトタイプを作成するのは簡単ですが、プロトタイプから本番まで持っていくのはまだまだ困難です。高品質の製品を作成するには、プロンプト、チェーン、その他のコンポーネントを大幅にカスタマイズして、反復する必要があります。このプロセスを支援するために、「LangSmith」は開発されました。 次のような場面で役立ちます。 ・新しいチェーン、エージェント、ツールを迅速にデバッグ ・コンポーネント (チェーン、LLM、リトリバーなど) がどのように関係し、使用されるかを視覚化 ・単一コンポーネントのさまざまなプロンプトとLLMを評価 ・デー
どうも。えーたん（@eetann092）です。 先日、Chrome拡張機能「Choomame（チューマメ）」を公開しました。 本記事では、Choomame開発時に使っている「Chrome拡張機能をGitHub Actionsを使ってChrome Web Storeへデプロイする手順」を紹介します。 メリットは以下です。 自分で拡張機能のversionを制御しなくて良い 更新版をアップロードするときのバージョンの上げ忘れを気にしなくて良い Chrome Web Store Developer Dashboardに手動でアップロードする手間が省ける Chrome Web Store Developer Dashboardから手動で審査の申請をする手間が省ける GitHubの「Releases」に自動でリリースノートを作成＆拡張機能のzipファイルをアップロード 初回はChrome Web St
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
Node.jsのキラーソフトの一つとも言われて久しいSocket.ioを使ってリアルタイム通信を行います。コツさえ分かれば非常に簡単に開発できてしまうのでプロトタイプや小規模なプロジェクトにオススメ。 今回は以下の動画のように複数のクライアント間でリアルタイムに通信が行える簡易チャットをHTML+JavaScriptで作成してみます。 www.youtube.com 基本的な解説 Socket.ioは何をやってるの？ 制約や注意点 P2Pじゃダメなの？ 環境構築 インストール サンプルコード serve.js index.html 実行する サーバを起動 ブラウザから確認 サーバを終了 解説 大まかな原理 クライアント ライブラリを取得 サーバへ接続 Socket.ioサーバへ送信 Socket.ioサーバから受信 サーバ クライアントの接続 - connection クライアントへ一斉送
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
A jump-host SSH server that starts machines on-demand
[iOS] Googleログインを追加する | DevelopersIO
![混雑していないカフェが見つかるアプリ「imako」、ひと息つきたい・ちょっとパソコン作業したいときに [てっぱんアプリ！]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2628dbc01d99563b1664671303c97064ab37c9fc/height=288;version=1;width=512/https%3A%2F%2Fk-tai.watch.impress.co.jp%2Fimg%2Fktw%2Flist%2F1621%2F606%2Fthumbnail.jpg)
GitButler | Git Branching, Refined
genqlient: A truly type-safe Go GraphQL client
FreeTube - The Private YouTube Client
【Fresh】DenoのWebフレームワークを試してみたら面白かった
Laravel PassportのAPI認証を理解する | アールエフェクト
Improving DNS Privacy with Oblivious DoH in 1.1.1.1
第661回 リモートデスクトップビューアー、Remminaを使用する | gihyo.jp
Server Driven UI – Tom Lokhorst's blog
GitHub - zedeus/nitter: Alternative Twitter front-end
aws-vaultをLinux環境でも使う方法【セキュリティ向上】
fetch() In Node.js Core: Why You Should Care
Rustで非同期リクエストでハマったこと - Uzabase for Engineers
Chrome拡張機能をGitHub ActionsでChrome Web Storeにデプロイ
GitHub - uptrace/bun: SQL-first Golang ORM
はじめてのSocket.io #1 「リアルタイムなチャットを作る」 - ねこの足跡R
www.enjoytokyo.jp
news.yahoo.co.jp
b.hatena.ne.jp
seekingcalmlife.hatenablog.jp
ototoy.jp
ukahodo.hatenablog.com