はじめに この記事は、WordPress テーマの機能・レイアウト・スタイルなどの多くを一元的に管理出来る JSON ファイルである theme.json について、WordPress 6.4での変更点をまとめたものです。 theme.json 自体の全体図については、「【WordPress5.9 / 6.0版】theme.json 全解説」という記事にまとめていますので、そもそも theme.json とは何か分からない方、各セクション (プロパティ) の役割が分からない方は、ぜひ先にこちら記事を見ていただければ幸いです。また、WordPress 6.1から WordPress 6.3までの変更点については、それぞれ以下の記事でまとめています。 【WordPress6.1】theme.json の変更点 【WordPress6.2】theme.json の変更点 【WordPress6.
背景 ReactとTypeScriptを使ったアプリでtinderみたいなスワイプ機能を実装しようと調査していたところreact-tinder-cardというライブラリがありましたので実際に使ってみたメモを残します。 インストール 実装してみた 各関数の役割などはコメントアウトしています。 react-tinder-cardはボタンでのスワイプと手動でのスワイプの両方に対応しており、手動でスワイプする際はswiped > outOfFrameの順番で関数が発火し、ボタンでスワイプする際はswipe > swiped > outOfFrameの順番で関数が発火します。swipedという関数がcurrentIndexを更新する責務を持っています。 import React, { useState, useRef, useMemo } from 'react' import TinderCard
エラー一覧 The theme must not use <title> tags. Found the tag in header.php. テーマに<title>タグを使ってはいけない。header.phpでそのタグが見つかった。みたいな感じでしょうか。 現在WordPressにおいて<title>タグを<head>タグ内に記述しなくてもfunction.phpに以下を記述することでページ種類に応じてタイトルタグを自動的に挿入してくれる add_theme_support( 'title-tag' ); なお、<title>タグをコメントアウトしてもエラーが消えなかったので、完全に削除する必要がありそう。 Reference to add_theme_support( “menus” ) was found in the theme. This should be removed an
PowerShell では、System.Windows.Forms のアセンブリを利用して、Windows Form を作成できます。 VB や cpp + MFC などで、Windows Form 開発の経験者なら容易と考えます。未経験者なら、別のドキュメントなどを参照してからの方が良いと思います。 これらの情報の取得方法について説明します。 PowerShell 7.15 インストールに共ない見直します。 次の事例を実行してみよう。 # ユーザーフォームを作る - 基礎編 - # アセンブリの読み込み Add-Type -AssemblyName System.Windows.Forms Add-Type -AssemblyName System.Drawing # フォームの作成 $form = New-Object System.Windows.Forms.Form $form.
やりたいこと SNSなどで共有された時にアイキャッチとして表示されることから、一種のSEO対策とも言えるOGP（Open Graph Protcol）画像。 QiitaやZennのようなサービスだとそのOGP画像が動的に生成されるが、当サイト（Next.js製のSPA）でもそれを実現したい。 実装方法 Metadata Files APIの場合 Next.js 13.3から追加されたMetadata Files APIを利用すれば、任意のルート下にjsxファイルを作成しそこでImageResponseを返すだけで、わざわざ画像へのパスを指定することもなく実現できる。 1. ファイルの作成 app ├── blog │ ├── [slug].tsx ├── page.tsx ├── opengraph-image.tsx まずopengraph-image.tsxを作成し、OGP画像を設定し
SvelteKit で OGP 画像を自動生成する
SvelteKit で OGP 画像を自動生成する はじめに 最近、ビジネスアイデアラボ というアプリを作りました。このアプリでは、AI がアイデアを評価したり、市場調査・競合調査をしてくれます。各ポストにはユニークな URL が振られており、内容も異なります。これらのポストを Facebook や X などの外部サイトに公開する際に、内容に基づいた OGP（Open Graph Protocol）画像があれば理想的です。 しかし、ポスト毎に静的な画像を作成するのは手間がかかります。そこで、自動で OGP 画像を生成する方法を探りました。この記事では、SvelteKit で OGP 画像を自動生成する方法について解説します。 画像生成の流れ 画像生成コードの作成 画像生成 API の作成 各コンテンツの OGP として設定 1. 画像生成コードの作成 画像生成には以下のライブラリを使用しま
PCの温度などの情報を随時確認できるようにしたいと思い購入。 こちらの製品は通常のディスプレイとしては動作しないので注意。 USB接続1本でシリアルポート接続のフォトフレームみたいな感じ。 ドライバはWin10だと不要だった。 AliExpressで購入。3000円ぐらい。 制御アプリは探してきてそれでコントロールする。使えるアプリはいくつかありそう。 今回は「turing smart screen」で検索で、ここのEnglish版をダウンロード（下のほう） https://github.com/mathoudebine/turing-smart-screen-python ※現在はリンク先ページが前と作り違うみたい。「35inchENG.rar」で検索すれば他でも出てくる？ ※アプリの使い方は後半で。 取り付けるとこんな感じ。 固定は磁石付きのクリップで固定した。 付属のUSBケーブルだ
「式の余興に「AWS＋GASシステム」で超盛り上がった件 〜はじまり〜」の続きになります。 ※前回記事を読んでいない人はぜひ読んでください。お願いします!! 今回の記事は主に、システムの構成と画面周りの実装に焦点を当てています。 🙋♂️プランナーさんに確認 そもそも自作したとして、会場側から許可が降りるのか。会場スクリーンにどのように出力できるのかを確認しなければ、作る意味もないし、何も決められません。 とりあえずプランナーさんに確認してしたところ、二つ返事で許可が降りました。 会場スクリーンの出力はHDMIに対応しているようでした。 意外にも、パソコンを利用した余興は一般的らしいです。 ※どんな余興をしてるんだろう。。すごい気になる.... さっそく、システム構成を考えてみました。 📏システム構成 Webアプリケーションでの実装としました。 メイン処理は全てGASで実装を行いました
こんにちは。コミュニケーションアプリ「LINE」のモバイルクライアントを開発している石川です。 この記事は、毎週木曜の定期連載 "Weekly Report" 共有の第 35 回です。 LINEヤフー社内には、高い開発生産性を維持するための Review Committee という活動があります。ここで集まった知見を、Weekly Report と称して毎週社内に共有しており、その一部を本ブログ上でも公開しています。（Weekly Report の詳細については、過去の記事一覧を参照してください） 引数の持ち腐れ ある UI 要素の背景を動的に変更することを想定しましょう。以下の setShowcaseBackground 関数は、背景の色や画像を示す backgroundType を引数に取ります。BackgroundType.IMAGE が与えられた場合、もう一つの引数 imageUr
ユーザー登録機能を作ってみる
ドキュメントや技術記事をみながら作ってみた! ユーザー登録機能を作るときに、メールアドレスとパスワードを登録する機能しかサンプルが紹介されていないので、公式ドキュメントや過去の技術記事を参考に作ってみた。 状態管理はされていないので、コードは綺麗ではないですが、初学者の学習には最適かなと思いました😅 参考にした情報 Firebaseの情報 キーボードの黄色いエラーの解消方法 開発環境 Flutter3 Firebase CLI こちらは環境構築を済ませておいてください! FlutterFire公式 先ずは、必要なパッケージをインストールしておく pubspec.yaml name: user_add description: A new Flutter project. # The following line prevents the package from being accide
はじめに この記事は、WordPress テーマの機能・レイアウト・スタイルなどの多くを一元的に管理出来る JSON ファイルである theme.json について、WordPress 6.4での変更点をまとめたものです。 theme.json 自体の全体図については、「【WordPress5.9 / 6.0版】theme.json 全解説」という記事にまとめていますので、そもそも theme.json とは何か分からない方、各セクション (プロパティ) の役割が分からない方は、ぜひ先にこちら記事を見ていただければ幸いです。また、WordPress 6.1から WordPress 6.3までの変更点については、それぞれ以下の記事でまとめています。 【WordPress6.1】theme.json の変更点 【WordPress6.2】theme.json の変更点 【WordPress6.
SwiftでVStackを完璧に使いこなす10の方法
※Japanシーモアは、常に解説内容のわかりやすさや記事の品質に注力しております。不具合、分かりにくい説明や不適切な表現、動かないコードなど気になることがございましたら、記事の品質向上の為にお問い合わせフォームにてご共有いただけますと幸いです。 (送信された情報は、プライバシーポリシーのもと、厳正に取扱い、処分させていただきます。) はじめにSwiftを学んでいるあなたに、SwiftUIのVStackに関する深い知識を提供したいと考えています。 今回の記事で、VStackを使ったユニークなUIの作成方法を10のサンプルコードを交えて徹底的に解説します。 SwiftのUIフレームワーク、SwiftUIのVStackの使い方、その魅力、カスタマイズ方法、注意点など、初心者から上級者まで役立つ情報を網羅しています。 ●Swiftとは？Swiftは、Appleが2014年に公開したプログラミング言
パンテール ドゥ カルティエ ウォッチ: パンテール ドゥ カルティエ ウォッチ、SM、クォーツムーブメント。イエローゴールド750/1000＆スティール製ケース、サイズ：23mm x 30mm、厚さ：6mm、リューズにブルー シンセティック スピネル、シルバー仕上げダイアル、ブルースティール製剣型針、イエローゴールド750/1000＆スティール製ブレスレット、日常生活防水。
{"logoImage":"/content/dam/cartier_dam/Website_icons/Cartier-NEW_bridal-RED.png","logoImageAltText":"Boutique","backgroundImage":"/content/dam/cartier_dam/6-EU/dispatch-bgimage.jpg","regions":[{"regionName":"アジア","countries":[{"countryName":"中国","countryCode":"CN","isEcom":"true","showFlag":"false","languages":[{"languageCode":"zh","weburl":"https://www.cartier.cn","mobileurl":"https://www.cartier
こんてんつ 自分の音声を再生するためのスキルを作成していきます。本ページは、下記の神みたいなサイトを参考に作成しました。下記のサイトが非常に分かりやすいのですが、更に入門レベルまで加えた手順書を作成しました。 ①スキルそのものの作成 ②Audio PlayerのインターフェースをONにする ③MP3のアップロード ④コードの実装 ⑤スキルの有効化 ⑥終了 android-smart.com 手順 ①スキルそのものの作成 alexa developer consoleにアクセス（https://developer.amazon.com/alexa/console/ask） スキルの作成でスキルを作成する。 スキル名、デフォルトの言語を選択 スキルに追加するモデル→カスタムを選択 バックエンドリソースをホスティングする方法→Node.jsを選択 ②Audio PlayerのインターフェースをO
SVGをURLエンコードし、CSSのbackground-imageプロパティの値に設定して出力するツールを公開しました。 - Qiita
SVGをURLエンコードし、CSSのbackground-imageプロパティの値に設定して出力するツールを公開しました。HTMLCSSJavaScriptSVG SVGをCSSのbackground-imageで使えるようにエンコードするツール コピペするだけで使えます。 JSでのSVGのURLエンコードはencodeURIComponent()を使う人が多いみたいですが、 それだとファイルサイズが大幅に増えてしまうので、自前で必要なものだけエンコードする形にしました。 機能 リアルタイムプレビュー 背景色変更 svg以外のタグが入っていた場合、自動削除 ネームスペースがない場合、自動付与 改行、スペース、コメントアウトを自動削除 <div id="entry"> <div id="stbic"> <div id="stbic-forms"> <div id="stbic-svg"> <
WordPress 6.4の新機能（ブロックフック、ワークフロー改善、新デザインツール＆デフォルトテーマなど） いよいよ11月7日にWordPress 6.4がリリースされます。今回も新バージョンの注目の機能と改善点が気になるところ。 特に気になる機能としては、ブロックフック、パターン構成の改善、コマンドパレットの再設計と強化、添付ファイルページの無効化、画像のLightbox機能、および執筆ワークフローの改善など。 また、テンプレートやスクリプトローディングストラテジーの改善、その他のパフォーマンス強化により、WordPressサイトがより高速になります。リストビューの強化や管理ユーザーインターフェースの改良も施されており、使い勝手も向上しています。 そして、編集プロセスの効率化に貢献するパターンやテンプレートが多数搭載された新デフォルトテーマも見逃せません。 早速、WordPress
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【WordPress6.4】theme.json の変更点 - Qiita
【React】react-tinder-cardを使ってtinderみたいなスワイプ機能を実装する
WordPressテーマチェックまとめ › askne WordPress Webサイト作成学習用サイト
Windows Form を作成してみよう( System.Windows.Forms )(4/4)
【Next.js】satoriを使ってJSXからOGP画像を動的に生成する
CPU温度・GPU温度確認用にPC内にモニタいれてみた。「turing smart screen」
式の余興に「AWS＋GASシステム」で超盛り上がった件 〜①画面編〜 - Qiita
コード品質向上のテクニック：第35回 引数の持ち腐れ
【WordPress6.4】theme.json の変更点 - Qiita
Alexaで手持ちの音楽（mp3）を再生するスキルの作成 - こんてんつこうかい
WordPress 6.4の新機能（ブロックフック、ワークフロー改善、新デザインツール＆デフォルトテーマなど）