ProgrammingMathオブジェクトの数学的計算メソッド:JavaScriptの基礎15 この記事はMathメソッドの数学的計算メソッドを一覧にした記事です。 Mathオブジェクトはいくつかありますが、数学的計算をしてくれるメソッドは特に多い印象です。 高性能なグラフの作成や計算されたアニメーションの作成などに使えるので覚えておきましょう。2020.07.312022.11.13Programming
ProgrammingWordPress Popular Postsの見た目をCSSでカスタム(コピペOK) 今回はWordPressの人気記事を抽出してくれるプラグインである「WordPress Popular Posts」の見た目をカスタムする方法を紹介します。2020.07.302023.02.06Programming
WEBXDのオーバレイでライトボックス(ポップアップ)を表現する 今回はAdobe XDを使って、WEBでよく使用されるライトボックス(ポップアップ)の表現の仕方を紹介します。 ライトボックスはCSSのz-indexとpositionプロパティでコーディングされ、画面を覆う様(オーバーレイ)に表示されるのが一般的な方法です。 今回はなるべくWEBの挙動に近いオーバーレイをXDで使って表現します。2020.07.292023.02.06WEB
Programmingランダムな乱数を取得する方法:JavaScriptの基礎14 今回はJavaScriptでランダムな数を使いたい場合に使える、乱数を返すメソッドを紹介します。 クリックするたびにランダムな数が返ってきたり、ページを読み込む度にランダムな見た目に変更される、アニメーションをランダムに動かしたい場合などに使えます。2020.07.282022.11.13Programming
WEB【超簡単】XDでドロップダウンリスト作成する方法 今回は、Adobe XDを使ってスクロール可能な多項目あるドロップダウンリスト(プルダウンメニュー)を作成する方法を紹介します。2020.07.272023.02.06WEB
ProgrammingJavaScriptで四捨五入、切り捨て、切り上げをする方法:基礎編13 この記事ではJavaScriptで数値を四捨五入、切り捨て、切り上げをする方法を紹介します。 WEB制作で実際の数値を表現する際は整数に直して表示することがほとんどなので実戦では必ず必要な知識ですので必ず覚えておきましょう。2020.07.272022.11.13Programming
WEBXDでくるっと回転するアニメーションを作成する方法 今回はXDを使ってオブジェクトがくるっと回転するアニメーションの作成の仕方を紹介します。 アニメーションはプロトタイプを利用すれば簡単なのだが、回転アニメーションに関しては若干癖のある作り方です。ただやり方を理解すれば超簡単に作成できます。2020.07.262023.02.06WEB
ProgrammingHTMLでラジオボタンを作成する方法:選択肢を一つのみ選ばせたい 今回はHTMLで、選択肢を選ぶ事ができるラジオボタンの作成の仕方を紹介します。 ラジオボタンは、チェックボックスと反対に複数の選択肢の中から1つしか選択出来ない物なので、複数の回答を求めない物に適しています。2020.07.252023.02.06Programming
ProgrammingHTMLでチェックボックスを作成する方法(選択肢の作成) 今回はHTMLを使ってクリックするとチェックが入るチェックボックスの作成の仕方を紹介します。 チェックボックスは、お問い合わせや設問などで複数の選択肢がある場合で、複数の回答を求める際に適しています。2020.07.252023.02.06Programming
ProgrammingHTMLでプルダウンメニューの作成の仕方:お問い合わせなどに使用 今回はHHTMLでお問い合わせフォームなどに良くある、都道府県など複数の項目の中から1つを選択するプルダウンメニュー(ドロップダウンメニュー)の作成の仕方を紹介します。2020.07.252023.02.06Programming
ProgrammingJavaScriptで数値を取り扱いたい・計算したい この記事ではJavaScriptで数値を取り扱いたい・計算したい場合に必要な基礎知識を紹介します。 数値はJavaScriptにおける基本的なデータ型の一つで、整数や小数を取り扱うことが出来ます。数値の型はNumber型です。2020.07.242022.11.13Programming
WEBXDで実際に押せるラジオボタンを作る方法 今回は、Adobe XDを使ってお問い合わせフォームなどにあるラジオボックス(実際に押せる)を作成する方法を紹介します。コンポーネントの機能を使い実際に押せるボタンを表現します。この機能を使いこなせば、一枚の絵としてのワイヤーフレームだけではなく、実際にユーザーがアクションを起こした際の見え方も表現する事ができる様になります。 一つレベルの上がった指示が出せる様になるので、WEB制作やアプリ製作者は覚えておきましょう。2020.07.232023.02.06WEB