Welcome 2025!

（English below Japanese）

新年あけましておめでとうございます。

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

メインコンテンツ

• スクラッチプログラミング（Scratch）
  今年は、日本語の記事として、私たち Pyxofy の原点ともなっているスクラッチを紹介していきます。スクラッチは子ども向けのプログラミングソフトとして有名ですが、子どもだけでなく大人も楽しめるゲーム作りの記事などを配信します。

• CSS
  英語の記事としては、引き続き CSS について解説します。今年は、平面２Dだけでなく、立体３Dを表現するアートやアニメーションを紹介していきます。

メンバー限定コンテンツ

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

英文挨拶の後に、昨年よく読まれた記事のランキングを掲載していますのでご覧ください。Pyxofy は169もの国の方々にご訪問いただいています。世界各国のユーザーの皆さま、ありがとうございます。

Happy New Year!

Thanks to your continued support, Pyxofy is celebrating its 4th year anniversary.
Let’s continue to strive for self-improvement together with Pyxofy in 2025!

Main Content

• Scratch Programming
  This year, we will introduce Scratch, which is the foundation of Pyxofy, in Japanese articles. Scratch is well-known as a programming software for children, but we will also publish articles on game creation that can be enjoyed by not only children but also adults

• CSS
  For our English articles, we will continue to explore CSS. This year, we'll introduce art and animations both two-dimensional (2D) and in three-dimensional (3D) forms.

Member-only Content

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

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

2024 Article Ranking Top 3

Scratch

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

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

PyxofyPyxofy

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

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

PyxofyPyxofy

スクラッチプログラミング - セリフを一文字ずつひょうじしよう

スプライトがいうセリフの文字を、キーボードで入力(にゅうりょく)されているかのように、ひとつずつ表示(ひょうじ)する方法(ほうほう)をしょうかいします。「ブロック定義(ていぎ)」と「変数(へんすう)」をつかってプログラミングします。

PyxofyPyxofy

JavaScript

JavaScript - ボタンを押して表示を切り替える方法

ボタンをクリックしてコンテンツの表示 / 非表示を切り替えたり、ウェブページの表示をダークモードにする方法を解説します。CSS に切り替えたいクラスを追加して toggle() メソッドで切り替えるだけなので簡単です。

PyxofyPyxofy

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

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

PyxofyPyxofy

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

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

PyxofyPyxofy

CSS Art

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 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 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 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 – Fade In and Out

Poof! Now you see it, now you don’t. Let’s learn how to make sophisticated fade effects and much more in this step-by-step 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

2024 User Ranking Top 10 by Country

1. Japan
2. India
3. Russia
4. United States
5. Poland
6. France
7. South Korea
8. Brazil
9. Indonesia
10. Pakistan

Pyxofy is viewed by 169 countries worldwide. Thank you very much for visiting Pyxofy!

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

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