マウスホバー

zenn.dev 私はよさそう派だったのだけど、コメントでは結構否定的な感じに見受けられたので。感想文です。あと気になって少し調べたこととか。 ただ、よさそうと思っているだけであり、別に使わない選択でも良いと思ってます。お好みで、って感じ。 本文 コメント Pathの@を許容するとフィッシング攻撃の成功率を上げてしまうのか？ 結局狙われたら後はユーザ頼み 蛇足 twitterのように /:username とするのはどうか @usernameの文化はいつからか？ hostを騙すアレはいつ頃から触れられているのか？

Luminar Neo のアップデート 1.22.0 (14095) がリリースされました。 Luminar Neo 1.22.0 : プリセット ワークフローの改善、新しいカメラのサポートなど バグ修正 MacOS Windows Luminar Neo のアップデート方法 Luminar Neo の購入 *1 読者限定割引クーポン 購入ページ（期間限定割引を開催中） 新規購入ユーザ向け 製品登録ユーザ向け (優待価格) 関連記事 Luminar Neo の概要 当ブログにおける Luminar シリーズの記事 ※ Skylum 社はウクライナの会社です 脚注・コメント Luminar Ne…

Transition［トランジションアニメーション］ transitionを使えば、ある状態から別の状態へ滑らかに変化させることができます transition と animation の違い animation は、連続したアニメーションを作成するためのもの @keyframesで、変化していく形状などを記述する アニメーションがループする回数や、アニメーション終了後の状態など、詳細設定ができる transitionプロパティ transition-property ： アニメーションさせるプロパティを指定 transition-duration ： 時間（アニメーションが動いている間） t…

基本的なことばかりですが、復習かつブログの執筆に慣れるためとして。 （確認をしていますが、用語等の間違いがある場合がございます。ご了承ください。） Unityの使用バージョンは22.3です。 事前準備 テクスチャ表示のカスタム トグル スライダー 参考 事前準備 ここはざっくりと行きます。 インスペクターをいじるためにUnlitシェーダーを作成します。 カスタムシェーダーの作成は公式ドキュメントがわかりやすいです。 docs.unity3d.com 作成できたら編集します。 こちらが作成したままのコードです。 Shader "Unlit/Sample" { Properties { _Main…

初めに Slate とは Slate 確認方法 Slate 機能 Slate 構成 便利機能 Widget Reflector SlateViewer 実際に書いてみる 事前準備 ツールバーから DockTab 生成 コマンドクラス ドックタブクラス エディタモジュール 表示した DockTab に引数、構成追加 変更点 終わりに 初めに こんにちは、エンジニアの佐藤陽介です。業務で Slate を初めて見みたときに理解に時間が掛かった記憶があるので、新しく Slate を理解する人の一助になるような記事にしたいと考えています。 処理を確認する時に注視する箇所の共有、エディタにて機能実装を行う…

Windows 11からウィンドウの四隅が丸くなっています。 ウィンドウの四隅 Windows 11ではウィンドウの四隅が丸くなり、柔らかなデザインになっています。 しかし、ウィンドウの角丸によってウィンドウの下部の両端部分まで見切れてしまうことがあります。 例:角丸によって赤い点が見えなくなっている ステータスバーや横のスクロールバーが表示されている場合は問題ないようですが、ウィンドウのスクショや画面録画などで角丸によって目立つ場合もあります。 特に高DPIの環境の場合、隅が大きく丸くなっておりかなり目立ちます。 角丸によってスクショなどで目立ってしまう 特定のウィンドウだけを四角くできれば…

こんにちは。私は主にReactでWEBフロントエンド開発を行っています。 ESLint v9.0.0のリリースブログによるとESLint v9.0.0以降はFlat configと呼ばれる書き方がデフォルトになるようです。 そこでESLint Flat config時代における、VS Codeを使ったVite × React環境にESLintとPrettierを組み込み、保存時に自動的にフォーマットしてくれる設定をご紹介します。 2024年9月現在、Viteを使ったReactプロジェクトを立ち上げる方法についてです。 ViteによるReact環境構築 パッケージのインストール ESLintの設…

このテーマの特徴 ソースコード このテーマの特徴 このHTMLテンプレートは、ブログ記事やウェブサイトのアイキャッチ（トップ画像）をスタイリッシュに表示するためのものです。以下に特徴を詳しく説明します。 1. 視覚的に魅力的なデザイン 背景画像: image-wrapper要素は、background-imageプロパティを使って背景画像を設定します。デフォルトではunsplash.comの画像が設定されていますが、自由に他の画像に変更できます。 オーバーレイ: overlay要素は、背景画像の上に半透明の黒色のレイヤーを重ね、テキストが見やすく、画像の雰囲気が引き立ちます。 テキスト: co…

こんにちは、iOSエンジニアの西村です。 今年も8/22 ~ 8/24にiOSDCが開催され、ヤプリはプラチナスポンサーとして協賛しました！ 私は今回で3回目のiOSDC参加となりますが、特に印象に残ったセッションをいくつかご紹介したいと思います。 気になったセッション App Clipの魔法: iOSデザイン開発の新時代 speakerdeck.com セッションの内容: App Clip は、アプリをインストールしていなくてもアプリの一部機能を素早く利用できる機能 Xcode プロジェクトに App Clip ターゲットを追加して簡単に開発を始められる 既存のリソース（ソースコード、画像）…

「デジタル語彙目録:: 名前の管理」から： ありていに言って、デジタル語彙目録作成は、 $`\qquad`$ひたすら名前との戦い です。 本日も名前と戦っています。デジタル語彙目録作成のために色々と試行錯誤しまして、紆余曲折ありまして、名前空間の構造や相互参照のやり方など、おおよその見当はついてきました。Obsidian（というソフトウェア）の画面キャプチャ画像をたくさん使って、現状を説明します。内容： 語彙エントリー 圏論的指標 名前のフルネーム 名前空間 事例の事例 相互関係のグラフ おわりに ハブ記事： デジタル語彙目録:: 動機と概要 語彙エントリー全単分解〈全射-単射・分解 | su…

「ビフォーアフター画像スライダー」TwentyTwentyの魅力をご紹介します。このjQueryプラグインを使えば、一瞬で画像比較ができます。 デモ 変化を一目で！ビフォーアフター画像スライダーとは？ こんなシーンで大活躍！ リフォームやデザインの比較 ダイエットやフィットネスの成果 スキンケアや美容の効果 旅行や観光の思い出 ビジネスのマーケティング 実際に使ってみましょう！ HTMLに必要なリソースを追加 画像スライダーのHTML jQueryでプラグインを初期化 オプションのカスタマイズ 参考リンク デモ デモページ 変化を一目で！ビフォーアフター画像スライダーとは？ 「ビフォーアフター…

「関連記事を貼り付けたい！」 「埋め込みだと画像もあって読み込みが遅い！」 「ただのリンクだとそっけない！」 というときに使える文字だけのリンクのデザインをカスタマイズしました。 before はてなブログ カテゴリーの記事一覧 after はてなブログ カテゴリーの記事一覧 太字で見やすくなり、アイコンもついているので普通のリンクと差別化できるようになりました。 PCで見ている方はマウスホバーで少し右に動きます。 before after コピペコード HTML CSS 解説つきCSS 余談 まとめ コピペコード HTML カスタマイズしたリンクを使いたい時はこれを使います。 <p><a c…