iframe タグを設定するカスタムフィールドで利用する校正オプション setWidthFull
普通に、Google マップ から iframe で HTML をコピーして貼ると 600px になります。下の地図を確認すると右側が少しだけスペースが空いてしまいますね。
これを誰が投稿しても横幅 100% にしたいところです。
コンテンツの読み込みに時間がかかっています
OpenStreetMap の管理画面の改善案を考えてみる
a-blog cms の標準マップとしては APIキーを取得しないでも利用できる OpenStreetMap を利用しています。この登録用のユニットが以下のような UI が長く利用されています。もちろん地図ユニットが使われる頻度が多くないので、普段あまり見ないことが多い状況ではあります。
2024 JavaScript Rising Stars の Front-end Frameworks 部門で htmx が1位に！
2023 JavaScript Rising Stars で、React に続いて 2位を獲得した htmx って何なの？って感じで日本でも話題になりましたが、なんと 2024年の 2024 JavaScript Rising Stars では htmx が1位になりました！
HHKB にチャレンジ その2
「HHKB にチャレンジ その1」というエントリーは書いてないんだが... 2回目のチャレンジから書いてみようと思います。
地図のサービスを見直してみる Google / OpenStreetMap / Mapbox
地図といえば、多くの人が Google Maps を思い浮かべるのではないでしょうか。Google Maps が発表されたのは 2005 年で、それ以前はウェブサイトに地図を掲載する際、Illustrator などで作成した画像を貼るのが一般的でした。しかし、現在では iFrame タグを埋め込む方法が主流となっています。
また、Google Maps の iFrame で埋め込まれた地図は、左上に情報が表示されるため、一目でそれと分かる特徴があります。
定期開催のイベントサイトを作る際のブログ設定
イベントサイトを作り、今後のアーカイブとしてイベントサイトを残していくための、オススメのブログ設定について紹介します。
