# HTML の記事一覧
![HTMLのaタグとimgタグをMarkdown記法に変換するシェルスクリプトを書いてみた](https://images.ctfassets.net/ct0aopd36mqt/wp-thumbnail-32ca5b659f9e09671bc666e19f935960/ba33ae8e889c29600cc43f4e1d885a63/tools-eyecatch-1200x630.png)
HTMLのaタグとimgタグをMarkdown記法に変換するシェルスクリプトを書いてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fnon____97.jpeg&w=256&q=75)
![Different ways of running your HTML file locally](https://devio2023-media.developers.io/wp-content/uploads/2013/11/html5.png)
Different ways of running your HTML file locally
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fcharu-srivastava.jpeg&w=256&q=75)
![[Python]pyvisでネットワークグラフをインタラクティブなhtmlに出力してみた](https://devio2023-media.developers.io/wp-content/uploads/2019/04/python.png)
[Python]pyvisでネットワークグラフをインタラクティブなhtmlに出力してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsuzuki-jun.jpeg&w=256&q=75)
![cdnjs とは (ちょっと、調べてみました)](https://devio2023-media.developers.io/wp-content/uploads/2020/06/cloudflare-1200x630-1.jpg)
cdnjs とは (ちょっと、調べてみました)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fhirano-hisashi.png&w=256&q=75)
![あたらしいフロントエンド開発ツール「Nue」](https://devio2023-media.developers.io/wp-content/uploads/2023/05/eyecatch_JavaScript_1200x630.jpg)
あたらしいフロントエンド開発ツール「Nue」
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsyuta.png&w=256&q=75)
![ChatGPT時代に必要かも!? Pythonで実行するファイルパース(HTML編)](https://devio2023-media.developers.io/wp-content/uploads/2019/04/python.png)
ChatGPT時代に必要かも!? Pythonで実行するファイルパース(HTML編)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fshogo-nakamura.png&w=256&q=75)
![GPTが自社の情報を正しく学習するためにはWebサイトをセマンティックなHTMLでマークアップした方がよい説](https://devio2023-media.developers.io/wp-content/uploads/2023/01/openai_chatgpt.png)
GPTが自社の情報を正しく学習するためにはWebサイトをセマンティックなHTMLでマークアップした方がよい説
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fmochida-toru.jpeg&w=256&q=75)
![ブログ記事内に埋め込んだSpeaker Deckのスライドをレスポンシブ対応させる](https://devio2023-media.developers.io/wp-content/uploads/2020/02/classmethod-developers-io-1200x630.jpg)
ブログ記事内に埋め込んだSpeaker Deckのスライドをレスポンシブ対応させる
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fnon____97.jpeg&w=256&q=75)
![HTMLのtitle要素やOGPなどのメタデータは「ページ」ごとに変えるとよさそう(特にSPAで)](https://devio2023-media.developers.io/wp-content/uploads/2021/07/eyecatch_accessibility.png)
HTMLのtitle要素やOGPなどのメタデータは「ページ」ごとに変えるとよさそう(特にSPAで)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fmochida-toru.jpeg&w=256&q=75)
![Chrome에서 오디오가 자동재생이 안 된다면? howler.js 라이브러리를 사용해 봤습니다.](https://devio2023-media.developers.io/wp-content/uploads/2019/09/howlerjs_hero.png)
Chrome에서 오디오가 자동재생이 안 된다면? howler.js 라이브러리를 사용해 봤습니다.
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkim-jaewook.png&w=256&q=75)
![CSSで横スクロールバーを上に持っていくためにしたハック](https://images.ctfassets.net/ct0aopd36mqt/1dD7b8HkT2sbiJzUIewMTD/e5cdc6f33c4fdd9d798f11a4564612ff/eyecatch_developersio_darktone_1200x630.jpg)
CSSで横スクロールバーを上に持っていくためにしたハック
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkanatani-masahiro.jpeg&w=256&q=75)
![The Nu Html CheckerをAWS App Runnerで実行させる](https://devio2023-media.developers.io/wp-content/uploads/2019/11/aws-eyecatch.png)
The Nu Html CheckerをAWS App Runnerで実行させる
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fmochida-toru.jpeg&w=256&q=75)
![Super Easy Formで超簡単にサーバーレスなHTMLフォームを作ってみる](https://devio2023-media.developers.io/wp-content/uploads/2020/04/SEF-LOGO.png)
Super Easy Formで超簡単にサーバーレスなHTMLフォームを作ってみる
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fabe-shinsuke.jpeg&w=256&q=75)
![rehypeを使ってHTMLを書き換える](https://devio2023-media.developers.io/wp-content/uploads/2020/04/nodejs-1200x630-1.png)
rehypeを使ってHTMLを書き換える
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkojima-takashi.png&w=256&q=75)
![【7周年記念】Developers.IOをPWA(プログレッシブウェブアプリ)に対応させてみた](https://devio2023-media.developers.io/wp-content/uploads/2018/07/devio-eyecatch.jpg)
【7周年記念】Developers.IOをPWA(プログレッシブウェブアプリ)に対応させてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsuwa-yuki.png&w=256&q=75)
![AlteryxでHTML GUIを使ってマクロのインターフェースを作る](https://devio2023-media.developers.io/wp-content/uploads/2014/10/alteryx.png)
AlteryxでHTML GUIを使ってマクロのインターフェースを作る
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fozawa-yuya.png&w=256&q=75)
![Alteryx SDKのHTML GUI設定](https://devio2023-media.developers.io/wp-content/uploads/2014/10/alteryx.png)
Alteryx SDKのHTML GUI設定
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fozawa-yuya.png&w=256&q=75)
![Google Tag Managerで広告用のHTMLタグを配信する](https://devio2023-media.developers.io/wp-content/uploads/2014/07/logo-google-tag-manager.png)
Google Tag Managerで広告用のHTMLタグを配信する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkajiwara-yutaka.jpeg&w=256&q=75)
![身につけておきたいWebサイト高速化テクニック #6|HTTPリクエスト数削減テクニック02:CSS Sprite編](https://devio2023-media.developers.io/wp-content/uploads/2013/01/speed.png)
身につけておきたいWebサイト高速化テクニック #6|HTTPリクエスト数削減テクニック02:CSS Sprite編
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fnonaka-ryuichi.jpeg&w=256&q=75)
![身につけておきたいWebサイト高速化テクニック #5|リクエスト数削減テクニック01:インラインイメージ編](https://devio2023-media.developers.io/wp-content/uploads/2013/01/speed.png)
身につけておきたいWebサイト高速化テクニック #5|リクエスト数削減テクニック01:インラインイメージ編
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fnonaka-ryuichi.jpeg&w=256&q=75)
![【HTML5】Indexed Database API を真面目に勉強してみる](https://devio2023-media.developers.io/wp-content/uploads/2013/11/html5.png)
【HTML5】Indexed Database API を真面目に勉強してみる
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fhakamata.jpeg&w=256&q=75)
![Hamlで開発効率アップ|Sublime text 2でビルドしてみました。](https://devio2023-media.developers.io/wp-content/uploads/2013/02/haml_thumb.png)
Hamlで開発効率アップ|Sublime text 2でビルドしてみました。
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkiyota-takashi.jpeg&w=256&q=75)
![【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・上巻](https://devio2023-media.developers.io/wp-content/uploads/2012/10/sublime.png)
【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・上巻
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkiyota-takashi.jpeg&w=256&q=75)
![身につけておきたいWebサイト高速化テクニック #1|アジェンダ編](https://devio2023-media.developers.io/wp-content/uploads/2013/01/speed.png)
身につけておきたいWebサイト高速化テクニック #1|アジェンダ編
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fnonaka-ryuichi.jpeg&w=256&q=75)
![Smalltalkで作るWebアプリケーション【10日目】](https://devio2023-media.developers.io/wp-content/uploads/2012/12/pharo-eyecatch.png)
Smalltalkで作るWebアプリケーション【10日目】
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Finage-toru.png&w=256&q=75)
![【追記】【寄せあつめ】今さらだけどSublime Text 2の基本とカスタマイズ【&Vim化】【4日目】](https://devio2023-media.developers.io/wp-content/uploads/2012/10/sublime.png)
【追記】【寄せあつめ】今さらだけどSublime Text 2の基本とカスタマイズ【&Vim化】【4日目】
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fnonaka-ryuichi.jpeg&w=256&q=75)
![GruntをCoffeeScriptで書いてcompileしてconcatしてminifyしてgzipする【2日目】](https://devio2023-media.developers.io/wp-content/uploads/2012/12/grunt.png)
GruntをCoffeeScriptで書いてcompileしてconcatしてminifyしてgzipする【2日目】
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Ffukasawa-takeshi.jpeg&w=256&q=75)
![HTML5 × CSS3 × jQueryを真面目に勉強 – #8 jQueryプラグインの作り方について詳しく](https://devio2023-media.developers.io/wp-content/uploads/2012/10/jhc_jqplugin.png)
HTML5 × CSS3 × jQueryを真面目に勉強 – #8 jQueryプラグインの作り方について詳しく
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyamada-naoki.jpeg&w=256&q=75)
![HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本](https://devio2023-media.developers.io/wp-content/uploads/2012/10/parallax_eyecatch.png)
HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyamada-naoki.jpeg&w=256&q=75)
![超簡単!BugSenseでスマホアプリ/サイトのクラッシュ統計をとろう](https://devio2023-media.developers.io/wp-content/uploads/2012/10/catch8.png)
超簡単!BugSenseでスマホアプリ/サイトのクラッシュ統計をとろう
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsuwa-yuki.png&w=256&q=75)
![Flash Pro CS6 の Toolkit for CreateJS を使ってみました。#1](https://devio2023-media.developers.io/wp-content/uploads/2011/11/Flash.png)
Flash Pro CS6 の Toolkit for CreateJS を使ってみました。#1
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fishigami-shintaro.png&w=256&q=75)
![Adobe Shadow](https://devio2023-media.developers.io/wp-content/uploads/2012/03/shadow_298x98.jpg)
Adobe Shadow
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Farikawa-eiichi.png&w=256&q=75)