新着記事一覧（新着順20件）

はじめに 「ボタンを押したら画面の表示が切り替わる」「入力欄に何も書かずに送信すると注意メッセージが出る」――こうした動きのあるWebページを見たことはありませんか？ これらはすべて、JavaScriptというプログラミング言語によって実現されています。…

はじめに 以前のシリーズでは、ExcelのVBAをOffice Scripts（Excel on the web専用のTypeScript環境）へ生成AIで変換する検証を行いました。今回は同じ題材のVBAを、今度はGoogle Apps Script（GAS）へ変換してみます。 GASはGoogleスプレッドシートに組み…

はじめに 「表を作ったら枠線が二重になってしまう」「セルの中の余白をうまく調整できない」「スマホで見ると表がはみ出して崩れてしまう」という経験はありませんか？ これらはすべて、CSSのテーブル関連プロパティを理解すれば解決できます。 前回の記…

はじめに 「箇条書きの先頭にある黒丸（マーカー）を消したい」「番号付きリストの数字をアルファベットに変えたい」「ナビゲーションメニューを作ろうとしたら、なぜか変な余白やマーカーが残ってしまう」という経験はありませんか？ これらはすべて、CSS…

はじめに 「ボタンにマウスを乗せたとき、色がパッと切り替わるだけで味気ない」「読み込み中のくるくる回るアイコンをCSSだけで作りたい」「同じ動きを自動で繰り返すアニメーションを付けたい」という経験はありませんか？ これらはすべて、CSSのアニメ…

はじめに 「背景に画像を敷きたいけど、思った位置に表示されない」「背景画像がタイル状に繰り返されてしまう」「画面いっぱいに背景画像を敷いたのに、リサイズすると崩れる」という経験はありませんか？ これらはすべて、CSSの背景（background）関連プ…

はじめに 「マウスを乗せたときだけボタンの色を変えたい」「リストの1番目の要素だけ余白をなくしたい」「アイコンをCSSだけで追加したい」という経験はありませんか？ これらはすべて、疑似クラス（pseudo-class）と疑似要素（pseudo-element）というCSS…

はじめに 第5回では、クラウド版Power Automateの「Excel Online (Business)」コネクタにある「スクリプトの実行」アクションを使い、Office Scriptsをフローから呼び出す方法を解説しました。この方法は非常に便利ですが、1つ大きな制約があります。「ス…

はじめに 「スクロールしてもヘッダーを画面上部に固定したい」「バッジやアイコンを要素の右上にピタッと重ねたい」という経験はありませんか？ これらの多くは、position（ポジション）プロパティを使うことで簡単に解決できます。 前回の記事では、縦横…

はじめに 「flexboxだと縦横のレイアウトが思うように組めない」「カード一覧をきれいに整列させたい」という経験はありませんか？ これらの多くは、Grid（グリッド）レイアウトを使うことで簡単に解決できます。 前回の記事では、要素を1方向に並べるflex…

はじめに 前回、Power Automateと組み合わせることで「処理の完了通知・エラー通知」は実現できると解説しました。ただし、その方式では処理中のリアルタイム進捗表示や途中キャンセルまでは代替できません。 今回は、この2つの課題を掘り下げます。進捗表…

はじめに 「要素を横並びにしたいのに、思い通りにいかない」「中央揃えのやり方がいまいち分からない」という経験はありませんか？ これらの多くは、flexbox（フレックスボックス）を使うことで簡単に解決できます。 前回の記事では、CSSの基本となるボッ…

はじめに 前回の記事では、VBAの汎用転記エンジンをOffice Scriptsに変換し、実際に動作させるところまで確認しました。 その中で明らかになった課題が、UserForm（プログレスバー・キャンセルボタン・MsgBox）が丸ごと使えないという点です。Office Scrip…

はじめに 「余白を設定したのにレイアウトが崩れた」「paddingとmarginの違いがよくわからない」という経験はありませんか？ これらの多くは、CSSのボックスモデルを理解することで解決できます。 前回の記事では、テキストの配置や装飾に関するプロパティ…

はじめに 前回までのシリーズでは、VBAとOffice Scriptsの違いや基本的な書き換えパターンを解説してきました。 今回は実際のVBAコードを生成AIに渡して、Office Scriptsへの変換を試みます。 題材は kurumico.com で公開している「スリープ対策VBA」のサ…

Webページで文字列の配置や装飾を制御する「CSSテキスト関連プロパティ」の基本についての解説です。 はじめに Webページで「文字の位置を変えたい」「下線を引きたい」「文字間隔を広げてスッキリ見せたい」と思ったことはありませんか？ こういった文字…

Webページの文字デザインを決める「CSSフォント」の基本を初心者向けに解説します。 はじめに 文字デザインは、Webサイトの印象を大きく左右します。CSSでフォントを正しく指定することは、サイトの見やすさ（視認性）だけでなく、サイトの雰囲気を伝える…

はじめに Microsoft 365の普及により、Excelの自動化もデスクトップ版VBAからWeb版ExcelのOffice Scriptsへ移行するケースが増えてきました。 しかし「VBAは書けるけどOffice Scriptsは分からない」「既存マクロを移植したい」でも「JavaScriptやTypeScrip…

CSSセレクターとは、WebページのHTMLやXML文書内で、「どの要素に対してスタイル（デザインやレイアウトなど）を適用するか」を指定するためのパターンです。 はじめに CSSを書くうえで最も重要なのが「セレクタ」です。 セレクタを理解していれば、 特定…

はじめに VBA と Office Scripts は似ているようで全く別物です。 このチートシートでは、よく使う処理を“即書換できる形”で一覧化しています。 基本構造 VBAOffice ScriptsSub マクロ()function main(workbook) Sub Sample() End Sub function main(workb…