プログラミング

PHPの練習問題①

練習ページ:サーバサイド言語って全くわからなず、調べると必ずローカル環境でサーバ構築を、となる。とりあえずレンタルサーバを契約しているので、ルートディレクトリにindex.phpファイルをアップしてみました。全体コード<?phpclass ...
プログラミング

Vue.jsの練習⑤

練習ページ:やりたいことv-for構文を使って繰り返し処理を行なう。リストを作成する。HTML<ul id="app_5"> <li class="hobby-card" v-for="hobby in hobbies" :key="hob...
プログラミング

JavaScriptの小難しい用語・裏技を少し整理

たとえば、chatgptにコードの解説をしてもらっても、「オブジェクトが…」とか「インスタンスが…」とか「プロパティが…」と説明されて、「?」となるので、一旦自分用に整理しました。chatgptだけの情報を鵜呑みにはしませんが、一旦ふんわり...
プログラミング

Vue.jsの練習④

引き続き、忍者コードの練習問題を解いていきます。練習ページ:やりたいことv-if文に比べてif~elseifを使って条件を増やす。表示されるパターンは3種類に増える。表示される文字のパターン・NinjaCodeはすごく楽しい!・NinjaC...
プログラミング

Vue.jsの練習③

引き続き、忍者コードの練習問題を解いていきます。練習ページ:やりたいことHTML<div id="app_3"> <div v-if="show"> <p class="text text-success">NinjaCODE 楽しい!!<...
プログラミング

Vue.jsの練習②

引き続き、『忍者コード』のVue.jsの練習問題を解いていきます。練習ページ:今回やりたいことVue.jsが効いていない状態ではstyleが効いていない文字を、Vue.jsでstyleを有効にする。HTML▼表示エリア<div id="ap...
プログラミング

Vue.jsの練習①

『忍者コード』というプログラミングスクールのサイト内に練習問題があったので、実践してみました。練習サイト:今回学習したことを以下にまとめます。Vue.jsとは?Vue.jsはJavascriptのフレームワーク(※1)のことです。Vue.j...
プログラミング

Web APIで郵便番号から住所を取得する

こちらで実装してみました。練習サイトURL:Web APIとは?Web APIとは、Webを通じて利用することのできるサービスと、そのサービスを利用するためのルールのことです。Web APIは自分で作成できるだけでなく、多くのサービス事業者...
プログラミング

アコーディオンメニューの実装

こちらの練習サイト内のページで実装してみました。完成形:HTMLdtは用語、ddはその用語に対する説明をあらわします。<dl class="test_content"> <dt> <p>システムが実現すべき応答時間などのシステムの品質を明確...
プログラミング

スムーススクロールの実装

こちらの練習サイト内のページで実装してみました。完成形:HTMLHTMLでは、目次に各セクションへのリンク先を指定するようにします。<ol> <li><a href="#self-introduction">自己紹介</a></li> <l...