タグ: 技術者ブログ

In this post, I’d like to share details about the “upgrade and setup of our internal NAS” that we recently carried out in-house.
The new device we installed is the “UGREEN DXP4800 Plus.”
I set it up using the dedicated app while effectively reusing the SSDs we already had on hand, and the process turned out to be much easier than I expected.

1.Previous Environment and Current Configuration

　Previously, we had set up “FreeNAS (now TrueNAS)” on a Windows machine to run our file-sharing environment. As part of the upgrade of our current internal server, we’ve decided to upgrade the NAS as well.

This Issue’s Focus (Effective Use of Assets)

　For the drive, I decided to reuse two 4TB SSDs that had originally been used to back up our internal server.
My goal was to create an environment that offered the “silent operation” and “high-speed access” unique to SSDs while keeping costs down.

2.Actual Setup Using the Official Procedure and Dedicated App

I followed the official quick start guide and used the dedicated app to complete the setup.
Reference URL:https://store.ugreen.jp/pages/quick-start-guide?srsltid=AU7gw4VpiEvry0NLmgtWZ2WgqHG_1dUi-q_OJheeHOMIsiy3EtUka8W7

System Configuration

Main Unit: UGREEN DXP4800 Plus (4-bay / Intel Core processor / supports 10GbE high-speed LAN ports)
Storage: 2 × 4TB SSDs (reused from the in-house server backup system)

Actual Setup Procedure

1.Hardware Installation

I unlocked the tray, pulled out the drive tray, and installed two 4TB SSDs.
I was a little unsure at this point. For 2.5-inch drives, you need to remove the screw located at the right edge of the tray.
I installed them in the unit, turned on the power, and connected the 10GbE LAN port to the network.

2.Initial Setup and Account Registration Using the Dedicated App

Download the “UGREEN NAS App” onto the new server and pair the device by following the on-screen instructions.
First, I created an “administrator account” to manage everything.

3.Creating a Storage Pool (RAID 1)

To prepare for the unlikely event of a drive failure, we configured a RAID 1 (mirroring) setup using two SSDs, creating a configuration that safely stores data in duplicate.

4.General Account & Shared Folder Settings

In addition to the administrative accounts, we added “general accounts” for employees to use in their daily work. We assigned access permissions to shared folders and set up an environment that ensures secure use.

5.Thoughts

Through this setup process, I felt that it was much easier than when I previously set up FreeNAS on Windows.
With the UGREEN DXP4800 Plus, all I had to do was download the dedicated app and follow the on-screen instructions.

3.Summary

Without wasting our existing SSD assets, we were able to use the app to quickly upgrade to a secure and user-friendly in-house NAS environment!
Going forward, we plan to implement a regular backup schedule so that our entire team can make the most of our data.

That concludes my presentation.

Stay tuned for the next Engineer Blog post!

今回は、先日社内で実施した「社内NASの刷新・構築」についてご紹介します。
新しく導入したのは、「UGREEN DXP4800 Plus」 です。
手元にあった既存のSSDを上手く再利用しつつ、専用アプリを使ってセットアップしてみたのですが、思った以上にカンタンに構築できました。

１. これまでの環境と、今回の構成

　以前は Windowsマシン上に「FreeNAS（現TrueNAS）」を構築してファイル共有環境を運用していました。今回は、現在使用中の社内サーバーを刷新する上で、NASも刷新することとなりました。

今回の構成（資産の有効活用）

　ドライブには、もともと社内サーバーのバックアップ用として使っていた 4TBのSSD 2枚 を再利用することにしました。
コストを抑えつつ、SSDならではの「静音性」と「高速アクセス」を備えた環境を目指しました。

２. 公式手順＆専用アプリを使った実際の構築

公式のクイックスタートガイドと専用アプリを活用してセットアップを進めました。
参考URL：https://store.ugreen.jp/pages/quick-start-guide?srsltid=AU7gw4VpiEvry0NLmgtWZ2WgqHG_1dUi-q_OJheeHOMIsiy3EtUka8W7

機器構成

本体: UGREEN DXP4800 Plus（4ベイ / Intel Coreプロセッサ搭載 / 10GbE高速LANポート対応）
ストレージ: 4TB SSD × 2枚（社内サーバーバックアップ用からの再利用）

実際の構築手順

１．ハードウェアの取り付け

トレイキーでロックを解除し、ドライブトレイを引き出して4TB SSD 2枚をセット。
ここで少しだけ迷いました。2.5インチの場合は、トレイの右側端にあるネジを外す必要があります。
本体に装着して電源を入れ、10GbE LANポートをネットワークへ接続しました。

２．専用アプリで初期設定＆アカウント登録

新サーバーに「UGREEN NASアプリ」をダウンロードし、画面のガイダンスに沿ってデバイスを連携
まずは全体を管理するための「管理アカウント」を作成しました。

３. ストレージプール（RAID 1）の作成

万が一のドライブ故障に備えて、2枚のSSDでRAID 1（ミラーリング）を設定し、データを安全に二重化保存できる構成にしました。

４. 一般アカウント＆共有フォルダの設定

管理用とは別に、社員が日常業務でアクセスするための「一般アカウント」を追加。共有フォルダのアクセス権限を割り当て、安全に利用できる環境を整えました。

５. 感想

今回の作業を通じて、以前Windows上にFreeNASを入れて構築した時よりも、とても簡単に構築できたなと感じました。
今回のUGREEN DXP4800 Plusは専用アプリをダウンロードして画面の指示通りに進めるだけでした。

３. まとめ

既存のSSD資産を無駄にすることなく、アプリの力を借りてあっという間に安全かつ快適な社内NAS環境へアップデートすることができました！
今後は定期的なバックアップ運用を検討し、チームみんなで便利にデータを活用していきたいと思います。

以上となります。

次回の技術者ブログもお楽しみに！

In this engineer blog, I introduce the topics I study and work on in my daily learning.

This time, I’ve selected two items that particularly caught my attention from the fixes included in version 2.23.1 of OutSystems Data Grid, provided on OutSystems Forge.

You can check the details of the fixes for each version from the links below.
OutSystems Data Grid – Asset versions (O11) | OutSystems

What is OutSystems Data Grid?

OutSystems Data Grid is a component available on OutSystems Forge.
It allows you to display and edit data in a tabular format, offering features like sorting, filtering, and cell editing similar to Excel.
With it, you can build list screens that are more advanced than a standard Table.

Reference: How to Use OutSystems Data Grid
How to use the OutSystems Data Grid

Fix Item ①

An issue where the ‘seconds’ value set in a DateTimeColumn was lost
The problem where the seconds portion of a time value disappeared when using SetCellData on a DateTimeColumn has been fixed.

Steps to Reproduce the Issue
Use SetCellData on a DateTimeColumn and set a time value.
Example: 2026‑09‑20 11:11:11

[ver 2.23.0 (previous version)]
When setting the value ‘2026‑09‑20 11:11:11’, the seconds part is changed to ‘00’, resulting in it being stored as ‘2026‑09‑20 11:11:00’.

[ver 2.23.1 (new version)]
The value ‘2026‑09‑20 11:11:11’ is now set correctly.

With this fix, even when using SetCellData to set a date‑time value, the seconds component is now preserved correctly.

Fix Item ②

Issue where a value could not be correctly identified when a DropdownColumn contained duplicate keys and display names
A problem has been fixed in which, when using SetCellData on a DropdownColumn, the system could fail to correctly determine which option was being referenced if the same string existed in both the option’s Key (value) and Text (display name).

To address this issue, version 2.23.1 introduces a new input parameter, ValueIsKey, for SetCellData.
By configuring ValueIsKey, you can explicitly specify how the provided value should be interpreted when determining which option it refers to.

• True: The specified value is interpreted as the option’s Key.
• False: The specified value is searched against both the Key and the Text, and the matching option is determined accordingly.

Steps to Reproduce the Issue
Use SetCellData on a DropdownColumn and set a value.
Example: 100

The available options in the DropdownColumn are as follows.

Value (Key)	Display Name (Text)
100	098
200	099
300	100
400	101
500	102

In this case, because the value ‘100’ matches both the Key and the Text, the system cannot correctly determine which option is being specified.

[ver 2.23.0 (previous version)]
When setting the value ‘100’, the expected behavior is that the display name ‘098’, which corresponds to the value ‘100’, should be shown. However, ‘100’ is displayed instead.

[ver 2.23.1 (new version)]
The display name ‘098’, which corresponds to the value ‘100’, is now shown correctly.

In this way, when you want to set a value by specifying the Key, setting ValueIsKey to True allows you to explicitly indicate the intended option.

Conclusion

In this article, I introduced the following two items that were fixed in OutSystems Data Grid version 2.23.1.

• Fix for the issue where the ‘seconds’ component set in a DateTimeColumn was lost
• Fix for the issue where a value could not be correctly resolved when the Key and Text overlapped in a DropdownColumn, along with the addition of ValueIsKey.

OutSystems Data Grid is continuously updated with new features and bug fixes.
To use it safely and reliably, it is important to review the latest release notes and upgrade to the appropriate version.
Make it a habit to check for updates regularly and plan your upgrades accordingly.

That’s all for this time.
Please look forward to the next developer blog!

技術者ブログとして日ごろ取り組んでいる学習内容を紹介します。

今回は、OutSystems Forge で提供されている「OutSystems Data Grid」のバージョン 2.23.1 で修正された内容から、特に気になったものを2つ抜粋して紹介します。

各バージョンの修正内容は、以下から確認できます。
OutSystems Data Grid – Asset versions (O11) | OutSystems

OutSystems Data Grid とは

OutSystems Data Grid は、OutSystems Forge で提供されている部品です。
データを表形式で表示・編集でき、Excel のように並び替えや絞り込み、セルの編集などができます。
通常のTableよりも高機能な一覧画面を作成できます。

参考）OutSystems Data Grid の使い方
How to use the OutSystems Data Grid

修正内容①

DateTimeColumn で設定した「秒」が失われる問題
DateTimeColumn に対して SetCellData を使用した際、設定した時間値の「秒」が失われる問題が修正されました。

不具合発生手順
DateTimeColumn に対して SetCellData を使用し、時間値を設定します。
例）2026-09-20 11:11:11

【ver 2.23.0（旧バージョン）】
設定した値「2026-09-20 11:11:11」に対して、秒の部分が「00」となり、「2026-09-20 11:11:00」として設定されてしまいます。

【ver 2.23.1（新バージョン）】
正常に「2026-09-20 11:11:11」が設定されます。

この修正により、SetCellData を使用し日時を設定する場合でも、秒まで正しく保持できるようになりました。

修正内容②

DropdownColumn で値と表示名が重複する場合に正しく値を判定できない問題
DropdownColumn に対して SetCellData を使用した際、選択肢の「値（Key）」と「表示名（Text）」に同じ文字列が存在すると、指定した値がどの選択肢を指しているのか正しく判別できない場合がある問題が修正されました。

この問題への対応として、ver 2.23.1 では SetCellData に、新しい入力パラメータ ValueIsKey が追加されました。
ValueIsKey の設定によって、指定した値をどの項目として判定するかを明示できます。

• True：指定した値を選択肢の「値（Key）」として判定します。
• False：指定した値を「値（Key）」と「表示名（Text）」の両方から検索し、一致するものを判定します。

不具合発生手順
DropdownColumn に対して SetCellData を使用し、値を設定します。
例）100

DropdownColumn の選択肢は以下のとおりです。

値（Key）	表示名（Text）
100	098
200	099
300	100
400	101
500	102

この場合、「100」という値は、「値（Key）」と「表示名（Text）」の両方に該当するため、どの選択肢を指定しているのかが正しく判別できなくなります。

【ver 2.23.0（旧バージョン）】
「100」を設定した場合、本来は値「100」に対応する表示名「098」が表示される想定ですが、「100」が表示されてしまいます。

【ver 2.23.1（新バージョン）】
正常に値「100」に対応する表示名「098」が表示されます。

このように、Keyを指定して値を設定したい場合は、ValueIsKey を True にすることで、意図した選択肢を明示的に指定できます。

まとめ

今回は、OutSystems Data Grid のバージョン 2.23.1で修正された内容から、以下の2点を紹介しました。

• DateTimeColumn で設定した「秒」が失われる問題の修正
• DropdownColumn で値と表示名が重複する場合に正しく値を判定できない問題の修正、および ValueIsKey の追加

OutSystems Data Grid は、機能追加や不具合修正などを目的として継続的にアップデートされています。
安定して安全に利用するためにも、最新バージョンのリリース内容を確認し、適切にバージョンアップすることが重要です。
定期的に最新情報を確認し、計画的に対応していきましょう！

今回は以上になります。
次回の技術者ブログもお楽しみに！

Recently, I had the chance to work with WordPress for the first time in a while.

So, for this post, I decided to set up WordPress 7.0 in a local environment and try out AI Client for myself.

What Is the “AI Client” in WordPress 7.0?

AI Client is a system designed to make it easier to use AI services from within WordPress and plugins.

Until now, when using AI from a plugin, it was necessary to implement API connection processes and other tasks for each AI service used.

By using the AI Client, you can access a common framework for working with AI from within WordPress.

In this article, we’ll try using this system in practice.

Setting Up WordPress 7.0 Locally

This time, we’ll test it in a local environment.

We’ll be using “Local.”

Since it makes it easy to set up a WordPress testing environment, it’s useful for experiments like this one.

First, launch Local and create a new WordPress site.

For this post, I’ve named the site “wp-ai-test.”

Trying Out the AI Client

Creating a Plugin

When you press the button, it asks the AI a specific question and displays the answer.

I’m going to create a small plugin called…

Open the wp-ai-test folder you created in Local.

Inside the “app/public/wp-content/plugins” directory in WordPress,

Create a folder named “wp-ai-client-test.”

Inside that directory, create a file named “wp-ai-client-test.php.”

Initial plugin code

First, let’s get WordPress to recognize it.

In the WordPress admin panel, go to “Plugins” → “Installed Plugins.”

“WordPress AI Client Test” will appear in the list of plugins.

Add “AI Client Test” to the Admin Panel

Next, we’ll create a dedicated page in the admin panel.

Add the code to the file from earlier.

Once you save and refresh the admin screen, “AI Client Test” will appear in the left-hand menu.

Add a “Ask AI” feature

In this session, we’ll set it up so that when the “Ask AI” button is clicked, a fixed question is sent to OpenAI.

Add the processing to the ai_client_test_page() function.

We’ll also make a few changes to the form.

Save and Run

When I clicked the “Ask AI” button, the answer to my question was displayed.

Summary

Given the name “AI Client,” I had imagined the implementation would be a bit more complex, but I was able to call the AI with some simple code.

AI Client is not a feature that provides AI itself, but rather a platform for using AI within WordPress. To actually create useful features, you’ll need to integrate it using plugins or similar methods.

Since WordPress allows you to add features through plugins, I felt that combining it with AI Client could lead to the implementation of various AI features in the future.

Going forward, I’d like to try out features that are useful for actual WordPress management, such as article summaries and title generation.

Stay tuned for the next Engineer Blog post.

最近、久しぶりにWordPressを触る機会がありました。

WordPress 7.0では「AI Client」という、WordPressからAIサービスを利用するための仕組みが追加されています。

そこで今回は、Localの環境にWordPress 7.0を用意し、AI Clientを実際に触ってみることにしました。

WordPress 7.0の「AI Client」とは？

AI Clientは、WordPressやプラグインからAIサービスを利用しやすくするための仕組みです。

これまでプラグインからAIを利用する場合、利用するAIサービスごとにAPIとの接続処理などを実装する必要がありました。

AI Clientを利用することで、WordPress側からAIを扱うための共通的な仕組みを利用できるようになります。

今回の記事では、この仕組みを実際に使ってみます。

LocalでWordPress 7.0を構築する

今回は、ローカル環境で検証します。

使用するのは「Local」です。

WordPressの検証環境を簡単に作成できるため、今回のような実験には便利です。

まずLocalを起動し、新しいWordPressサイトを作成します。

今回はサイト名を「wp-ai-test」としました。

AI Clientを実際に使ってみる

プラグインを作成する

ボタンを押すと、AIに固定の質問をして回答を表示する

という小さなプラグインを作ります。

Localで作った wp-ai-test のフォルダを開きます。

WordPressの「app/public/wp-content/plugins」の中に、

「wp-ai-client-test」というフォルダを作ります。

その中に、「wp-ai-client-test.php」ファイルを作ります。

最初のプラグインコード

まずはWordPressに認識させます。

WordPress管理画面の、「プラグイン」→「インストール済みプラグイン」を開きます。

プラグインの一覧に「WordPress AI Client Test」が表示されます。

管理画面に「AI Client Test」を追加

次に、管理画面に専用ページを作ります。

先ほどのファイルにコードを追記します。

「AIに質問する」処理を追加する

今回は、「AIに質問する」ボタンが押されたら、固定の質問をOpenAIに送るようにします。

ai_client_test_page() の中に処理を追加します。

保存して実行する

「AIに質問する」ボタンを押下すると、質問に対する回答を表示することができました。

まとめ

AI Clientという名前から、もう少し複雑な実装を想像していましたが、シンプルなコードでAIを呼び出せました。

AI ClientはAIそのものを提供する機能ではなく、WordPressからAIを利用するための基盤です。実際に便利な機能を作るには、これをプラグインなどから組み込んでいく必要があります。

WordPressはプラグインによって機能を追加できるため、AI Clientとの組み合わせによって、今後さまざまなAI機能が実装されていく可能性を感じました。

今後は、記事の要約やタイトル生成など、実際のWordPress運用に役立つ機能も試してみたいと思います。

次回の技術者ブログもお楽しみに。

As an engineer’s blog, I’d like to share what I’ve been learning on a daily basis.
I received an email asking me to migrate my assets to the new Deno platform, as the site where I had previously hosted my Discord bot had been rebuilt.
This migration allowed me to continue running the bot 24 hours a day for free, so I’d like to share more about that here.

What is Deno Deploy?

Before getting into the main topic, let me first briefly explain Deno Deploy.
It is a serverless edge computing service provided by the Deno development team.
It is a cloud service that allows you to publish applications written in TypeScript or JavaScript to the Internet without having to worry about setting up or managing servers. Because it makes it easy to deploy web apps, APIs, bots, and more, it has been widely adopted by many developers.

Email Content from Deno Deploy Classic

To be specific, the email I received had the following content:
・Deno Deploy Classic will be discontinued on July 20, 2026
・Apps on Classic will stop running after that date
・There will be no automatic migration
・You will need to manually migrate to the new Deploy

Things to Check Before Starting Work

① Are you using Classic?
Since you’ve received this email, it goes without saying that you’re using it, but just to be sure, please confirm that you’re using Classic.
https://dash.deno.com
If your project is listed above, it’s eligible for migration.

② Is the source code on GitHub?
Items to Check
・GitHub repository
・main branch
・Latest code

③ Make a note of the environment variables
Open the project you want to migrate in Deno Deploy Classic, and go to “Settings” → “Environment Variables.”
You should see tokens such as DISCORD_TOKEN configured here. Since these tokens are not automatically migrated, if you have a record of them, you’ll need to refer to that during the migration.
If you registered the token during development but didn’t keep a record of it, you’ll need to reissue a new token from the Discord Developer Portal.

The image shows the browser’s Japanese translation, which makes the Japanese look a bit unnatural, but the settings are correct.
Since I had the TOKEN noted down in my production notes this time, I’ll skip the step of reacquiring the TOKEN.

Just a side note… The Discord bot isn’t currently active.
It’s offline.

Actual Migration Procedures

① Log in to the new Deno Deploy
https://console.deno.com/

② Creating an Organization
Enter the Organization name and Organization slug, then click “Create Organization.”
If clicking this button reopens the previous Deno Deploy window, open a new Deno Deploy window and check to see if the organization you created is displayed there.

③ Tap “New App”
Tap the “Apps” tab, open “Applications,” and tap “New App.”

Open “Create a new application,” select your GitHub account, and choose your bot repository.
Scroll down and select your deployment targets.
Since this is a free plan, select “Free Regions” under “Managed,” then click “Create App.”
*This guide assumes you have already uploaded your source code to GitHub and have set up a new DenoDeploy integration with GitHub.

The build will start, but it will fail if you haven’t migrated the KV Database.

Click “Database” within the project to open the Database screen and migrate the KV Database.
Click “+Attach” for Deno KV on the following page

Click “provision new Deno KV” to create a KV database

Verify that the database you created is selected, then click “Attach Database.”

Return to the Build screen and click “Retry Build.”

④ Set the environment variables
Set the DISCORD_TOKEN in the “Environment Variables” section of the “Settings” page within your new Deno Deploy organization.

⑤ Check if you’re online on Discord
I am.

Now all that’s left is to test the system, and if it’s still running smoothly the next day, we’re all set.
This has been a long post, but that wraps up this edition of the Engineer’s Blog.

Stay tuned for the next Engineer Blog post.

技術者ブログとして日ごろ取り組んでいる学習内容を紹介します。
以前作成したDiscordのBOTを置いていた場所が再構築されたことに伴い、新しいDenoに資産を移動させて欲しいというメールが届きました。
今回の資産移動により無料での24時間稼働が継続できたので、今回はそちらについてご紹介します。

Deno Deployとは

本題に入る前に、まずDeno Deployについて簡単に説明します。
Deno開発チームが提供するサーバーレスのエッジコンピューティングサービスです。
TypeScriptやJavaScriptで作成したアプリケーションを、サーバーの構築や運用を意識せずにインターネット上へ公開できるクラウドサービスです。手軽にWebアプリやAPI、Botなどをデプロイできることから、多くの開発者に利用されてきました。

Deno Deploy Classicからのメール内容

具体的にどんなメールが届いたかというと、以下のような内容でした。
・Deno Deploy Classicが2026/7/20で終了
・それ以降Classic上のアプリは停止
・自動移行はされない
・手動で新しいDeployへ移行する必要がある

作業前に確認すること

①Classicを使用しているか
メールが届いているので使用していることは当たり前ですが、念のためClassicを使用しているか確認します。
https://dash.deno.com
上記にプロジェクトがあれば移行対象です。

②GitHubにソースコードがあるか
確認事項
・GitHubリポジトリ
・mainブランチ
・最新コード

③環境変数を控える
Deno Deploy Classicの移動させるプロジェクトを開き、「setting(舞台設定)」→「Environment Variables(環境変数)」を確認します。
ここでDISCORD_TOKENなどでTOKENが設定されているはずです。このTOKENも自動移行されないので、このTOKENのメモを残してあるのであれば、そちらが移行時に必要になります。
もし制作時に登録してTOKENのメモを残していない場合はDiscord Developer Portalから新しいTOKENを再発行する必要があります。

画像はブラウザの日本語訳表示になっているため日本語が不自然になっていますが、設定していますね。
今回は制作時のメモにTOKENが控えてあったのでTOKEN再取得は割愛します。

余談ですが…現在のDiscordBotは動いていない状態です。
オフラインに居ます。

実際の移行手順

①新しいDeno Deployへログイン
https://console.deno.com/

②Organization作成
Organization name・Organization slugを入力して「Create Organization」を押下。
押下したら前のDeno Deployが開きましたが、その場合は新しいDeno Deploy画面を開いて作成したOrganizationが表示されているか確認。

③New app押下
Appsタブを押下し、Applicationsを開き、New appを押下します。

Create a new applicationsを開き、自分のGitHubを選んで、Botのリポジトリを選択する。
下にスクロールして、Deployment targetsを自分の選択。
今回は無料利用なのでManagedはFree Regionsを選択して、Create Appを押下。
※ここではGitHubにソースを上げていて、GitHubと新しいDenoDeploy連携をしている前提です。

ビルドが始まりますがKV Databaseの移行をしていないと失敗します。

プロジェクト内のDatabaseを押し、Databaseの画面を開いてKV Databaseの移行をする。
以下のページのDeno KVの+Attachを押下

provision new Deno KV押下でKV Databaseを作成する

作成したDatabaseが選択されていることを確認して「Attach Database」押下

Buildの画面に戻り「Retry Build」押下

④環境変数を設定する
新しいDeno DeployのOrganization内にあるSettingのEnvironment VariablesにDISCORD_TOKENを設定する

⑤Discordでオンラインになったか確認する
なりました。

これであとは動作確認をして、翌日も問題なく動いていれば完了です。
長くなりましたが、これで今回の技術者ブログを終わります。

次回の技術者ブログをお楽しみに。

I’m oz, and I’ll be writing this edition of the Engineer’s Blog.
Since WordPress has recently been updated, I’d like to introduce some new features that should be useful for actual website management, along with how to make the most of them.

1. Responsive Display Control Features

In WordPress 7.0, you can now configure which devices each block is displayed on.

You can configure settings like the ones described above. Previously, you had to write CSS or install a dedicated plugin, but this is now available as a standard feature.

For example, you can hide images on smartphones to improve page load speed, or switch large tables designed for desktop computers to a different layout on smartphones.

2. Adding an Icon Block

WordPress 7.0 also includes a feature that makes it easy to place icons.

Until now, you couldn’t place icons without installing the Font Awesome plugin.

For example,

• Display a phone icon next to the phone number
• Display an email icon next to the email address
• Display a warning icon next to the notes

You can create visually intuitive websites, such as these.

Summary

In this post, we’ve highlighted some of the new features added in WordPress 7.0 that are likely to be useful for actual website management.

The “responsive display control” and “new icon blocks” we’ve introduced here are relatively easy to use even without specialized knowledge, and they help improve the readability and usability of your website.

WordPress is updated regularly, with new features being added all the time. Even if you use it without giving it much thought on a daily basis, taking this opportunity to try out the new features might help you manage your site more efficiently.

There are still many features I haven’t fully mastered myself, so I plan to continue trying out new features and learning how to make the most of them.

That’s all for this post.
Thank you for reading this far.
Stay tuned for the next Engineer Blog post!

1.レスポンシブ表示の制御機能

WordPress 7.0では、ブロックごとに表示する端末を設定できるようになりました。

例えば、

2.アイコンブロックの追加

WordPress 7.0では、アイコンを簡単に配置できる機能も追加されました。

今までは、Font Awesomeプラグインを導入しないとアイコンを配置できませんでした。
例えば、

• 電話番号の横に電話アイコンを表示する
• メールアドレスの横にメールアイコンを表示する
• 注意事項に警告アイコンを表示する

など、視覚的に分かりやすいサイトを作成できます。

まとめ

今回は、WordPress 7.0で追加された新機能の中から、実際のサイト運用で役立ちそうな機能を紹介しました。
今回紹介した「レスポンシブ表示の制御機能」や「アイコンブロックの追加」は、専門的な知識がなくても比較的簡単に利用でき、Webサイトの見やすさや利便性の向上につながります。
WordPressは定期的にアップデートが行われ、新しい機能が追加されています。普段何気なく利用している方も、この機会に新機能を試してみることで、より効率的なサイト運用ができるかもしれません。
私自身もまだ使いこなせていない機能がたくさんあるので、今後も新しい機能を試しながら活用方法を学んでいきたいと思います。

今回は以上になります。
ここまで読んでくださり、ありがとうございました。
次回の技術者ブログもお楽しみに！