2024年5月14日 / 最終更新日 : 2024年5月16日 アシアル情報教育研究所 アシアル情報教育研究所ブログ

ボイスレコーダー（ベータ版）の紹介〜Monaca Education「ツール」機能〜

お断り 以下の記事で紹介するMonaca Educationの機能「ボイスレコーダー」は、2024年5月時点ではベータ版（試用版）として提供しています。記事公開後、画面、機能や操作性が変更される場合があります。 ボイスレ […]
2024年5月13日 / 最終更新日 : 2024年5月13日 アシアル情報教育研究所 アシアル情報教育研究所ブログ

ドット絵エディター（ベータ版）の紹介〜Monaca Education「ツール」機能〜

お断り 以下の記事で紹介するMonaca Educationの機能「ドット絵エディター」は、2024年5月時点ではベータ版（試用版）として提供しています。記事公開後、画面、機能や操作性が変更される場合があります。 ドット […]
2024年3月8日 / 最終更新日 : 2024年3月8日 アシアル情報教育研究所 アシアル情報教育研究所ブログ

タグを組み合わせて、構造を持つWebページを作ろう 〜HTMLのタグを使いわける〜

ページの「構造」 新聞でも、雑誌でも、Webページでも、誌面には情報をうまく伝えるための「構造」があります。 具体的には、記事のタイトル、記事の本文、記事の補足や脚注などです。 こうした構造があるおかげで、読者はすぐに「 […]
2024年3月7日 / 最終更新日 : 2024年3月7日 アシアル情報教育研究所 アシアル情報教育研究所ブログ

画像に効果をプラスしよう〜CSSによるフィルタ〜

画像にフィルターをかけて、効果を追加する 撮影してきた写真を、Webページに表示させてみたところ、「色味が思っていたのと違う」とか、「ページの演出意図に合わせて、色味を変えたい」ということがあります。たとえば、「セピア色 […]
2024年2月29日 / 最終更新日 : 2024年2月29日 アシアル情報教育研究所 アシアル情報教育研究所ブログ

JavaScriptによるタートルグラフィックス（試作版）

タートルグラフィックスとは タートルグラフィックスは、初心者にも理解しやすい、目で見えるフィードバックを提供する、プログラミングの教育用ツールです。画面上を動く「タートル」（亀）をカーソル代わりに使って、線や図形を描くこ […]
2024年2月26日 / 最終更新日 : 2024年2月26日 アシアル情報教育研究所 アシアル情報教育研究所ブログ

CSSで画像をアニメーションさせてみよう(4) メトロノームのように画像を動かす

CSSで静止画像をアニメーションさせる CSSを使うことで、静止した画像をアニメーション表示することができます。上下・左右に動かせるのはもちろん、回転させることもできます。 参考：CSSで画像をアニメーションさせてみよう […]