「Web」タグアーカイブ

Vue.js試行用HTMLテンプレートをつくってみた

vue-cliを使わずにサクッとVue.jsでフロントエンドを試作 or 開発したい場合に使えるHTMLテンプレートを作ってみた。サンプルコード付き。Vue.jsの基本的な機能の使い方の参考になるようにしている。 Vu… 続きを読む »

SDGsニュースリストを更新しました。更新内容デフォルトで、SDGsの番号でタグ付けされたニュースのみリストに表示するようにしました。「タグ付けされたニュースのみ表示する」チェックリストをOFFにすれば、従来通りタグ… 続きを読む »

Vue.jsって何？という自分が、Vue.jsの基本を理解するためにとった行動をここにメモしておく。 Vue.jsそのものの説明は公式サイトの日本語ドキュメントが詳しいのでそちらを確認するとして、ここでは開発環境の準備手… 続きを読む »

ブックマークレット？ブラウザのブックマークに登録できるJavaScriptプログラムのこと。実はブラウザのブックマークのURLには「https://～」だけではなく、JavaScriptプログラムも書けてしまうのだ。… 続きを読む »

HTMLを書いていて、ときどき「あのUIはこんな風にしたらつくれるかな」と考えるときがある。そんなときはVisual StudioやDreamweaverといった大仰な開発環境でわざわざプロジェクトをつくるまでせずにち… 続きを読む »

たとえばBootstrapを使って、Webサイト上でこんな縦長のモーダルが表示したいとする。モーダルの縦の長さが画面よりも大きくなるとモーダル自体をスクロールできるようになるけれど、iOSで表示するとスクロールがスムー… 続きを読む »

使い方「RSS設定」ボタンから好きなRSSフィードを登録する。「タグ付け設定」ボタンから、キーワードと、それに紐付けるSDGsのゴール番号を登録する。すると、次のことが行われる。登録したすべてのRSSフィードから… 続きを読む »

HTMLで作成したラジオボタンのchangeイベントが同じボタン上で2回目以降発火しない現象に見舞われた。ブラウザはChrome 71。Bootstrap 3を使っている。見た目はこんな感じ。 HTMLコードはこんな… 続きを読む »

もくじ flexboxとは flexboxを使う前に CSSコード自動生成ツール flexboxとは要素を左から順に並べたい。均等な幅で並べたい。上から順に並べたい。などなど、HTML要素を規則的に並べることが簡… 続きを読む »

PHPでは「require」というキーワードで、外部ファイルにある関数が使えるようになる。例えば、次のような関数をまとめたファイルがあるとする。関数をまとめたPHPファイル（a.php） a.phpの関数を使うファイ… 続きを読む »