Kanji for Long: 長 (Naga-i)
The Japanese kanji for “Long” is 長. The pronunciation of the Kanji 長 is “naga-i” (なが-い) in its kun’yomi (Japanese reading) and “chou” (チョウ) in its on’yomi (Chinese reading). However, the Kanji 長 is also pronounced as “osa” (おさ) in it’s Japanese reading. The reading “osa” is for words when this Kanji extends its meaning from long to mean the head of a group, chief, leader, elder, the greatest of al
Though growing Bonsai trees is a hobby practiced by many people around the world, its Asian origin is still obvious. Not surprisingly, the most impressive trees are to be found in collections of famous Japanese masters. We have put together a list of ten stunning trees that are unique in their beauty, balance and realism. These trees will help you appreciate this ancient and fascinating art! The t
GA4の探索指標の中に「アクティブユーザー数」と「総ユーザー数」があります。どのように使い分ければ良いのか、迷っている人も多いのではないでしょうか。 本記事では、アクティブユーザー、総ユーザー数との違いや、新規ユーザー、リピーターの定義について解説します。 GA4のアクティブユーザー数とは GA4には「ユーザー」に関するさまざまな指標があります。GA4のアクティブユーザー数は、一定期間内にサイトに訪れたユーザーの中で「10秒を超えたセッション」など、ある一定以上のアクションを行ったユーザーのみを指す指標です。 なお、GAで単に「ユーザー」という場合はこの「アクティブユーザー」を指します（重要）。 アクティブユーザー数の定義については後述します。 総ユーザー数との違い 総ユーザー数は特定期間にサイトに訪れたユニークユーザーの総数を指します。アクティブユーザー数は総ユーザーの中で一定の動きをし
Release 0.27.0 - Nicer menus and new hit test logic · emilk/egui
egui is an easy-to-use immediate mode GUI for Rust that runs on both web and native. Try it now: https://www.egui.rs/ egui development is sponsored by Rerun, a startup building an SDK for visualizing streams of multimodal data. egui changelog The hit test logic (what is the user clicking on?) has been completely rewritten, and should now be much more accurate and helpful. The hit test and interact
June 23, 2024 — Regardless if you specialize in React, Rails, Django, Next, Java, C#, or ObjectiveC, you probably use templates to start new projects. Templates generate a handful of files like readme.md, .gitignore, and main. They also initialize a handful of directories like src/ and tests/. What if it was even easier to make, edit and use these templates? Introducing Stamp, a microlang (only 60
Front-end developers spend a significant amount of time working inside the browser’s DevTools. Likely just as much as they spend time writing code in the code editor. However, most developers barely scratch the surface of what DevTools can accomplish. I have been curating a collection of DevTools tips across major browsers. The following are some of the useful tips & tricks for across different br
ひとりCSS Advent Calendar 2022 13日目です。 scroll-marginとscroll-paddingを使ってみます。 どんなときに便利か たとえばページ上部にヘッダーを固定させて、ページ内スクロールを実装したとき margin padding だとスクロールさせたときにヘッダーとかぶる 頻繁に遭遇する（またか〜…みたいな。） 考慮するの結構面倒だった scroll-padding を使うとヘッダー分の高さを考慮できる scroll-margin より scroll-padding のほうが使うことが多そう 作ってみる <header> <nav> <a href="#1">section1</a> <a href="#2">section2</a> <a href="#3">section3</a> <a href="#4">section4</a> </nav
Scheduling Internals
A sneak peek to what's coming! I remember when I first learned that you can write a server handling millions of clients running on just a single thread, my mind was simply blown away 🤯 I used Node.js while knowing it is single threaded, I used async / await in Python, and I used threads, but never asked myself "How is any of this possible?". This post is written to spread the genius of concurrenc
カスタムイベント実装事例集
最初に GA4で自動取得あるいはGA4の管理画面の設定だけで取得出来るイベント以外の「カスタムイベント」の実装事例集になります。取得方法はGoogle Tag Managerの利用を前提としております。 実装に伴い、サイト内のHTMLの修正や追加が発生する場合もあります。修正や追加が発生するかは、サイトによって変わってきます。必要に応じて制作会社、エンジニアやコーディングを担当される方に確認しながら設定を行っていきましょう。 任意のスクロール率計測 サイト側の実装：不要 Google Tag Managerの設定：必要 1.Google Tag Managerの変数から、組み込み変数を追加。Scroll Depth Thresholdにチェックを入れてください。 2.Google Tag Managerのトリガーから、新規トリガーを作成。以下の条件でトリガーを設定します。 トリガーのタイプ
【無料の高精度チャットボット】Googleの「NotebookLM」の使い方と精度を徹底比較《GPT-4o、Claude 3、Gemini 1.5 pro》｜チャエン | 重要AIニュースを毎日発信⚡️
みなさん、こんにちは。 チャエンです！（自己紹介はこちら） メモやアイデア、議事録など、多くの情報をパソコンやスマホ上にとりあえず書いておきますよね。 しかし、必要な情報をどこに書いたか忘れたり、なかなかたどり着けないという経験はありませんか？ そんな時はAIチャットボットを使うのがおすすめです。 特に、今回紹介するGoogleが公開したGemini 1.5 Pro を搭載したAIチャットボット「NotebookLM」は情報整理の概念が変わると思います。 従来のノートアプリとは異なり、NotebookLMはあなたのノートを"理解"し、思考のパートナーとして機能するのが特徴の一つです。 AIで都度資料を解析して、それをメモとして残せます。 また、AIの解析も精度が高い。 そして、それがなんと無料。。。 使わない手はない。 NotebookLM, our AI-powered research
Simplify and enhance Amazon S3 static website hosting with AWS Amplify Hosting | Amazon Web Services
AWS News Blog Simplify and enhance Amazon S3 static website hosting with AWS Amplify Hosting We are announcing an integration between AWS Amplify Hosting and Amazon Simple Storage Service (Amazon S3). Now, you can deploy static websites with content stored in your S3 buckets and serve over a content delivery network (CDN) with just a few clicks. AWS Amplify Hosting is a fully managed service for h
GA4の計算指標 - スクロール率 | アユダンテ株式会社
GA4の拡張イベント計測機能を有効にすることで、Webサイトにおいてページのスクロール数を計測できます。これはユーザーが各ページの最下部まで初めてスクロールした場合（垂直方向に90%の深さまで表示）にイベントが計測されます。 本コラムでは、GA4の計算指標を利用することで、ページ毎に30%、60%、90%の深さまでスクロールした割合をレポートする方法について説明します。 スクロールイベントの計測カスタム指標の設定計算指標の設定さいごに スクロールイベントの計測 GA4の管理画面から拡張イベント計測機能を有効にすることで、Webサイトにおける、スクロール完了数（垂直方向に90%の深さまで表示）が自動で計測ができます。しかし、今回はGoogleタグマネージャー（以後、GTMと呼ぶ）を利用して、各ページの垂直方向へのスクロール量30、60、90%の地点でスクロール回数を計測します。GTMによるス
At a first glance, the table seems about right, in that the sites that feel slow unless you have a super fast device show up as slow in the table (as in, max(LCP*,CPU)) is high on lower-end devices). When I polled folks about what platforms they thought would be fastest and slowest on our slow devices (Mastodon, Twitter, Threads), they generally correctly predicted that Wordpress and Ghost would b
VTE (Virtual TErminal library) is the library underpinning various GNOME terminal emulators. It provides a GTK widget that shows a terminal view, which is used in apps like GNOME Terminal, Console, Black Box, Tilix, Terminator, Ptyxis, and others. It also powers embedded terminals in Builder and Workbench. Over the GNOME 46 cycle, VTE has seen a lot of performance improvements. Christian Hergert m
Dive into native Windows development with new WinUI workload and template improvements - Visual Studio Blog
Dive into native Windows development with new WinUI workload and template improvements At //Build 2024, the WinUI team announced a renewed focus on WinUI as one of the premier app development frameworks we recommend for native Windows app development. To make it as seamless and easy as possible to get into coding, we created a new Windows Dev Center page, streamlined our Getting Started with WinUI
Bacon
bacon is a background rust code checker. It's designed for minimal interaction so that you can just let it run, alongside your editor, and be notified of warnings, errors, or test failures in your Rust code. It conveys the information you need even in a small terminal so that you can keep more screen estate for your other tasks. It shows you errors before warnings, and the first errors before the
Hello friends, we have a new Windows Terminal Preview release! Windows Terminal Preview 1.22 is a large release that contains new features such as Sixel image support (a LARGE community contribution!), Grapheme Cluster Support, the Snippets Pane, Quick Fixes in CMD, and a new Cooked Read popup in CMD to name a few! We are also updating Windows Terminal stable to version 1.21 which will include all
Just when we thought we’d caught them all… A lot has happened in the Pokémon universe since we identified each country’s favorite breed of ‘pocket monster’ back in 2021. At that time, we reported the existence of over 700 breeds of the pop culture creature, developed across a diverse canon of video games, anime shows, movies and merch. Since then, we’ve witnessed the launch of Legends: Arceus, Sca
前書き Emacsへの不満としてよく目にするのがウィンドウ管理の訳わからなさです。 勝手に分割したり、閉じたり閉じなかったり、使っているウィンドウに別のバッファーを表示したり、と訳わかりません。 Emacs Lispリファレンスマニュアルとかを読めば、それを制御するウィンドウパラメーターなるものとか記述されてますが、読んでも「えーそこからですか?」という感じで面倒くさくてあきらめてしまいます。 そんな折、redditで高評価だったウィンドウ管理に関する長文のブログ記事を読んでとてもためになったので要約してみました。本当は進歩著しいAIで手っ取り早く和訳orgを作ったんですが(自分用に色々なとこからこつこつためてます; 最近はAIの使い方でサイトごと一気に取り込んで、とか色々あるようですがわたしはセンテンス単位でブラウザ上でカットアンドペースト; わたしはこーゆーやり方じゃないと頭に入らない
『ヘッダーをブログに設置する方法♡』
/* ▼ヘッダー画像の設定▼*/ /* ヘッダー画像を設置 */ .skin-bgHeader { background: no-repeat scroll center top; background-image: url(ヘッダー画像のURL); } /* ヘッダーの高さを設定 */ .skin-bgHeader a { height: 400px; } /* ブログタイトルと説明文を消す */ .skin-headerTitle { display: none; }/* ▲ヘッダー画像の設定▲*/ アメブロのヘッダーは あなたのブログを見た時に一番最初に目に入る いわば看板♡ ヘッダーを作るときは Webデザイン作成ツール canvaがおススメ♡ カスタムサイズから アメブロヘッダーに合わせたサイズを 選択しましょう ✿ヘッダーサイズ 新CSS：横1,120px× 縦400 縦の大き
What's new in DevTools, Chrome 129 | Blog | Chrome for Developers
Recorder supports export to Puppeteer for Firefox As part of WebDriver BiDi support, the Recorder panel can now export recordings to Puppeteer for Firefox. With Puppeteer's support of Firefox, you can now record user flows using the Chrome DevTools Recorder panel, export them, and run them against both Firefox and Chrome. For more information, see WebDriver BiDi - The future of cross-browser autom
概要(Overview) 使い始める 基礎情報 Tailwind CSS クラス名 ブレークポイント(Breakpoint) 方向(Direction) 長さ(Length) パーセンテージ(Percentage) 太さ(Width) 色(Color) 濃さ(Density) プレフィックス(Prefix) カスタムプロパティ 直接CSS指定 レイアウト(Layout) コンテナ(Container) カラム(Columns) ボックスサイジング(Box Sizing) ディスプレイ(Display) ポジション(Position) 上下左右(Top/Right/Bottom/Left) ビジビリティ(Visibility) オーバーフロー(Overflow) Zインデックス(Z-Index) フレックスボックスとグリッド(Flex & Grid) フレックス(Flex) フレックス方向(
Back in Dec 2022, when inflation was running high, I built a website for tracking price changes in the three largest supermarkets of my home country, Greece. In the process I ran into a few interesting hurdles that I had to clear before being able to "go live". There were also several lessons I learned and faulty assumptions that I made. In this post I will talk about scraping: What I use, where i
Zonal autoshift – Automatically shift your traffic away from Availability Zones when we detect potential issues | Amazon Web Services
AWS News Blog Zonal autoshift – Automatically shift your traffic away from Availability Zones when we detect potential issues Today we’re launching zonal autoshift, a new capability of Amazon Route 53 Application Recovery Controller that you can enable to automatically and safely shift your workload’s traffic away from an Availability Zone when AWS identifies a potential failure affecting that Ava
Using CSS content-visibility to boost your rendering performance - LogRocket Blog
Using CSS content-visibility to boost your rendering performance Rob O'Leary Rob is a solution architect, fullstack developer, technical writer, and educator. He is an active participant in non-profit organizations supporting the underprivileged and promoting equality. He is travel-obsessed (one bug he cannot fix). You can find him at roboleary.net. content-visibility is a CSS property that contro
'); doc.close(); } if (!doc) throw Error('base not supported'); var baseTag = doc.createElement('base'); baseTag.href = base; doc.getElementsByTagName('head')[0].appendChild(baseTag); var anchor = doc.createElement('a'); anchor.href = url; return anchor.href; } finally { if (iframe) iframe.parentNode.removeChild(iframe); } }()); } // An inner object implementing URLUtils (either a native URL // ob
GitHub - google-deepmind/treescope: An interactive HTML pretty-printer for machine learning research in IPython notebooks.
Treescope is an interactive HTML pretty-printer and N-dimensional array ("tensor") visualizer, designed for machine learning and neural networks research in IPython notebooks. It's a drop-in replacement for the standard IPython/Colab renderer, and adds support for: Expanding and collapsing subtrees of rendered objects, to let you focus on the parts of your model that you care about, Automatically
Node.js — Node v22.5.0 (Current)
2024-07-17, Version 22.5.0 (Current), @RafaelGSS prepared by @aduh95 Notable Changes [1367c5558e] - (SEMVER-MINOR) http: expose websockets (Natalia Venditto) #53721 [b31394920d] - (SEMVER-MINOR) lib: add node:sqlite module (Colin Ihrig) #53752 [aa7df9551d] - module: add __esModule to require()'d ESM (Joyee Cheung) #52166 [8743c4d65a] - (SEMVER-MINOR) path: add matchesGlob method (Aviv Keller) #528
Version 1.92 is now available! Read about the new features and fixes from July. March 2024 (version 1.88) Update 1.88.1: The update addresses these issues. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the March 2024 release of Visual Studio Code. There are many updates in this version that we hope you'll like, some of the key highlights
Ethereum、Bitcoinで応用が広がる高機能暗号 後編：ゼロ知識証明、準同型暗号などの高機能暗号を理解するための数学とプログラミングの手引 5月27日、シリコンバレー発で世界最大級のスタートアップ・起業家・イノベーター・クリエイターが集まるコミュニティ「Startup Grind」YouTubeチャンネルで、「アフリカ・南米を中心にグローバルで活躍するweb3起業家に聞く」（ゲストスピーカー：日置玲於奈氏）と題したアーカイブ動画が公開されました。イベントは2月20日に、Startup Grindの日本・名古屋拠点である「Startup Grind Nagoya」が開催しています。 ゲストスピーカーとして招かれた日置玲於奈（ひおき・れおな）氏は、暗号資産のイーサリアム（以降、Ethereum）を中心に暗号資産・ブロックチェーン関連技術を多く開発するエンジニアです。イベント
CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック
NeovimとVSCodeと私 - Qiita
TD;LR VSCodeとNeovimを使った開発環境の構築について記載します。 背景 簡単に私のテキストエディタ遍歴を書いておくと以下のとおりです。 2003年頃: 中学2年生のときにTeraPadというテキストエディタに出会う。この頃はウェブサイトを作ったり、フリーで配布されていたPerlで書かれたCGIを少し編集したりするのに使っていた。 2004年ごろ： viに出会う。この頃は自宅サーバを稼働させ始めて、SSHでログインしてファイルを編集するのに使っていた。プログラミングはもっぱらTeraPadで行っていた 。 2009年頃: Vimに出会う。この頃、vimrcを編集することを知り、素viと比較して格段に使用性が向上した。しばらく経ってからEmacsに出会う。Emacsはこの当時からOSと呼ばれているぐらいに機能が充実しており、すぐに改宗した。それ以降はずっとEmacsを使っている
3分プロトタイピング: ベクトルデータベースの登録内容を可視化してみる - ROUTE06 Tech Blog
連載「3分プロトタイピング」 Streamlitを用いたAIチャットアプリ RAGを使ってAIチャットアプリケーションに知識を与える ベクトルデータベース超入門 ベクトルデータベースの登録内容を可視化してみる(この記事です) 前回の投稿では、ベクトルデータベースとベクトル検索の概要を説明し、Qdrantというベクトルデータベースを使って、文章のベクトル計算をした結果を登録して簡単なベクトル検索アプリケーションを実装しました。 ベクトルデータベースに登録したデータは、384次元のベクトルデータで、人間が見ても理解することは難しいデータでしたね。 // ベクトル化前 タイムマシーンはダメだった:自作のタイムマシーンに飛び乗った主人公が過去にタイムスリップするが、予期せぬハプニングが次々と発生。歴史改変を恐れて必死で元に戻そうと奮闘する滑稽な時空冒険。 // ベクトル化後 [ 3.2279573
Essential Vim commands for efficient text editing | Max Shen Dev
In this tutorial, I’ll cover the basic commands and concepts that you need to know to work in Vim efficiently. I recommend you to open a file with Vim/Neovim and try the command while reading it. The 3 most used modes in Vim: Normal mode: Used for moving/editing text. When you press <ESC> in other modes, you’ll get back to Normal mode. Command-line mode: Used for executing commands (eg: save file,
Braveブラウザの最新版v1.64.109が公開され、ブラウザのインストール時にVPNサービスが自動的にインストールされる問題が修正されたことがわかりました(Neowin)。 昨年9月、BraveのWindows版をインストールすると、VPNの2つのサービス「Brave VPN Service」と「Brave VPN Wireguard Service」が自動的にインストールされていることが発覚し、ユーザーからの反発を招いていました。 Braveはこの問題を修正し、VPNサブスクリプションを登録した場合にのみVPNサービスをインストールすると約束していましたが、今回のアップデートではこの修正が行われています。 変更履歴によると「VPNを購入または有効にするまでVPNサービスをインストールしないようにBrave VPNを修正」したことが確認できます。また管理者ポリシーによってBraveのA
This paper details how Wi-Fi works in the United States. While most of this paper also applies to other countries, there will be subtle Wi-Fi differences (supported channels, Tx power allowed, etc) for other countries, for which Wikipedia has the details. Faster navigation TIP: As you scroll through this paper, headers are 'sticky' and remain docked at the top of the web browser window. Clicking a
Since we first launched in 2017, enterprises have organically adopted StackBlitz as part of their public documentation and development workflows. For example, check out how companies like Google and Porsche use StackBlitz to power live examples and one-click bug reporting for their design systems. However, we’re regularly asked for a version of StackBlitz that can run entirely within an organizati
Building a game with the Real Engine
Some people make games using the Unreal Engine. That’s nice, but I wanted something a little different. That’s why I’m using the Real Engine. (OK, I’m not really calling it “Real Engine”; Epic please don’t sue me). What’s the Real Engine? Simple: instead of modeling a space in Blender and then texturing it, I’m building a diorama and taking some pictures of it. Then I import it into the point-and-
This document explains the technical details behind Chrome accessibility code by starting at a high level and progressively adding more levels of detail. Please read the accessibility overview first. Accessibility for a simple (non-browser) applicationAs described in the overview, every platform has its own accessibility APIs that are used by both assistive technology and sometimes by automation s
I didn’t realize I needed this until I implemented it, and now, oh wow, can’t imagine life without it. Normally, a terminal draws lines of text at fixed intervals. Line 1 starting at pixel 0, then line 2 at 24 pixels, etc. When the text scrolls, line 2 immediately becomes line 1 and gets drawn at pixel 0. These sudden jumps are incompatible with how your eyes track motion, however. The result is a
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Top 10: Greatest Bonsai trees - Bonsai Empire
GA4のアクティブユーザーとは？総ユーザー数との違い、新規ユーザー・リピーターの定義も解説
Stamp: a microlang for project templates
DevTools Tips & Tricks – Frontend Masters Boost
scroll-marginとscroll-paddingを使ってみる - Qiita
How web bloat impacts users with slow devices
Just How Much Faster Are the GNOME 46 Terminals? | Ivan Molodetskikh’s Webpage
Windows Terminal Preview 1.22 Release
The Most Popular Pokémon Around The World
Emacs Window Management Almanacを要約しようとした何か - Qiita
とほほのTaiwind CSS入門 - とほほのWWW入門
Tracking supermarket prices with playwright
地面師たち | Netflix (ネットフリックス) 公式サイト
Visual Studio Code March 2024
後編：ゼロ知識証明、準同型暗号などの高機能暗号を理解するための数学とプログラミングの手引 | gihyo.jp
@starting-style - CSS: カスケーディングスタイルシート | MDN
Braveブラウザの最新版でVPNが強制的にインストールされてしまう不具合が修正 | ソフトアンテナ
Understanding Wi-Fi 4/5/6/6E/7 (802.11 n/ac/ax/be)
Announcing StackBlitz Self-hosted
Chromium Docs - How Chrome Accessibility Works
terminal smooth scrolling