Welcome 2024!

（English below Japanese）

新年あけましておめでとうございます。
おかげさまで、Pyxofy (ピクソファイ) は開設３周年を迎えることができました。
皆様に学びの場を提供することで、私たちも同じく成長していくことができています。2024年も Pyxofy と一緒に自己研鑽に励んでいきましょう！

メインコンテンツ

• JavaScript Programming
  今年も引き続き JavaScript でのプログラミングを解説します。初心者の方にも分かりやすく楽しんでいただける記事を配信します。
• CSS アニメーション
  CSS アニメーションの作り方も引き続きご紹介していきます。思わず作ってみたくなるようなアニメーションを、複数の画像を使用し分かりやすく解説します。

メンバー限定コンテンツ

Pyxofyメンバーの方のみがご覧いただけるコンテンツを配信いたします。是非、Pyxofyメンバーへご登録を！メンバー登録は以下のリンクからお願いします。

Pyxofy

Empower Digital Natives thru Education and Technology

Pyxofy

英文挨拶の後に、昨年よく読まれた記事のランキングを掲載していますのでご覧ください。
今年もどうぞよろしくお願いいたします。

Happy New Year!
Thanks to your continued support, Pyxofy is celebrating its 3rd year anniversary.
Let's continue to improve ourselves with Pyxofy in 2024!

Main Content

• JavaScript Programming
  JavaScript programming content for junior high school students level and above.
• CSS Animation
  Beginner-level CSS animation hands-on content. 

Member-only Content

This year, we will be delivering more Pyxofy member-exclusive content.
Click here for membership registration.

Pyxofy

Empower Digital Natives thru Education and Technology

Pyxofy

We look forward to your continued support for 2024 and beyond.

2023 Article Ranking Top 3

Scratch

スクラッチプログラミング - プラットフォームゲームのつくりかた

かんたんなプラットフォーマーをプログラミングできるようになりましょう。変数(へんすう)をつかったリアルなジャンプ、スプライトのそうさ方法(ほうほう)やあたりはんていなど、つくりかたの基本(きほん)をしょうかいします。

PyxofyPyxofy

スクラッチプログラミング - ライフ(HP)のつくりかた

ゲームでつかえるライフ(HP)のプログラムを紹介(しょうかい)します。ハートのスプライトでライフを表示(ひょうじ)して、ダメージをうけたときに1ポイントずつへるようにプログラミングします。

PyxofyPyxofy

スクラッチプログラミング - レースゲームのつくりかた

車のスピードをリアルにかんじられるカーレースゲームをつくってみましょう。変数(へんすう)をつかってプログラミングすることで、3Dのような遠近感(えんきんかん)を出す方法(ほうほう)をしょうかいします。

PyxofyPyxofy

JavaScript

JavaScript - クリックカウンターの作り方【初心者向け】

ボタンのクリック数を画面に表示するクリックカウンターを作ります。コードのポイントとなるのはインクリメント演算子 ++ と innerHTML です。プログラミング初心者の方でも分かりやすいように、簡単な HTML と JavaScript で解説します。

PyxofyPyxofy

JavaScript - ボタンクリックでメッセージを表示する方法【初心者向け】

ユーザーの操作をきっかけに動く JavaScript の書き方を紹介します。ボタンのクリックに反応するシンプルなコードを書きながら、要素の取得やイベント、イベントハンドラーやイベントリスナーなどの基本を解説します。

PyxofyPyxofy

JavaScript - ダイアログの表示方法 - alert(), confirm(), prompt()

ポップアップで表示するダイアログを３つ紹介します。ユーザーに対してメッセージを表示する alert()、確認をする confirm()、入力を求める prompt() の使い方を学びましょう。

PyxofyPyxofy

CSS Art

CSS Art – How to Make Advanced Shapes with clip-path

Make any shape you can imagine with CSS clip-path. In this article let’s make stars, triangles, circles and even letters step-by-step.

PyxofyPyxofy

CSS Art – How to Make Vector Shapes with path()

Make basic and advanced shapes with CSS path() function and Scalable Vector Graphics (SVGs). Find out how in this step-by-step article.

PyxofyPyxofy

CSS Art - How to Make a Simple House

Let’s make a simple house using CSS and HTML. We’ll break down the house into basic shapes. Step by step guide, showing you how to make CSS Art.

PyxofyPyxofy

CSS Animation

CSS Animation – Changing Size

Make shapes bigger, make them smaller, then move them all around. You’ll learn how to do this, step-by-step, in this article.

PyxofyPyxofy

CSS Animation – Horizontal and Vertical Movement

How can we move shapes from left to right, top to bottom on the internet? Let’s find out how in this step-by-step CSS animation article.

PyxofyPyxofy

CSS Animation – Changing Color

Viva Magenta, Molten Metallic or Tranquil Blue? You’ll learn how to use colors and more with CSS in this step-by-step article.

PyxofyPyxofy

We would love to hear from you. Please give us a quick hi with your favorite social channel.

• LinkedIn
• Threads
• Bluesky
• Mastodon
• X (Twitter)
• YouTube
• Facebook