Firefox 137

Firefox 137 release note

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

Pickup for WebClass

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

気になる変更点

Firefox NightlyでTemporal APIがデフォルトで有効になりました

これまでJavaScriptでは Date オブジェクトを使って日付や時刻を扱ってきましたが、このオブジェクトには設計上の欠陥など問題がありました。特にタイムゾーンの扱いが不十分で、ローカルタイムとUTCしかサポートされないなど、柔軟な時間操作には不向きな場面も多くありました。

次世代の日時APIである Temporal API は、

  • 柔軟で正確な日付・時間の計算機能
  • 明確で誤解の少ない構文
  • 複数のタイムゾーンやカレンダー(和暦など)のサポート

など、豊富な機能を持つ、強力なAPIです。近い将来、標準化されると思われるので、他のブラウザも含め、今後の動向に注目したいです。

参考:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Temporal

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

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

Firefox Release Calendar

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

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

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