UIデザインで中央配置がずれてしまう理由と解決方法
UIデザインには、至る所に中央揃えが使用されます。 しかし、アイコンとテキストが美しく揃わない、テキストがボタンの中央からずれている、そんなことはありませんか？ UIデザインで中央配置がずれてしまうときの理由、実装時にデベロッパーができること、デザイナーができること、数字的そして視覚的な調整方法などを紹介します。すぐに実装で試したくなることばかりです。 Hardest Problem in Computer Science: Centering Things by Niki Tonsky 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに フォントにおける中央揃え line-heightにおける中央揃え アイコンにおける中央揃え アイコンフォントにおける中央揃え 中央配置がずれているのは、スキルの問題 水平方向の中央揃え
JestのカスタムマッチャをTypeScriptで書く - Qiita
意外と手こずったので、備忘も兼ねて共有しとく。 公式のドキュメント JEST > API Reference > Expect カスタムマッチャの定義 どう定義して、どう利用するか、公式ドキュメントを見てもexpect.extend()にいきなりマッチャ関数持ちのオブジェクト喰わせるコードしか載ってなくて、のっけから困る。 できれば、1つのカスタムマッチャに対して1ファイルで定義したいし、モジュール化して必要なときに必要なモノだけインポートしたいけど、モジュールに何をエクスポートさせるかも、やりようが色々あって迷うところ。 マッチャ関数なのか
Next.js + Firebase の開発環境を Docker で楽に構築する
Next.js と Firebase を使った Web 開発の環境を docker で構築したので記事に残します。 目次 対象読者 利用技術とその理由 環境構築方法 頑張った点 不完全なところ 対象読者 Next.js + Firebase の環境構築を Docker で行いたい方 利用技術 フロント Next.js Recoil (React の状態管理) TypeScript MUI バックエンド（Firebase） Firebase Authentication Firebase Firestore Firebase Cloud Functions (Node.js + TypeScript) Firebase Cloud Messaging Firebase Analytics インフラ Vercel 上記技術を利用した理由 Next.js → React のフレームワークであり、
“コンパクトスマホ”は絶滅するのか？ 変わりゆく「小型の定義」と「市場ニーズ」
3月に、ASUSの新型スマートフォン「Zenfone 11 Ultra」が発表されたが、日本での期待値が高かったコンパクトなZenfone 10の後継モデルは発表されなかった。ここ最近、新しい小型スマートフォンを見る機会がめっきり減ってしまったが、今回は「変わりつつあるコンパクトスマホの定義」について考えてみたい。 変化する「コンパクトスマホ」の定義、今やiPhone 15もコンパクトの部類に？ さて、唐突ながら、読者の皆さまが「コンパクトスマホ」として漠然と思い浮かべる機種は何だろうか。筆者は、2023年に惜しまれつつ販売が終了した「iPhone 13 mini」が印象深い。過去に発売された機種では、ソニーの「Xperia SX」や「Xperia ray」、シャープの「AQUOS R Compact」などを思い浮かべる方もいることだろう。 筆者が思いつく限りのコンパクトな機種を平均すると
ワイヤレス充電できるAirTag互換のカード型紛失防止タグ 本体は防水構造 | マイナビニュース
ロジテックINAソリューションズは5月16日、カードタイプのiPhone用スマートトラッカーを発表した。ワイヤレス充電に対応しており、コイン電池を購入したり交換する必要がない。価格はオープンで、実売価格は3,800円前後。量販店モデル「LGT-WCSTC01BK」を5月20日より、Web販売モデル「LGT-LWCSTCW01DB」を5月16日より発売する。 ワイヤレス充電に対応したAirTag互換のカード型紛失防止タグをロジテックが発表。電池交換の手間なく使える 本体にはストラップホールを備える クレジットカード2枚分の厚さのカード型スマートトラッカー。スマートトラッカーは紛失防止タグのことで、失くしたくないものに付けておくことで位置を特定し見つけ出せる。BluetoothでiPhoneと連携して「探す」アプリに登録すると、位置が地図上に表示され、位置が特定できる。iPhoneのBluet
GitHub演習
この講義ノートについて これは、理工学部の三年学部生向けのGit/GitHubを用いたソフトウェア開発演習のための講義ノートである。概ね一般的な記述となっているが、一部に大学のPC室特有の記述があるので、他大の方が利用される際は注意されたい。4回の座学、4回の実習の、計8回の講義/演習で学ぶ構成となっている。 GitHubリポジトリ HTML版 はじめに 座学 バージョン管理とは 講義スライド バージョン管理システムとは バージョン管理システムの歴史 プログラミングができる人、できない人 Gitの仕組みと用語 講義スライド プロジェクト リポジトリとワーキングツリー コミット インデックスとステージング HEADとブランチ マージ コマンドラインの使い方 講義スライド シェルとコマンドライン Unixコマンド Vimの使い方 Gitの基本的な使い方 講義スライド 初期設定 Gitの一連の操
三大間違って使われるカタカナ語
×ナイーブ → ◯ナーバス、センシティブ ×ユニーク → ◯ユーモラス、ファニー あとひとつは？ 中間発表 音が紛らわしいという意味では「スマート」、英語と全然違う使われ方という意味では「マンション」が良い線行ってるなと思いました。 テンションは確かに、全然違う。 アナログ、バーチャル、イメージなど中途半端に知られた技術用語みたいになっているものだとちょっとまたニュアンスが違う気がします。「インストール」の物理的用法を知らないのはカタカナ語とは違うし。 フェミニストは今は流石に。 サービスも大分間違っているけど、用法が多いので正しい使い方もそれなりに多いと難しい。 （個人的）結果発表 寄せられた意見の中でこの二つに加えるのが適切だなと思ったのは スマート でした。 形容詞で、気軽に使えそうでありながら、英語ではさっぱり意味が通じないという落とし穴感で選びました。 アナログ、バーチャル は、
PHPやNode.jsなどに任意コマンド実行の脆弱性、原因はWindows仕様の理解不足
多くのプログラミング言語の処理系に、攻撃者が任意のコマンドを実行できる深刻な脆弱性が見つかった。JPCERTコーディネーションセンター（JPCERT/CC）と情報処理推進機構（IPA）が共同運営する脆弱性対策情報ポータルサイト「JVN（Japan Vulnerability Notes）」で2024年4月15日に公開された。 脆弱性が確認されたのは「PHP」「Rust」「Haskell」の各言語処理系とJavaScript／TypeScriptの処理系「Node.js」、音声や動画をダウンロードできる高機能なコマンド「yt-dlp」である。ただし、この脆弱性の影響を受けるOSはWindowsだけで、LinuxやmacOSなどの他のOSには影響しない。 多くのプログラミング言語は、プログラムの中からOS上でコマンドを実行する機能を持つ。Windowsでは言語処理系が「CreateProces
TSDoc
各種資料 (1) 公式 ①ドキュメント TSDoc | tsdoc.org ②リポジトリ tsdoc | GitHub ③公式サンプル (2) 個人的にわかりやすいと思った資料 ①JavaScriptとTypeScriptのドキュメンテーション: JSDocとTSDocの使い方 | Zenn ②【TypeScript】そろそろ TSDoc を始めてみる | AI can fly !! ③TypeDoc ※そもそもTSDocじゃないやつっぽいが、、 ④ESLint を使って JSDoc / TSDoc の記述を必須化する | zenn → 分割代入の場合の書き方の言及あり！ (3) 実際のソースコードでの使用例 ①個人のリポジトリっぽいが → 作成されて日が浅いからかjavadocと比べて使用されてるケースが少なめだった
WEBアプリケーション開発者です。 特別セキュリティのスペシャリストになりたいというわけでないですが、アプリケーション開発者として徳丸本に記載されている内容レベルのセキュリティ知識はあります。 システムのセキュリティに関してはベンダーの脆弱性診断を通して運用しており、個人的にはセキュリティに関して何か困ったことがいままでありません。 ただ、ふと考えてみると「情報漏洩やサイバー攻撃が発生した際などの有事にどのような行動をとるべきか」という観点ではあまり自信がないなと感じました。社内でもそのような場合の指針が
WEBアプリケーション開発者です。 特別セキュリティのスペシャリストになりたいというわけでないですが、アプリケーション開発者として徳丸本に記載されている内容レベルのセキュリティ知識はあります。 システムのセキュリティに関してはベンダーの脆弱性診断を通して運用しており、個人的にはセキュリティに関して何か困ったことがいままでありません。 ただ、ふと考えてみると「情報漏洩やサイバー攻撃が発生した際などの有事にどのような行動をとるべきか」という観点ではあまり自信がないなと感じました。社内でもそのような場合の指針が整っているわけではないです。 徳丸先生は、一般的な開発者には最低限どのレベルのセキュリティ知識を求められていますか？ 回答の難しい質問ですが、ここは本音をさらけ出したいと思います。 私が「安全なWebアプリケーションの作り方（通称徳丸本）」を出したのが2011年3月でして、それから13年以
同人誌って複数作品を使うの多くなくね
例えば俺は プリコネのペコリーヌ このすばのアクア ToLOVEるのララ そらのおとしもののアストレア この4人と同時にヤりまくる同人誌とかないかなと探してもない 複数作品を同時に登場させてもいいのに そういうの滅多にない なんでかな
【注意喚起】交通事故で赤ちゃんが亡くなった話→「これは全保護者が熟読すべき」「子どもが泣き叫ぼうとチャイルドシートは絶対」
どんぐりfactory @dgfactory39 ジェットコースターに赤ちゃん抱っこで乗る？って聞いてみんな当たり前のようにNoと答えるだろうけど 事故った時の衝撃はそんなもんじゃないんだよ チャイルドシートマジ大事 園に迎え行くと兄弟が車で動きまわってたり街中でもつけてないのよく見かけるけど 泣くから可哀想で一生泣けなくなるんだぞ x.com/moro000000/sta… 2024-04-27 11:04:31 めぐり@未就学児3人ママの時間術 @meguri_72 子どもが泣き叫ぼうとどんなことがあっても、チャイルドシートは絶対。地方で乗るとさ…「かわいそうだから抱っこしてあげなよ」と言われるんだけど、絶対に抱っこしません。万が一のほうが大変だから。泣いてるくらい。 ただ、子ども3人連れでタクシー多用するのでその時は安全に🙏と思ってるよ… x.com/moro000000/sta…
令和時代の API 実装のベースプラクティスと CSRF 対策 | blog.jxck.io
Intro CSRF という古の攻撃がある。この攻撃を「古(いにしえ)」のものにすることができたプラットフォームの進化の背景を、「Cookie が SameSite Lax by Default になったからだ」という解説を見ることがある。 確かに、現実的にそれによって攻撃の成立は難しくなり、救われているサービスもある。しかし、それはプラットフォームが用意した対策の本質から言うと、解釈が少しずれていると言えるだろう。 今回は、「CSRF がどうして成立していたのか」を振り返ることで、本当にプラットフォームに足りていなかったものと、それを補っていった経緯、本当にすべき対策は何であるかを解説していく。 結果として見えてくるのは、今サービスを実装する上での「ベース」(not ベスト)となるプラクティスだと筆者は考えている。 CSRF 成立の条件 例えば、攻撃者が用意した attack.examp
昔「着メロ」を自分で作れた時代、モールス信号で設定していたら、呉の居酒屋で着信が来た時に店が一瞬で沈黙した
大吟醸船長 @capttsune 昔、携帯の着信音(着メロ)を自分で作れた時代、アタクシの携帯はモールスで「デンワダハヤクデロ」と入れていた。呉の居酒屋で着信あった時は店の空気がピリッとした( ￣▽￣) 2024-04-23 22:11:35
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - shinkawa-shinji-japan/nextjs-firebase-on-docker
Simplifying Firebase Emulation with Docker: A Guide to Local Development and Testing
firebase-mock
初代PS『攻殻機動隊～GHOST IN THE SHELL～』ゲームサントラの再販が決定！石野卓球やデリック・メイらの楽曲収録 | Game*Spark - 国内・海外ゲーム情報サイト
AirPodsが盗まれてモンゴルで使われてるんですが取り返せないので５分に一回くらいリモートから音を流して嫌がらせするプログラム作っていいですか？
ワイヤレスイヤホンが普及した事で虚空に向かって大声で喋ってる人が『独り言言ってるだけの人』なのか『電話してる人』なのかで判断が鈍るようになってしまった
