iOS13にてjavascriptのdevicemotionを取得する

iphone向けのwebコンテンツ制作の際に、javascriptを用いてiphoneの加速度や回転速度を取得したいと思ったことが合ったのですが、iOS13ではdevicemotion, deviceorientationイベントを取得する際にちょっとした […]

WebVRフレームワークA-Frameを用いて全天球画像ビューアを作る

最近、友人がRICOHの360度カメラTHETAを購入したとかで、全天球画像が送られてきたので、その画像を料理しようと思いました。 「天球画像 ビューア」とかで検索すると、WebVRフレームワークA-Frameという面白そうなものを発見したので、サクッと全 […]

chromedriverとgoogle chromeのバージョン合わせ

python×selenium×chromedriverでwebスクレイピングを行う機会があり、chromedriverとgoogle chromeのバージョン合わせをすることに。chromedriverを使う際には、google chromeとバーション […]

jsを用いて動的にscriptを読み込む際の注意点

javascriptを用いて動的にscriptを読み込む際、ハマってしまったのでメモしておきます。 やりたいこと <head> <script src=”https://ajax.googleapis.com/ajax/libs/jque […]

webページでドラッグ操作。jquery-uiを使う。

web開発において、ドラッグ操作したい場面に遭遇しました。その際に、jquery-uiというドラッグ操作に対応したライブラリがあることを知ったので、使い方をここに書き留めていこうと思います。 どういうことがしたいのか。。。 webページにおいて、ドラッグ& […]

javascriptにおけるsleep,wait関数

javascriptで一定時間sleepする関数を使いたくなったので、その方法をメモしておきます。 やりたいこと c言語で言う所のこういう処理をjavascriptでもやりたくなりました。 while (1) { if ( is_ready() ) bre […]

webページの共通部分をテンプレート化する javascript

webページを作成しているとき、ヘッダーやフッターといった各ページに共通するものってありますよね。 皆さんはそのような共通部の管理はどのようにしていますか・・・? 色々調べてみると、 iframeを用いて外部ファイルをインクルード(異なるHTMLをifra […]

見出しを抽出して目次を自動生成するjavascript

今回は珍しくWeb系のお話です。 最近、wordpressに頼らずに自作のwebページを作成しているのですが、その際にページの見出しタグ(h1,h2など)を自動的に収集してきて勝手に目次を作ってくれるものが作れないかなと思い、自作してみましたので共有します […]