開発スタッフがアプリ関連の最新技術やニュースをご紹介します。

JSpreadsheetを使えば、ExcelライクなUIでWeb上のスプレッドシートを実装できます。
今回は、その中でも重要な 「カラム設定（columns設定）」のポイントをまとめましたのでシェアします。

基本構造

JSpreadsheetでは、各カラムの設定は columnsプロパティで行います。

例）

jspreadsheet(document.getElementById(‘spreadsheet’), {
data: [],
columns: [
{ type: ‘text’, title: ‘Name’, width: 150 },
{ type: ‘numeric’, title: ‘Price’, width: 100 },
{ type: ‘calendar’, title: ‘Date’, width: 120 },
]
});

各カラムはオブジェクトで定義し、
type, title, width などを指定します。

よく使う type

type：text
説明：テキスト入力
主なオプション：readOnly

type：numeric
説明：数値入力
主なオプション：decimal

type：dropdown
説明：プルダウン選択
主なオプション：source, autocomplete

type：calendar
説明：日付入力（カレンダー）
主なオプション：format, type, readonly

type：checkbox
説明：チェックボックス
主なオプション：true, false

カレンダー（type: ‘calendar’）の使い方

JSpreadsheetではカレンダーの挙動を制御できます。

例：年月だけ選択（type: ‘month’）

{
type: ‘calendar’,
title: ‘Invoice Month’,
width: 120,
options: {
type: ‘month’,
format: ‘YYYY/MM’,
}
}

出力例： 2025/10

ポイント
カレンダーが「年月モード」で表示できる。
値は “2025-10-01” のように日付形式で保持される

通常の日付選択（type: ‘calendar’）
{
type: ‘calendar’,
title: ‘Invoice Date’,
width: 120,
options: {
format: ‘YYYY-MM-DD’,
}
}

出力例： 2025-10-15

dropdown（プルダウン選択）の設定例

{
type: ‘dropdown’,
title: ‘Currency’,
width: 100,
source: [‘JPY’, ‘USD’, ‘EUR’],
autocomplete: true,
}

選択候補を sourceに配列で指定します。
DBから取得したリストを渡すことも可能です。

数値カラム（numeric）

{
type: ‘numeric’,
title: ‘Amount’,
width: 100,
decimal: ‘.’, // 小数点区切り
mask: ‘#,##0.00’, // 表示フォーマット
}

出力例： 12,345.67

ポイント
maskで桁区切りや小数点表示を指定できる
decimalで小数点記号（. or ,）を変更可能です。

読み取り専用カラム

{
type: ‘text’,
title: ‘ID’,
width: 80,
readOnly: true,
}

背景がグレーになり、ユーザーは編集できません。

木曜日担当：nishida

Tweet

AIの開発で知られるOpenAIが、半導体大手のBroadcom（ブロードコム）と協力して
「独自のAIチップ」を開発するというニュースがありました。
報道によると、2026年ごろに量産を開始する可能性があり、
この動きはAI業界全体に大きなインパクトを与えると見られています。
今回は、この提携がどんな意味を持つのでしょうか。

Tweet

最近、デスクワーク中の肩こりがひどくなってきました。特に右肩だけが強くこることが多いことから、原因はマウスにあるのではないかと考えていました。

そこで試してみたのが、ケンジントン社の「Slim Blade Pro」です。正直最初は「マウスで肩こりが軽くなるの？」と半信半疑でしたが、使ってみると少し肩こりが改善してきたので、今回はその体験をシェアします。

写真で比較

今回購入したSlim Blade Proと、これまで使用していたMicrosoft社のマウスを並べてみました。

Slim Blade Proの特徴

ボール: 中央に直径55mmの大きなボールが搭載。一般的なトラックボール（34mm）より大きく、ビリヤードの玉（57mm）とほぼ同じサイズです。

価格: 16,000円

接続方法: Bluetooth、ドングル接続、有線Type-C（充電兼用）に対応。

スクロール機能と操作方法

Slim Blade Proには通常のマウスにあるようなスクロールホイールはありません。
スクロールは『ボールを水平方向に回す（Z軸回転）』ことで行います。慣れるまではクセがあります。

カーソル速度の設定

通常のマウスでは、カーソル速度を速く設定したほうが快適でしたが、Slim Blade Proは遅めの設定が使いやすいです。

遅く設定すれば精密な作業もラクに行えます。

遠距離移動（慣性の利用）

マウスカーソルを高速移動させたい場合は、ボールを弾くように転がすのがコツです。
重いボールが慣性で回転するので、カーソルが目的地まで素早く到達します。

Slim Blade Proのメリット

カーソル操作性: 遅い設定での精密操作と、慣性を使った高速移動が両立します。

身体的負担の少なさ: 腕を動かさずに操作でき、肩の負担を軽減。

両利き対応: 左右対称デザインで左手でも操作可能。

Slim Blade Proのデメリット

ドラッグ操作が難しい: ボールでカーソルを操作する性質上、クリックしたままドラッグする操作は難しいです。特に長距離のドラッグでは、ボールの慣性を活かしつつストップさせる操作に慣れるまで時間がかかります。

クリックが重くて指が疲れます: ボタンのクリック感がやや硬めのため、ドラッグ操作など長時間ボタンを押したままにする操作をおこなう場合、指が疲れます。
→ドラッグはできるだけ使用せず、キーボードショートカットで対応するようにしています。

埃やゴミが挟まる: 昔のボール式マウスのように、使用しているとボールと周囲の間に埃や細かなゴミが挟まることがあります。ゴミが挟まるとボールの慣性が鈍ります。ときどき掃除が必要です。

まとめ

Slim Blade Proは、毎日長時間マウスを使う人におすすめです。
肩や腕への負担が少なく、精密操作も快適に行えるため、長時間作業が楽になります。
もちろんデメリットもあるので通常のマウスと併用もアリです。

もし肩こりに悩んでいるなら、一度試してみる価値はあると思います。

木曜日担当：nishida

Tweet

チャットからそのまま買い物が完結

「Instant Checkout」では、ユーザーがChatGPTに「100ドル以下のランニングシューズ」や「陶器好きへのギフト」といった質問をすると、関連する商品がチャット内に表示されます。気に入った商品が見つかれば、チャットを離れることなく「Buy」ボタンを押して購入できます。

配送先や支払い方法の入力・確認もチャット内で完結するため、従来のように別サイトへ遷移して何度もクリックする必要がありません。自然な会話の延長でショッピングが進む点が最大の特徴です。

Tweet

Googleが発表した「マイボイス翻訳」は、ユーザー自身の声色や抑揚を真似て、話した日本語がリアルタイムで外国語に翻訳される機能です。翻訳は音声認識・機械翻訳・AI合成音声生成を組み合わせたもので、オンデバイスで処理されるためプライバシー保護も考慮されているとのことです。

まだ実際に試していませんが、この機能、英語学習にも役立つように思われたので、どんな可能性があるかを想像してみました。

英語学習との親和性

この機能のポイントは、「翻訳された自分の文章」が、自分の声で外国語に置き換えられることです。要するに、自分が口にした日本語文章を英語で話したらどうなるかを、自分の声でリアルタイムに聞けるわけです。

英語学習として考えたとき、たとえば、自分で考えた英文、あるいは日常会話で使いたい表現を口にし、それがリアルタイムで英語に訳されて自分の声で聞けると、「こんな風に言いたい、自分だったらこう話したい」というイメージが鮮明になるのではないでしょうか。

自分の声で英語の発音を「聞く」という体験は、ただサンプル音声を真似るだけよりも、自分が「流暢に話せたときの自分」を想像しやすくすると思います。

人は自己イメージが強いほど、学習への情熱や継続力が上がると言われます。自分の声で外国語が再生されることは、もし自分が流暢に話せたらこんな風になるのかという未来を視覚化（聴覚化？）させてくれるので、モチベーションアップにもつながりそうです。

まだすぐに買い替える予定はありませんが、将来購入した際にはぜひ使ってみたい機能です。

木曜日担当：nishida

Tweet