kokusyo
-
-
【css】カードレイアウトのテキストをgridで揃えよう
2024/4/29
カード型レイアウトのテキスト位置が揃わない 今回テキスト位置を揃えたいのは以下のような、よくあるカード型レイアウトです。赤線で分かりやすく示しましたが、タイトルの文字数が異なるため、その下のテキストの ...
-
-
JQueryをVue3に置き換えてみよう【サンプルあり】
Vue.jsをCDNで読み込む Vue.jsを使用する時は、プロジェクトを作成～と思ったかもしれませんが、Vu.jsはCDNで読み込むことができます。CDNは以下の通りです。 <script s ...
-
-
【jQueryのみ】htmlでページネーションを実装してみよう！【コピペOK】
2024/2/13 HTML/CSS, javascript
静的なHTMLにページネーションを実装 ページネーションは、項目の数が多い時などに便利です。下記のように、ただズラズラと並んでいても、ページネーションを実装すればすっきりするし、視認性も良いです。しか ...
-
-
「hegiht:0」の要素をアニメーションさせる２大手法【html】
「height:0」→ 「hgiht:auto」はアニメーションが効かない 先述したように「hegiht:0」→「hegiht:auto」はアニメーションが効きません。実際に開閉するボタンとボックスを ...
-
-
30代からキャリアチェンジ！無料で学べるプログラミングスクール4選
30代からのプログラミングは遅くない！ まず初めにこれを言いたいです。30代からプログラミングを始めるのは遅い？ いやいや、30代からプログラミングを始めるのは遅くありません。 なぜ、そう言い切れるの ...
-
-
【Vue3】初心者講座 Vol.2【コンポーネント】
2024/1/27 javascript, Vue.js, 初心者
https://web-create-kokusyo.com/vue/vue3_ourse1/ 前回はこちら！ Vue３起動の仕組み コンポーネント編集に入る前に、Vue3の起動の仕組みについて確認し ...
-
-
プログラミング初心者におすすめの単語学習アプリ「プログラミング単語帳」
最近おもしろいいアプリを見つけたので、ご紹介します。今までにありそうで、なかったアプリではないでしょうか？ その名は！ プログラミング単語帳（プロ単） このアプリでは、初心者から中級者が学ぶべきプログ ...
-
-
【JavaScript】カレンダーを爆速で実装しよう！【Datepickerライブラリ】
2025/5/6 Datepicker, javascript, カレンダー
Datepickerライブラリでカレンダーを早速表示してみよう カレンダーを表示するのは、簡単にすぐ出来ます。下記コードをコピペして実行して見てください。 <!doctype html> ...
-
-
【Vue3】 leafletを使用してマップアプリを作成しよう
2024/1/21 javascript, アプリ, マップ, ライブラリ
最近なんとなく、私の故郷である宮崎県の観光サイトでも作ってみようと思い、Vue3とleafletを使用して作成しました。その際、vue3とleafletに関してのドキュメントが少なかったので、調べつい ...
-
-
フロントエンドの知識地図【読んだ本感想】
最近買った本【フロントエンドの知識地図】を読み終わったので、感想を記載したいと思います。ちなみにこの本、たまたまAmazonで見かけて面白そうだったので予約購入していたのですが、買ったのをすっかり忘れ ...