[B! JavaScript] shidhoのブックマーク

絶対に画像をダウンロード&スクレイピングさせないWebページを本気で作ってみた - blog.potproject.net

巷で話題になっているこの話題、画像をスクレイピングやダウンロードされたくないということで騒がれています。その話に関しては色々な意見があると思ってますがここでは置いておくとして・・・技術的にやるとしたら実際どれくらい対策できるの？ということが気になったので、自分の知識で出来る限り対策したものを作ってみることにしました。最初に賢い方はわかると思いますが、タイトルは釣りです。絶対に画像をダウンロード&スクレイピングさせないページは存在しません。ソフトウェアにおいて絶対と言う言葉はまず存在しないのです。ブラウザで表示している以上、仕組みさえわかれば技術的には可能です。そのため、「元画像のダウンロードとスクレイピングを非常に困難にしたWebページを本気で作ってみた」が実際のタイトルかなとなります。とはいえ、この仕組みであれば大多数の人は機械的にスクレイピングすることを諦めるレベルの作

shidho 2023/05/30

開発者ツールで回避するのを防ぐのは"本気"にはやっぱり必要だよね。

リンク

GPT-4を使ってぷよぷよ作ってみたときの感想

以下のツイートに反響があったので、どういう感じで作っていったかと感想をメモ要約この記事ではAIのChatGPT︵GPT-4︶を使用して、JavaScriptでぷよぷよを作成する手法について紹介しています。最初の依頼は﹁JavaScriptで動くぷよぷよのコードを書いて﹂とされており、最初に生成されたコードは不完全であったとのことです。その後、AI側からは、1.ぷよの衝突検出、2.プレイヤーの入力によるぷよの操作、3.ぷよの回転の順に実装するように指示があり、徐々に改善を施していきました。短時間で開発を終えることができるため、エンジニアとしてのスキルや要求、不具合の言語化能力があれば有効だとされています。現時点では優秀なプログラミングのアシスタントとして機能しています。エンジニアが直面するストレスや不安を軽減できる可能性があります。一例として、短期間で開発を終えることができるため、

shidho 2023/03/18

どんな環境で動かすか思いつかないから、それ用意する手間が楽なのは嬉しいな。

リンク

【HTML5】マリオのコインの音をブラウザで出そう【ファミコン】 - Qiita

で、上記の通り﹁矩形波、三角波﹂って見たらアラフォー以上の人は﹁ファミコンじゃん﹂ってなったり、むしろ、コナミ矩形波倶楽部を思い出す方も多いかもしれません。技術的なことまぁ、ソースを見て貰えば特に難しいことはしていない︵いつものように殴り書きだし…︶のでコインであれば﹁♪シミー﹂という音を鳴らせばできるわけです。 const AudioContext = window.AudioContext || window.webkitAudioContext const audioContext = new AudioContext() const gainNode = audioContext.createGain() gainNode.connect(audioContext.destination) gainNode.gain.value = 0.1 const oscillator =

shidho 2022/04/01

「音楽にも著作権や商標をとっているものがあります」の時点で著作権知らない人なんだということはわかった。

リンク

JavaScriptの反意図性(クソ挙動)を指摘するバズツイ周辺解説 - Qiita

先日このようなツイートが話題になりましたね無論この件は例のコインハイブ事件で言われるような反意図性とはずれる話題ですが、直感的ではないという点でうなずくものがあります今回はなぜこれらがこのような結果になるのか、回避方法等順に説明しようと思いますというのも、この中のいくつかはJavaScript固有のものではないので、他人事と思わないようにしていただきたく…… その上でJavaScriptの本当の意味でヤバイ箇所も説明できたらいいなと思います。 ①typeof NaN NaNとはNot a Numberの略、なのになんでnumberなんだ！！この値は他のオブジェクトを数値に変換する関数parseInt(x)が失敗した場合、0*Infinity等の不確定な計算をした時に出力される値で、エラーを表現する値の一つです。内部表現的にはただの浮動小数(IEEE754)なので、typeofがn

shidho 2022/02/03

8進数ワロタ。

リンク

Safariは危険なJavaScriptに対応しない - Qiita

Firefox / Safari 先日Appleが、Safariは幾つかのWebAPIに対応しないと公言しました。日本語記事も幾つか出ています。しかし、どのサイトも対応しないAPIの一覧を並べてはいるのですが、それぞれのAPIが具体的にどのようなものなのかを記載した記事が見当たらなかったので、以下はそれらについて調べてみたものです。対応しない理由 a threat to user privacy、すなわち、あくまでブラウザフィンガープリントなどの手段によって個人を特定・追跡できてしまうからという理由です。セキュリティ的にも問題なAPIが並んでいるのですが、そちらは理由ではありません。対応しないWeb API Web Bluetooth caniuse RFC 非公式日本語訳解説ブラウザからBluetoothを通して接続先のデバイスにアクセスすることができます。データ転送形式

shidho 2020/08/20

ロートル過ぎて、なんでこんなアクセスがJavascriptで出来るようになっているのか理解できない。本体はなにかのネイティブアプリだったりするのかしら。

リンク

Webブラウザ上で純粋なHTTPだけで単方向リアルタイム通信を可能にするHTTPのストリーミングアップロードが遂にやってくる - nwtgck / Ryo Ota

Web標準のHTTPクライアントfetch()でストリーミングしながらアップロードできるようになる。

shidho 2020/08/07

リンク

ウェブアプリをソースごとパクる業者に対する対策 - Qiita

こんにちは。みなさんもウェブアプリをリリースしたあとに同業者にソースごとパクられたことってありますよね。難読化しても難読化されたまま同業者のサーバで動くので困ったものです。そこで、私がとった解析しずらい対策をまとめてみたいと思います。前提多機能な画面をJavaScriptでゴリゴリ作ったのにもかかわらず、HTMLやCSS、JavaScriptファイル一式を自社サーバにまるごとコピーして、ライセンス表記だけ書き換えて使うような業者を罠にはめるということを想定しています。当然通信をリバースエンジニアリングする人もいるので、自社サーバでは防げないという前提です。 HTMLにはauthorメタタグよくあるMETAタグで権利者を明記します。これは権利の主張もそうですが、JavaScript自体に権利者が認定した権利者でなければ無限ループを起こすという処理のためにも使用します。逆に、権利者が我

shidho 2017/11/20

これ書いちゃうと次回からここまで前提でパクられそうな気がしないでもなくもない。

リンク

【公式】くすみ専用洗顔石けん『二十年ほいっぷ』

︵定期コース説明‥詳細は選択画面に記載︶1ヵ月毎コース‥1,697円︵税込1,867円︶、受け取り回数に下限なし／3ヵ月毎コース‥1,697円︵税込1,867円︶、受け取り回数に下限なし、3ヵ月毎3個～お届け／年間購入コース‥1,509円︵税込1,660円︶、3ヵ月毎3個～4回お届け。料金は1個あたり表示。受け取り回数による価格変更なし。

shidho 2016/02/24

注文受付の在庫部分がJavascript自動生成。PCの日付で昨日と一昨日は自動的に受付不可になる。日付を未来に変えると……

リンク

Safari 9.0 の JS で「同じ関数を繰り返し実行しただけで返り値が変わる」という強烈なバグが発見されてる - Qiita

Webkit の Bugzilla で強烈なバグが報告されていると、同僚に教えて頂いた。あまり話題になっていないものの、単純ゆえに強烈なバグだと思ったのでQiitaにも公開しておく。 https://bugs.webkit.org/show_bug.cgi?id=151354 にそのバグ報告が上がっている。最初に Google+ でやりとりがあった模様。 URL のクエリ文字列から値を取り出す関数が正常に動作していないことから発覚したようだ。その後は、簡単なテストケースに落とし込まれ jsfiddle というサイトにテストケースが公開されている。 Safari でこのページを開くと、実際に JavaScript を実行して確認できるようになっている。続報 (2015.12.14) この記事を上げてすぐに Bugzilla の方で進展があった。 Yusuke SUZUKI さん

shidho 2015/12/15

確かに9.1なiPhone5sで再現した。

javascript

リンク

ターミナルにリッチなモニターを表示させる

B! 512 0 0 0 以前、 sparkというシェルスクリプトで棒グラフを表示するコマンドを紹介しましたが、さらに複雑なグラフや地図などもターミナルに表示してしまおうと言うプロジェクトの紹介。 blessed-contrib termui wopr ブラウザに表示させる blessed-contrib nodeがインストールされている必要がありますが、 nodeが入っているなら取り敢えず $ git clone https://github.com/yaronn/blessed-contrib.git $ cd blessed-contrib $ npm install $ node ./examples/dashboard.js を実行してみてください。ターミナル上にこんな感じのものが表示されると思います。追記: 2015/11/30 上のgifはGNU screenを立

shidho 2015/11/12

javascript

リンク

JavaScript を PNG に圧縮する | Yomotsu net

JavaScript を PNG に圧縮するツールを作りました。JS_Packer demoscene は最近 WebGL を使ったものも多くなってきています。demoecene は基本的にローカルにファイルとして存在しているものを使うそのファイル容量は1バイトでも少ないほうがいい (容量制限がある分野がある) という文化です。そしてJSファイルを圧縮する手法の一つに、JSを PNG 画像にして、それをデコードする、という手法が存在します。JSの性質JSのコードは基本的にアスキー文字の集まりです。アスキーコードは、小文字/大文字のアルファベット、数字、スペースといった 128 種類しか存在しません。 PNG8 の性質8ビット PNG は 256 種類の色をパレットに持っています。 PNG は可逆圧縮︵ロスレス︶形式の画像です。圧縮しても失われるデータはありません。

shidho 2015/05/12

リンク

かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技

2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！目次 Div全体をクリックできるようにするテーブルの偶数・奇数の行の色を変えるフォームにテキストを入れておき、フォーカスで消す（文字色も変更）ラジオボタンとチェックボックスを装飾するスライドパネルアコーディオンツールチップ言語によってスタイルを変更横並びのdivの高さ揃えるボックスを上下左右中央に配置するそれでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと

shidho 2015/04/02

リンク

茨城県と栃木県のデータがおかしいときに確かめること - Qiita

都道府県別のデータを扱う機会ってありますよね．私もとあるサービスの都道府県別データを解析しておりました． $ wc -l location_data/location-*.csv | sort | head 0 location_data/location-8.csv 0 location_data/location-9.csv 12 location_data/location-38.csv 14 location_data/location-36.csv 20 location_data/location-31.csv 26 location_data/location-32.csv 29 location_data/location-16.csv 33 location_data/location-18.csv 48 location_data/location-39.csv 52

shidho 2014/10/24

これ最大47の都道府県データだから08と09だけで済んでるけど、3桁0フィルの通し番号振ってると018とか080とかではまるんじゃないだろうか。

リンク

昔ながらの「片手間に書くJavaScript」の限界 - mizchi's blog

Javascriptを使うのをやめろ‥Railsの時代遅れ云々についての結論 - Qiitaこの記事は、全体的に自分の業務以外の評価基準やトレンドを知らないんだなという感じで、わざわざ付き合うと精神的に消耗する感じがした。ただ、それが彼らの本職でない以上、自分もこの結論に至るのは仕方ないと感じている部分はある。真の問題は、自分がレガシーなJavaScriptを書いているという自覚がない人間が、ここ数年の技術トレンドから乖離したコードを書き続けることで他のエンジニアやエコシステムそのものに悪影響を及ぼしているケースが散見されている。一行書く毎にグローバル汚染するスクリプトを見せられてもメンテ出来んと言われても、はいそうですねとしか言えないし、そういう人に最近のライブラリを触らせると遅くなるというのは、画面全体を一つのMustacheテンプレートにしてBackbone.Modelのパラメー

shidho 2014/06/30

javascript

リンク

Angry Birds Walkthrough Videos, Golden Eggs, and more | AngryBirdsNest

Angry Birds Friends Tournament T1372 is out now! Play twelve pig-packed new levels and compete with friends and find out who's the ultimate bird flinger! The gameplay mixes different elements from different...

shidho 2013/05/23

リンク

モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。

モバイルゲーム物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは﹃ゼビウス﹄や﹃スペースハリアー﹄などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化メモリの制限が厳しいJava仮想マシン上ではなく、OS

shidho 2012/04/11

ローディング画面から先に進まないアプリがよく申請を通ったものだ。

リンク

http://49.212.5.128/compsim/

shidho 2012/02/13

仮にトレードOKとして、レアカードの後半が全部そろうかつ等確率の前半が希望枚数来る(トレードで揃えられる)場合のシミュも見てみたい気が。

リンク

Ext Japan - Sencha Touch登場 - モバイル用HTML5フレームワーク

業界初のHTML5モバイルアプリ用フレームワーク Sencha Touchを使えばタッチスクリーンを装備したApple iOSや Android端末上でネイティブアプリのようなWebアプリが開発可能です。 Web標準技術に準拠 Sencha TouchはHTML5、CSS3、JavaScriptに特化した世界初のアプリケーションフレームワークです。SSencha Touchはこれらの技術が持つ力を最大限に引き出し、かつ柔軟で最適化されたアプリケーション開発を可能にします。Sencha Touchでは、音声や動画を組み込む為のコンポーネントやデータをオフラインでも利用可能にするlocalStorageプロキシーなどでHTML5の機能が利用されています。またSencha TouchのスタイルシートではCSS3を最大限活用してとても堅牢なスタイリングレイヤーを実現しています。このライブラリはそ

shidho 2012/02/08

リンク

javascript 難読化解除

var base_code='';var jsdecoder;var jscolorizer;var code='';var time=0;function decode() {code='';base_code='';jsdecoder=new JsDecoder();jscolorizer=new JsColorizer();if($('msg').innerHTML.length){do_clean_init();}else{jsdecoder.s=$("a1").value;do_decode_init();}} function do_decode_init() {$('msg').innerHTML+='Decoding .. ';setTimeout(do_decode,50);} function do_decode() {time=time_start();tr

shidho 2012/02/08

javascript

リンク

MyScriptsというiPhoneアプリが面白そうだったので、早速不動産屋向けスクリプトを書いてみた。 - 不動産屋のラノベ読み

タイトルどおりでございます。種を明かすと、MyScriptsはプログラミング環境です。あーあ、言っちゃった。でも、怖がらないでください。プログラミングに興味のない人にも、ぜひ関心を持ってもらいたいのです。 [iOS]神ツールを作るための神アプリ、MyScriptsがかなり便利ひとことで言うとJavaScript実行環境アプリなんですね。なかなか面白い。早速コードを書いてみたものの、非同期コールバックの実行ができないようでした。それって、不動産屋向けのコードを書くには致命的な欠陥です。だって、位置情報を取得できないってことですから。で、まあ仕方ないので、外部に測位用のコードを書いてSafariで位置情報を取得するようにフックするモジュールを作って……、といろいろやってみました。その結果こんな感じです。インストールの仕方などは、上記の記事を参照してください。 land_value(路

shidho 2012/01/26

リンク

はてなブックマーク

タグ

関連タグで絞り込む (82)

JavaScriptに関するshidhoのブックマーク (253)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス