Welcome 2026!

Welcome 2026!
Photo by Logan Voss / Unsplash

(English below Japanese)

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

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

メインコンテンツ

  • Swift Playgrounds
    日本語の新たなコンテンツとして Swift Playgrounds を紹介していきます。Swift Playgrounds はプログラミング言語の Swift を学習できるアプリです。プログラミング初心者向けのチュートリアルが充実しており、ゲーム感覚で気軽に取り組むことができます。
  • CSS
    英語の記事は引き続き CSS について解説します。様々なファンクションやプロパティを用いた魅力的なアート・アニメーションを紹介していきます。一緒に CSS での表現の幅を広げていきましょう。

メンバー限定コンテンツ

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

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

Pyxofy Membership
You encourage our content creation by joining our learning community. あなたが Pyxofy の仲間(メンバー)に加わってくれると、私たちのコンテンツ作成の励みになります。

Happy New Year!

We’re thrilled to announce that Pyxofy is celebrating its 5th anniversary—and it’s all thanks to you! By creating a space for learning, we’ve grown together with our amazing community. Let’s keep learning and growing in 2026!

What’s Coming Up?

  • Swift Playgrounds
    We’re introducing Swift Playgrounds as a new Japanese-language resource! This fun and interactive app makes learning the Swift programming language easy—even for beginners. With game-like tutorials, you can dive into coding without stress.

  • CSS
    Our English articles will continue to focus on CSS. We’ll explore creative ways to use functions and properties to build stunning art and animations. Let’s expand the possibilities of CSS together!

Member-only Content

We’re rolling out special content just for Pyxofy members! If you haven’t joined yet, now’s the perfect time. Click the link below to become a member and unlock exclusive resources.
Pyxofy membership

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

2025 Article Ranking Top 3

Scratch

スクラッチプログラミング - ライフ(HP)のつくりかた
ゲームでつかえるライフ(HP)のプログラムを紹介(しょうかい)します。ハートのスプライトでライフを表示(ひょうじ)して、ダメージをうけたときに1ポイントずつへるようにプログラミングします。
スクラッチプログラミング - プラットフォームゲームのつくりかた
かんたんなプラットフォーマーをプログラミングできるようになりましょう。変数(へんすう)をつかったリアルなジャンプ、スプライトのそうさ方法(ほうほう)やあたりはんていなど、つくりかたの基本(きほん)をしょうかいします。
スクラッチプログラミング - レースゲームのつくりかた
車のスピードをリアルにかんじられるカーレースゲームをつくってみましょう。変数(へんすう)をつかってプログラミングすることで、3Dのような遠近感(えんきんかん)を出す方法(ほうほう)をしょうかいします。

JavaScript

JavaScript - ボタンを押して表示を切り替える方法
ボタンをクリックしてコンテンツの表示 / 非表示を切り替えたり、ウェブページの表示をダークモードにする方法を解説します。CSS に切り替えたいクラスを追加して toggle() メソッドで切り替えるだけなので簡単です。
JavaScript - 自動で画像が切り替わるスライドショーの作り方
複数の画像を順番に表示するスライドショーを作ります。一定の間隔で自動的に画像が変わるだけでなく、クリックして表示を切り替えることもできるようにコーディングします。
JavaScript - クリックカウンターの作り方【初心者向け】
ボタンのクリック数を画面に表示するクリックカウンターを作ります。コードのポイントとなるのはインクリメント演算子 ++ と innerHTML です。プログラミング初心者の方でも分かりやすいように、簡単な HTML と JavaScript で解説します。

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.
CSS Art – Creating an Isometric Cube using CSS Transform
Making 3D objects can be difficult and time-consuming. Learn how to combine CSS and isometric projection techniques in this step-by-step article.
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.

CSS Animation

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.
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.
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.

2025 User Ranking Top 10 by Country

  1. Japan
  2. United States
  3. Russia
  4. India
  5. China
  6. Singapore
  7. Germany
  8. France
  9. Brazil
  10. Netherlands

145 countries strong—and we’re just getting started! Thank you for joining us on this journey.

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