JavaScriptでHTMLを操作する方法のうち最も基本的なものに「getElementById」という、HTML要素を取得するメソッドがあります。本記事では、JavaScript学習者向けにgetElementByIdの使い方をソースコードを用いて解説します。 getElementByIdとは getElementByIdとは、HTMLタグで指定したID値を持つHTML要素を取得するメソッドで […]
時代の変化に伴って利用されるフレームワークも変わってきます。本記事では、2024年時点でのJavaScript市場から、いま習得すべきフレームワークのおすすめ7つを紹介します。 JavaScriptは、Webサイトに動きをつけるためのプログラミング言語で、Webサイトの機能性やデザイン性が飛躍的に上がるためWebサイト構築にはなくてはならない存在です。そして、このように利用させることの多いJava […]
本記事では、次世代JavaScript「AltJS」として注目を集めているプログラミング言語「TypeScript」について解説していきます。 TypeScriptとは? TypeScriptは、JavaScript を拡張して開発されたスーパーセット(上位互換)、言ってしまえばJavaScriptを進化させたプログラミング言語です。Microsoft社が2012年に開発、2017年にリリースし、 […]
JavaScriptとは、動的な Webページを作成でき、WebサイトやWebアプリの開発でよく使われるプログラミング言語です。通常はブラウザ上で実行され、JavaScript を使えば、ユーザの操作に応じたコンテンツの表示やブラウザ上で表示される地図やグラフィックアニメーションなども表示できます。JavaScript は企業やユーザからの評価も高く、今も廃れること無く使われています。この記事では […]
前回の記事からの続きとなります。今回は JavaScript を用いた簡単なプログラミングの基礎解説を行います。 この記事の対象者 所要時間 10 分程 事前準備 まずは以下の html ファイルを作り、ブラウザで表示しましょう。前回記事の最後で作成したものと同一ですが、script タグ内の alert(“Hello JavaScript”); だけ削除しています。 まず […]
さまざまなプログラミング言語が横行する今日この頃。何の言語を学べばいいんだって悩みますよね。本記事では現役プログラマー視点で見たおすすめ言語を紹介します。 対象者 所要時間 5 分ほど 結論から伝えます 結論から言うと初心者におすすめのプログラミング言語は JavaScript です!他の言語は動作環境構築の難易度が高く、テキストエディタとブラウザさえあれば動く JavaScript は学習に最適 […]
Bootstrapとは BootstrapはTwitter社が開発したフロントエンド開発で利用するCSSフレームワークです。標準でレスポンシブ対応し、豊富な機能やデザインを提供しており、Webサイト・Webアプリを簡単かつ効率的に実装できます。Bootstrapは2010年頃に開発されてから今現在までアップデートされ続けています。OSS(オープンソースソフトウェア)として公開されており、世界中で利 […]
Composition APIとは? Composition APIとは、Vue3から導入された新機能で、コンポーネントを実装するAPIを指します。「リアクティブな値やそれに関連した関数をコンポーネントから切り離して扱える」という特徴を持つことから、コードの再利用性や保守性の向上が期待されています。Vue2のサポートが2023年12月31日をもって終了したため、Vue2からVue3への移行を検討し […]
CSSの要素名やクラス名の後に「:before」や「:after」といった記述がされていることがあります。これらは「擬似要素」といい、HTMLのソースコードに影響を与えずにスタイルを追加できます。とても便利な要素なのでその記述方法や使用場面を十分に理解して活用しましょう。本記事ではその擬似要素の基本からサンプルコードを用いた活用例まで段階的に解説していきます。 擬似要素とは CSSの擬似要素とは、 […]
Vue.js3とは? Vue.js3とは2020年9月にリリースされたVue.jsのバージョンです。従来のバージョンよりも軽量になったことで処理速度向上しました。また、従来で抱えていたJavaScriptとTypeScriptの互換性の問題を解消したことで保守性も向上しました。また、Composition APIなどの新機能も実装され性能が格段に向上しました。 Vue.jsの歴史 Vue.jsはE […]