WebAssembly所感
WebAssemblyをちょっといじってみて思ったところをまとめてみます。 設計思想 WebAssembly/designに設計文書がまとまっています。特にHighLevelGoals.mdから読み取れるポイントは以下の4点です。 サンドボックス化された環境であること。 移植性があること。つまり、特定の実CPUアーキテクチャ等に依存しないこと。 少なくともC/C++の(十分に高速な)コンパイルターゲットとして機能すること。 安定した仕様を持つこと。 サンドボックスという観点からは、先行技術として以下のようなものが特筆に値します。 Webサンドボックス JavaScript および asm.js Javaアプレット Flash (ActionScript) NaCl, PNaCl Web以外のサンドボックス OSのユーザーランド、特にLinux userland これらのサンドボックスとの比
macOSとWindows、Linuxなどのクロスプラットフォームに対応したオープンソースのデュアルパネル・ファイルマネージャー「muCommander」にApple Silicon用のAArch64 Buildが追加。
macOSとWindows、Linuxのクロスプラットフォームに対応したオープンソースのデュアルパネル・ファイルマネージャー「muCommander」にApple Silicon用のAarch64 Buildが追加されています。詳細は以下から。 muCommanderはRed Hatでエンジニアリングマネージャーを務めるArik Hadasさんらがオープンソース(GPL)で開発しているファイルマネージャーで、JavaをサポートしているmacOSやWindows、Linuxなどクロスプラットフォームで利用することができますが、このmuCommanderが最新のバージョン1.4.0でApple Silicon Mac用のAArch64 Buildを追加しています。 add support for macOS aarch64 by @ahadas in #1138 build dmg for a
Time-based CSS Animations
In my earlier post Time Uniform For CSS Animation, I took a note about a way to do CSS animations with time ticks instead of keyframes. It was limited applicable because CSS lacked the ability of doing complex Math calculations. After years of wait, CSS now has enough Math functions supported, particularly mod(), round(), and trigonometric functions. It's time to revisit the time-based way of anim
ブラウザキャッシュの仕組みについてまとめた
Web開発において、ページの読み込み速度は非常に重要になります。 そのためにもブラウザのキャッシュは効率的なWebサイト運営に不可欠な機能です。 ブラウザのキャッシュには次のHTTPヘッダを設定することができます。 Expiresヘッダ Cache-Controlヘッダ Last-Modifiedヘッダ ETagヘッダ これらのキャッシュには強いキャッシュと弱いキャッシュで分類が可能です。 「Expires」「Cache-Control」は強いキャッシュであり、「Last-Modified」「ETag」は弱いキャッシュに分類できます。 強いキャッシュと弱いキャッシュ 強いキャッシュは設定された期間内は完全にローカルキャッシュを利用して、サーバーへのリクエストを行いません。 一方で弱いキャッシュはキャッシュされたリソースの検証が必要であり、ETagやLast-Modifiedヘッダを利用して
中級Git操作
今回の記事の内容はGitHub共同創業者のScott Chacon氏の「Pro Git」と同氏の今年の「So You Think You Know Git」（Gitがわかっているとでも思っているか？）発表をベースにしている。 コンフィグ ここでコンフィグにてデフォルトとして指定して損がないオプションをいくつか紹介します。 git rerere git rerereは"reuse recorded resolution"（記録ずみ解決方法を再利用）の略語になっている。 名の通りマージコンフリクトがどう解消されたかを記録し、次に同じようなコンフリクトが発生した際、同様の解決方法を自動的に適用するためのコマンドです。 また、基本的にデフォルトにしてもときに差し支えないため、ぜひgit config --global rerere.enabled trueを実行してみてください。 git main
コンテナ要素に基づく相対的な CSS の単位（cqw, cqh, cqi, cqb, cqmin, cqmax）
コンテナクエリ（@container）とは、親コンテナ要素に基づいてスタイルを定義できる CSS の機能です。メディアクエリ（@media）では画面全体の幅に応じてスタイルを変更する必要がありましたが、コンテナクエリでは任意の要素に基づいたスタイルを適用できるため、より柔軟なレイアウトの実現が可能です。 .card { display: grid; grid-template-columns: 1fr; } @container (min-width: 600px) { /* カードの親要素の幅が 600px 以上の場合、2 列に変更 */ .card { display: grid; grid-template-columns: 1fr 1fr; } } コンテナクエリを使用してスタイルを適用する場合、コンテナクエリ単位を使用できます。コンテナクエリ単位は、親コンテナ要素に対する相対的な
VSCodeでペットを飼う - Qiita
はじめに こんにちは。エンジニアの皆さん。 日々の業務にお疲れではないでしょうか？ 消えないエラー、動かないプログラム、迫る締切、etc... 数あるストレスで限界になっていませんか？ ... ...!!! そんな時はペットを飼いましょう！！！！！！！！！！ ...というわけで、VSCode上でペットを飼うことができる拡張機能を紹介します。 その名も、vscode-pets.......!!!!!!!!!! これです。vscode-petsで検索しましょう。 導入 インストールしたらコマンドからPet Coding: Start pet coding sessionを実行します。 Pet Coding:Spawn additional petから好きなペットを選んで... ほわああああああああ！！！！！！！ 殺伐としたVSCodeに一輪の花が爆誕しました。かわいいですねー。 あそびかた す
『「PuTTY」に秘密鍵が復元できてしまう深刻な脆弱性 ～「WinSCP」など他ツールにも影響／v0.81への更新と鍵の再生成を』へのコメント
PuTTYを含む一部のプログラムではnonceが十分にランダムではないため、署名を少し集めるだけでオフライン環境で秘密鍵を算出できてしまう可能性
ARMはx86より効率がいいというのは過去の神話
従来から、「ARMはx86より（電力的に）効率的だ」という言説があります。これは単純に「ARMは省電力なスマホ向けで、x86は電力を食うPC向け」程度のアバウトなイメージのこともありますし、前世紀のRISC vs CISC論争のころからある「ARMはx86 (x64を含む)に比べ命令セットがシンプルなので、命令デコードにかかる電力が少なくて済んで効率的」という議論の形をとることもあります。 この議論については、半導体エンジニアの多くは「ARMがx86 より効率が良いというのは、もはや過去の神話」(in today’s age it is a very dead argument)という認識を共有していると言っていいでしょう。有名なところではApple CPU (ARM)とZen (x86)の両方を開発したジム・ケラー氏のインタビューでも言われていますし、Chips and Cheeseとい
サンケン電気が驚きの世界最先端マイコン、22nm・ReRAM内蔵・RISC-V
中堅アナログ半導体メーカーのサンケン電気が、世界最先端と推察される32ビットマイコンの開発を進めている。開発中のマイコンには、現在市販されているマイコンには見られない、複数の特徴がある。すなわち（1）22nm世代というマイコンとしては非常に微細なプロセスで製造、（2）不揮発性メモリーとして、ReRAM（Resistive Random Access Memory：抵抗変化型メモリー）内蔵、（3）サンケン電気が独自設計したRISC-VベースのCPU（Central Processing Unit）コア、（4）DSP（Digital Signal Processor）コアとイベント処理コアも独自設計し、RISC-Vコアと組み合わせて、いわゆるヘテロジニアスコンピューティングを実現、である。 PC向けのマイクロプロセッサー（MPU）の後を追う形でマイコンの製造プロセスも微細化してきたが、40nm
Macで使用中のアプリのショートカットキーを一覧表示してくれるユーティリティ「KeyCluCask」が、macOSのキーボードショートカットの表示に対応。
Macで使用中のアプリのショートカットキーを一覧表示してくれるユーティリティ「KeyCluCask」が、macOSのキーボードショートカットの表示に対応しています。詳細は以下から。 KeyCluCask(KeyClu)はKeyCueやCheatSheetが有料/開発終了したことから、Travian Games GmbHでソフトウェアエンジニアを務めるSergi Tatarenkov(Anze)さんがオープンソースで開発を開始したショートカットキーのチートシートアプリで、Macで使用中のアプリのショートカットキーの一覧を表示してくれる機能がありますが、このKeyCluCaskがmacOSのキーボードショートカットの表示に対応しています。 added possibility to list macOS Keyboard Shortcuts (Integrations section) リリース
Macで始める画像生成AI 「Stable Diffusion」ComfyUIの使い方 (1/5)
突然だが、上記はこの連載の第2回の冒頭部分だ。連載をはじめた当初は右も左もわからない状態だったので「Stable DiffusionはMacでは使えない」と断言してしまった。思い出すたびに冷や汗が出る。 とはいえご存知の通りStable Diffusionを動かすのにNVIDIAビデオカード搭載のWindows機が向いているのは事実なので、これまではすべて新規購入したゲーミングPCで作業することになんの不満も感じていない。 だが、前回紹介したStable DiffusionのUI環境のインストールや更新がワンクリックで可能になる「Stability Matrix」を使えば、PythonやPipのバージョンといった難しいことを考えなくてもMacで画像生成環境を作れるのではないかと考えた。 お詫びから7ヵ月、ずいぶん遅くなったがようやく伏線回収である。 Stability MatrixでM1
有名な海外個人開発者まとめ！年5億以上稼ぐ人も！
こんにちは、ネットではウマたんというハンドルネームで活動していて普段はスタビジというメディアやスタアカという教育サービスを運営しています。 普段は主にAIデータサイエンスまわりの発信活動や事業を展開しているのですが、2024年から海外に移住し海外向けのサービスを作っています。2024年はとりあえず12ヶ月で12個のサービスを作る挑戦をしています。 その挑戦に関しては以下の記事に書いてますので興味のある方は見てみてください。 ただ、とりあえず海外でサービスを作ってもなかなか上手くいくわけがない。 そこで先人たちの知恵を借りるために、海外の成功してる個人開発者をリサーチしてニュースレターで配信してます。 ということでこの記事では、今までリサーチしてきたすっごい海外個人開発者たちの情報をまとめていきたいと思います（※随時更新予定）。 Pieter Levels（ピーター・レベルズ）氏 （出典：h
CSSの知っておくと便利な実装テクニック！ 相対カラー構文を使用して、1つのカラーに対して濃く薄くを簡単に設定できます
異なるカラーを濃くしたり薄くしたりするとき、個別にカラーを設定してもできますが、CSSの相対カラー構文（color: rgb(from green r g b);）を使用すると簡単に実装できます。 下記はそれぞれ元のカラーに対して相対カラー構文1つでそのカラーを濃くしたり薄くしたりしています。1つのカラーに対して複数の濃さが必要な場合に便利です。 CSSの相対カラー構文とは CSSの相対カラー構文のデモ CSSの相対カラー構文とは CSSの相対カラー（CSS Relative colors）構文を使用すると、他のカラーのパラメータを変更してカラーを定義できます。相対カラー構文は設定した色を相対色に変換します。変換には、fromキーワードを使用します。ブラウザはベースのカラーを変換して分解し、新しいカラーの定義で使用する変数として使用できます。
ついにChromeで使えるようになったCSSの便利機能！ light-dark()関数、field-sizingプロパティ、句読点括弧のカーニングができるtext-spacing-trimプロパティ
今回のアップデートでは、かなり便利なCSSのプロパティが追加されました。 ライトモードとダークモードのスタイルを簡単に定義できるlight-dark()カラー関数、垂直方向の中央に配置するalign-contentプロパティ、フォームのサイズを入力された文字量に合わせて自動変更するfield-sizingプロパティ、CSSで句読点括弧のカーニングができるtext-spacing-trimプロパティ、これらがブラウザにサポートされるのを待っていた人も多いと思います。 Chrome 123 beta New in Chrome 123 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに CSSのlight-dark()カラー関数 CSSのdisplay-modeでpicture-in-p
CSSでスタイルクエリ（@container style()）を使えるようになると、実装がいろいろ便利になる
コンテナクエリがすべてのモダンブラウザの安定版でサポートされ、メディアクエリに代わり、コンテナクエリを使用する機会も増えてきたと思います。 コンテナクエリは親コンテナに基づいてスタイルを定義できるものですが、親のサイズによるクエリだけではありません。親のスタイル値によるクエリ（スタイルクエリ）も可能です。スタイルクエリを使えるようになると、どんな風に便利になるかを紹介します。 Add Superpowers to Your CSS Variables with Style Queries by Jared White 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 スタイルクエリを使えるようになると スタイルクエリは変数と組み合わせると、さらに強力 スタイルクエリを使えるようになると CSSはスタイルクエリの登場により、さらなる
Windows11になって劣化したなぁって強く思う点。
Windows標準の時計をクリックしたら通知一覧が開いて、詳しい時刻もカレンダーも出ない点。 地味にカップラーメンとか作る時に時間を測るのが面倒…。 エクスプローラーの項目に「最新の情報に更新」がなくなってる。F5押せば更新されるけどマウスで完結しないのは面倒。 エクスプローラー絡みで言えば、コピペや削除がアイコンになってて文字表記がないのも一連のWindowsの流れを無視してて使いにくい。 Macワナビーの中央配置とかはどうでもいいけど、そう言う細かいところで使いにくくするのは止めて欲しい。 新OSが出る度に後方互換性を全無視した奇抜なUIを導入しては、信者から絶賛されてるAppleが羨ましいのは分かるが、 Windowsに求めるのは時代時代は意識してUIを今風にしすつつも、一貫した操作性であって、目新しさや新体験ではないんだわ。 お前はどんなに頑張ってもAppleにもMacにもなれない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
薄型のPD充電器が欲しい!! 壁コンセントに挿してもジャマにならないUSB PD充電器を探してみた 【テレワークグッズ・ミニレビュー 第96回】
NISA/新NISAとは | NISA/新NISA | 楽天証券
『Windows11になって劣化したなぁって強く思う点。』へのコメント