Affinity Designerには、Adobeのイラレに負けないぐらい、多くの機能が備わっています。

今回は、ハンバーガーのイラストを作成しながら、使用頻度の高いAffinity Designerの基本機能をまとめてご紹介します！

画像のスライダーは通常、ライブラリでサクッと実装することが多いかと思いますが、JavaScriptを学ぶことが目的の場合はあえて自力（素のJS）で実装してみるのもおすすめです。

そこで、今回はライブラリを頼らず、素のJavaScriptで画像のスライダーを実装する方法をご紹介します！

ただ画像を配置するだけのimg要素と比べ、動画を扱うvideo要素は気をつけるべき点も多く、専用の属性も多いのが特徴です。

といっても扱いが難しいというわけではないので、基本をしっかりマスターして動画素材をWebサイト作成に活かしていきましょう！

【Swift】と【SwiftUI】なんて名前がよく似たものを並べられても、プログラミング初心者の方にとって両者は何が違うのかイメージしづらいですよね。

リスキリングが盛んになりつつある今日この頃、Swiftを含めたプログラミングの学習に興味を持つ人が増え、どの言語を学ぼうか迷っている方も増えているのではないかと思うので、この記事では初心者の方に向けて『Swift・SwiftUIとは何か？何ができるのか？』をできるだけ分かりやすく解説していこうと思います！

基本情報技術者試験が令和5年度から新しくなったことをご存知でしょうか？

今回は、そんな新しくなった基本情報技術者試験を実際に受験してきたので、その感想や、試験における注意点などを実体験を踏まえてお伝えします！

モバイルアプリ開発においては、スクロールできないViewで描画されたものは、コンテンツが画面内に収まりきらない場合でもスクロールできずに見切れてしまいます。
そこでReact Nativeには、モバイルアプリ画面のスクロールを許可するScrollViewコンポーネントが用意されています。

この記事ではScrollViewの基本的な使い方と、ちょっと便利なプロパティをご紹介します！

メニュータイトル（項目）をクリックすると、隠されていたメニューがアコーディオンが展開されるように現れるようなタイプのメニューを、アコーディオンメニューと言います。

メニュー項目の増減により要素の縦幅が変わっても大丈夫なアコーディオンメニューを、素のJSで実装する方法をご紹介します！

データの読み込みが完了するまで表示される、クルクル回るアレ。皆さんも目にしたことがあるかと思います。

今回は、そのローディング（待機状態）アニメーションをCSSだけで実装する方法をご紹介します！

具体的には、記事のサムネイルに掲載されている３種類のローディングアニメーションを作っていきます。

Webページを下にスクロールさせていくと、スクロールが要素に達するタイミングでフワッと要素が現れる…といった動きのあるWebデザインをよく見かけますよね。

今回は、それを素のJavaScriptで実装する方法をご紹介します！

アプリのアイコンは、アプリの顔となる重要な要素です。

この記事ではiOS（iPhone）向けのアプリアイコン画像を作成する際のポイント・注意点について、デザイン初心者向けに解説しています！