Access to XMLHttpRequest at 'http://localhost:8081' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is ther

2024/5/10 追記 ありがたいことにこの記事は2024現在もたまにアクセスやいいねがあるのですが、 リクエスト先でリダイレクトが発生するときに追加で注意してほしいことがあるので以下に別記事を書きました。 また、そのうち await 使った版のこの記事も書こうと思います。 TL;DR このへん書いてあることをかいつまんだだけです URL送りつけるだけだとなぜか伝わらないことがあったので書きました Fetch の使用 | Web API | MDN https://developer.mozilla.org/ja/docs/Web/API/Fetch_API/Using_Fetch Response | Web API | MDN https://developer.mozilla.org/ja/docs/Web/API/Response Fetch API が 4xx エラーを rej

「RDKitによる3次元構造の生成」という記事でJupyterノートブック上で化合物の3次元構造を表示するにはpy3Dmolというライブラリを利用するのが広く使われるようになってきていると述べました．実際にpythonのケモインフォマティクス用ライブラリであるrdkitのIPythonConsoleモジュールでも立体構造の表示の際には内部でpy3Dmolをimportして使っていることも説明しました． 今回はpy3Dmolに関して，そもそもどういったライブラリなのかの説明から始めて，詳しい使い方を解説していきたいと思います．是非とも使い方をマスターして美しい立体構造を堪能してください．

Node.js（ノード・ジェイエス） はV8 JavaScriptエンジン上に構築されたJavaScript実行環境の1つである[5]。イベント化された入出力を扱うサーバサイドJavaScript環境であり、Webサーバなどのスケーラブルなネットワークプログラムの記述を意図している[6]。ライアン・ダールによって2009年に作成され、ダールを雇用しているJoyentの支援により成長している[7] [8]。 V8 JavaScriptエンジンで動作するが、ChakraCoreバージョンやMozillaによるSpiderMonkey移植のプロジェクトも存在する。 Node.jsはPythonのTwisted、PerlのPerl Object Environment（英語版）、C言語のlibevent（英語版）、RubyのEventMachine（英語版）と同様の目的を持つ。 ほとんどのJava

Youtubeへの動画アップロードの自動化を行いたいなと思って調べてましたが、ある程度まとまってきたので記事にしてみます。 調べてもあまり実装サンプルが見当たらないですね、Youtubeに動画をアップロードするサンプルは調べてすぐ出てくるものが古いものが多くて調べるのに苦労した感あります苦笑 未来の自分やどなたかの参考になれば幸いです。 Youtubeは Player API Data API Analytics API Live Streaming API などに大きく分けられるみたいです。 参考: YouTube Developer Documentation その中でもData APIが動画アップロードに関連します。 こちらがYoutube Data API(v3)のページです。 環境 Node.js v16.0.0 出たばかりですね〜 https://twitter.com/bet

curlってオプションに -w '%{json}' って渡すとJSONで吐いてくれるの知らなかった！便利！ https://t.co/UfWoU0H5rO

《2017年5月24日 11:00 AM 公開/更新》 直前に閲覧したページのURL(リファラ情報)を得る方法 [情報取得] JavaScriptを使ってブラウザが保持している「直前に閲覧していたページのURL」を得るには、document.referrerを使います。このリファラ情報のドメイン(ホスト)部分を参照すれば、アクセス者がサイト内を回遊して来たのか、サイト外からリンクを辿って訪れたのかなども区別できます。 直前に閲覧したページのURL(リファラ情報)をJavaScriptで得る方法 リファラ情報をアラートボックスに表示する例 アクセス者がサイト内外のどちらから来たかを判別する方法 アクセス元がサイト内外のどこかによって表示を分ける例 サイト外からの訪問者にだけ特別なコンテンツを加えて表示している実例 直前に閲覧したページのURL(リファラ情報)をJavaScriptで得る方法

ふと気になったことを、淡々と赴くままに調査していく、この上ない自己満足記事第五弾。 効率的な学習ぶりの華麗で綺麗な振る舞いの「世の多くの賢人技術者」とは違い、ひたすらに画面遷移と手書き記録を高速回転しながら、心身共に泥まみれの学習ぶりの私。 今回は、テキスト形式で簡単に図形を描ける「mermaid.js」の調査をして、汚れ具合に磨きをかけよう。 概要 Javascriptのチャート生成ライブラリ テキスト形式で、図やフローチャートを生成できる。 公式サイト 環境 Windows10 Visual Studio Code 準備 Visual Studio Codeをこちらからインストール Visual Studio Codeの拡張機能欄を開き、「Markdown Preview Mermaid Support」をインストール 「Ctrl + Shift + X」で拡張機能欄を表示できる。 イ

htmlファイルをpdfに変換する必要が生じたので、どうやってやろうかといろいろ調べた結果、最終的に使ったのはSeleniumだった。今回少し調べ物をしてまた忘れそうなので、メモしておく。 Google先生に聞くと、下記の記事が日本語だと見つかる。（いつも思うのだがPDF関連は日本語の記事が多い気がする） PythonのSeleniumでログインありのwebページをPDF保存する SeleniumとPythonを用いて複数のウェブサイトをPDF保存 pythonにてwebページをpdf化しての保存先と名前の変更 【Python入門】スクレイピングを使って自動的にWebページからたくさんファイルをダウンロードする方法 ヤフオクの購入した商品データを自動でPDFに保存する領収書ツールを作った。 Seleniumで印刷(print preview)を経てPDFを保存する方法 上記のように猫も杓子

Ubuntu＋Python＋Selenium ご質問の前提条件から外れてしまいますが、 Selenium ではなく Puppeteer であれば、直接ダウンロードするパスとファイル名を指定する方法があります。 → puppeteer でファイルをダウンロードするときに、任意のパスと名前で保存する | Aqua Ware つぶやきブログ 上記の記事は、 node.js + Puppeteer の例ですが、 pyppeteer を使うことで、以下のように Python でも同様の結果が得られます。 import os import asyncio # Fetch.enable に対応している Chromeimum リビジョンを指定 os.environ['PYPPETEER_CHROMIUM_REVISION'] = '884014' import pyppeteer event_loop =

この記事について Google Chrome で印刷ダイアログを表示させずに直接プリンターより印刷する方法を紹介します。英語で言うところの「silent printing」の設定です。 やりかた Chrome の起動コマンドにオプション「--kiosk-printing」を指定すればＯＫです。実際には非表示ではなく一瞬ダイアログが表示されてすぐ消えます。印刷設定はChromeで最後に使った設定が利用されます。 Windowsの場合 Chromeのショートカット、もしくはchrome.exeのプロパティ画面より起動コマンドを修正します。 参考：YouTube: Silent printing in Google Chrome Mac の場合 Windowsのようにショートカット自体に起動コマンドを持てないので、直接実行コマンドをたたくとのことです。 参考：How to setup the K

【更新情報】 ・2020.12.25 別記事でこの記事の「ガチのやつ」にフォーカスしたものを書きました！ ▼ kintoneのスレッド投稿がスマートになるChrome拡張をVue.jsで作る https://qiita.com/RyBB/items/3f343252b0397e93050e これからChrome拡張を始めたいという方はこのままこの記事を読むと良いと思います！ がっつり開発するとどんなことができるか知りたい方は上のリンクの記事を読むと良いと思います！ はじめに 普段、Chrome拡張使ってますか？ そもそもChrome使ってますか？ 使っている方であればわかると思いますが、 Chrome拡張はとても便利な機能です。ブラウザを自分流にカスタマイズすることができます！ そんなChrome拡張はストアからインストールするだけでなく、 自作 することもできます！ (ストアに公開しなけ

例1 以下のHTLファイルを作成します。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Test</title> <script type="text/javascript" language="javascript"> function BtnClick() { target = document.getElementById("frame01"); target.style.backgroundColor = "#4040FF"; target.style.color = "#FFFFFF"; } </script> </head> <body> <div id="frame01">Hello World!!</div> <hr/> <button onclick="BtnClick()">Change</b

2024年5月6日、現状のGoogle検索結果で動作するように更新しました。 ニュースタブ・動画タブ・画像タブで動作します。 Googleの検索結果を手軽に一覧でCSV保存したい Google検索はとても便利なので、日常的に利用しているのですが、 検索結果をまとめて一覧化したいことがありますよね。 検索画面に表示されるサイト名やページタイトル、URLをCSVファイルとして一覧で取得できれば、 ExcelやNumbers、Calcなどで使えて便利です。 スクレイピングやAPIで取得するなどの方法もありますが、 画面に表示されている検索結果を取得したい用途があるので、 ブラウザから誰でも利用できる、ブックマークレットを作りました。 ただし、最新のブラウザでなければ動作しません。 使い方 ブラウザで新しいブックマークを作り、次の内容をURL欄に貼り付けます。 ブックマークの名前は、Google検

なぜそんなことを 新型コロナウィルスのワクチンで利用される mRNA の塩基配列は、ファイザー社製とモデルナ社製とでは微妙に異なるものである（リンク先表中の mRNA の塩基配列のうち、オレンジ色で着色されている部分が、注射された後に体内で合成されるスパイクタンパク質を構成するアミノ酸列の設計図である）。 これら2つが誘導するスパイクタンパク質が同一かどうかを確認するために、アミノ酸列へのデコーダーを Javascript でちょろっと書いて検証してみた。 やってみた アミノ酸列のソースとなる塩基列の抜粋 長いです。 const contig_pfizer = "AACCTGACCACCAGAACACAGCTGCCTCCAGCCTACACCAACAGCTTTACCAGAGGCGTGTACTACCCCGACAAGGTGTTCAGATCCAGCGTGCTGCACTCTACCCAGGACCTGT

数日前にTwitterで, JavaScriptのオブジェクトに対する===の挙動が初心者には難しいみたいな話を見かけた. 発端や周辺の議論をちゃんと追いかけてないからとくに出典は貼らない. たぶん元々の話は「へぇ, こういう挙動なんだ, 簡単ではないね」くらいの話だったのかもしれない. 自分のタイムラインの観測範囲では「そうだそうだ, (参照の同一性ではなく)同値性にしとけばいいのに」と思っている人もそれなりにいそうに見えた. 個人的にも同値性が簡単に確認できるとよい気はするものの, 「なんでそうしないんだ, オブジェクトの中身を確認していくだけだろ!」みたいな簡単な話ではないことも知っているため, 以下のようなツイートをしたのだった. JavaScriptのオブジェクトの同値性、再帰的な構造とか作るとぜんぜん自明じゃないんだよなぁ。リンクの構造は違うけどプロパティを辿ったときのパスはど