Chrome 133

Google Chrome 133 の安定版が1月29日にリリースされました。

Chrome 133 release note

以下のリンクに主な変更点の情報が記載されています。

https://chromestatus.com/roadmap

https://developer.chrome.com/blog/chrome-133-beta?hl=ja

Pickup for WebClass

今回のリリースで、WebClassの機能に影響を与える変更点はありませんでした。

気になる変更点

CSSのattr()関数がcontentプロパティ以外でも使用可能に

これまで、contentプロパティのみで使用可能だったattr()関数が、全てのCSSプロパティで使用可能になりました。

attr()関数を利用することで、HTMLに記述した属性値をCSSで使用できるようになります。

<style>
  div {
     background-color: attr(data-foo type(<color>), red);
  }
</style>
<div data-foo="blue">test</div>

上記のコードだと、div要素にスタイルされているにdata-foo属性をにパースして、CSSで使用しています。

JavascriptでしかできなかったことがCSSでできるようになります。

今後の Chrome リリースについて

次回のリリースは2025年2月26日に予定されています。

その他ブラウザのリリースはこちらにまとめています。

WebAPIの利用手順書

概要

このドキュメントは、WebClass の WebAPI の利用手順について記載します。
WebClassで利用できるWebAPIの詳細ついては以下のドキュメントをご覧ください。

WebClass APIドキュメント

WebAPI の有効化


WebAPI を利用するには、事前に WebClass に ClientIDトークン取得用認証キー を設定する必要があります。この設定はサポートが行いますので、ClientID を指定してください。

  • ClientID は、API を利用するシステムを識別するためのものです。
  • URL または英数字の文字列を使用します。

    : https://some.existing.service/

サポートが認証キーを生成し、ClientID と一緒に登録します。登録後、認証キーを通知します。

トークンの取得


ClientIDトークン取得用認証キー を使用してアクセストークンを取得します。

Form形式の場合

curl -X POST https://your.webclass.site/webclass/api.php/auth/token \
  -H "Content-Type: application/x-www-form-urlencoded" \
  -d "client_id=YOUR-CLIENT-ID&key=YOUR-SECRET-KEY"

JSON形式の場合 (WebClass v12 以降)

curl -X POST https://your.webclass.site/webclass/api.php/auth/token \
  -H "Content-Type: application/json" \
  -d '{"client_id":"YOUR-CLIENT-ID", "key":"YOUR-SECRET-KEY"}'

レスポンス例

{
  "result": "OK",
  "token": "xxxxxxxxxx"
}

API の利用


取得したトークンを Bearer ヘッダー に設定して API を呼び出します。

教材の成績データ取得API の例

:contents_id はデータを取り出す教材 ID に置き換えます。

curl -X GET https://your.webclass.site/webclass/api.php/rest/contents/:contents_id/scores \
  -H "Authorization: Bearer xxxxxxxx"

利用例


WebAPIの利用例として、ユーザ登録APIとコースユーザ登録APIの利用方法を紹介します。

ユーザ登録


ユーザ登録 API を利用して、新しいユーザを登録します。

  • メソッド: POST
  • Content-Type: application/json

ユーザ登録 API エンドポイント

https://サーバホスト/webclass/api.php/rest/user

送信データ例

{
  "user_id": "id000001",
  "fullname": "鈴木 先生",
  "email": "suzukisensei@example.com",
  "perm": "1",
  "student_id": "2022000001",
  "login_id": "extid000001"
}

返却データ例

{
  "result": "Registration successful. user_id <id000001> added."
}

コースユーザ登録


コースユーザ登録 API を利用して、コースにユーザを登録します。

  • メソッド: POST
  • Content-Type: application/json

コースユーザ登録 API エンドポイント

https://サーバホスト/webclass/api.php/rest/course/APITestCourse/member

送信データ例

{
  "user_id": "id000001",
  "course_perm": "0"
}

返却データ例

{
  "result": "Registration successful. user_id <id000001> added."
}

Safari 18

Safari 18 が9月16日にリリースされました。macOS 15, macOS Sonoma, macOS Ventura.でダウンロード可能です。

Safari 18 Release Notes

https://developer.apple.com/documentation/safari-release-notes/safari-18-release-notes

セキュリティアップデート情報

https://support.apple.com/ja-jp/121241

WebClassに関係のある変更

WebClass に影響のある変更はありませんでした。

気になる変更点

Added support for content-visibility. (117156105)

要素をレンダリングするかどうか制御するcontent-visibilityプロパティがサポートされました。

  • content-visibility: visibleでレンダリング
  • content-visibility: hiddenでレンダリングしない

CSSによるレンダリング制御によって、Webページのパフォーマンス向上が期待できます。

最後に

その他ブラウザのリリース情報はこちらにまとめています。

Firefox 130

Firefox 130 が 9月3日にリリースされました。

Firefox 130 release note

以下のリンクに主な変更点の情報が記載されています。

Pickup for WebClass

今回のリリースでは、WebClassに影響のある変更はありませんでした。

気になる変更点

Firefox Labsが追加

今回のアップデートで、 Firefoxの実験的な機能を試すことができる「Firefox Labs」が追加されました。

settings > Firefox Labsでアクセスできます。

現在は、

  • AI chatbot
  • Picture-in-Picture: auto-open on tab switch
  • Address Bar: show results during IME composition

の3つの実験的な機能が使えるようになっています。

AI chatbotを選択すると、どのchatbotを使用するか選択できるようになります。
ChatGPTを選択すると右側にChatGPTのページが表示されます。

新機能が手軽に試せる面白いアップデートだと思います。

今後の Firefox リリースについて

次回のリリースは 10月 1 日に予定されています。

Firefox Release Calendar

その他ブラウザのリリースはこちらにまとめています。

Google Chrome 125

Google Chrome 125 の安定版が5月8日にリリースされました。

Chrome 125 release note

以下のリンクに主な変更点の情報が記載されています。

https://chromestatus.com/roadmap

https://developer.chrome.com/blog/new-in-chrome-125

Pickup for WebClass

今回のリリースで、WebClassの機能に影響を与える変更点はありませんでした。

気になる変更点

RegExp duplicate named capture groups & RegExp modifiers

正規表現マッチングの機能が強化されました。

  1. 一つのマッチングケース内で同じ名前付きキャプチャグループを使えるようになりました。
    これにより以下のような記述が可能になります。
    str.match(/(?[0-9]{4})-[0-9]{2}|[0-9]{2}-(?[0-9]{4})/)
  2. 正規表現修飾子は、imsフラグをパターン内で局所的に変更できるようになりました。この機能は以下のように使えます。
    const re2 = /^(?i:[a-z])[a-z]$/;

JavaScriptの正規表現マッチングは記述に柔軟性がなく、使いづらいと思っていたので、このアップデートである程度は使いやすくなるのではないかと期待しています。

今後の Chrome リリースについて

次回のリリースは2024年6月5日に予定されています。

その他ブラウザのリリースはこちらにまとめています。