すき家とかかつやみたいな和食屋で外国人雇うな (89ﾚｽ)
すき家とかかつやみたいな和食屋で外国人雇うな http://mevius.5ch.net/test/read.cgi/tech/1607138691/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
13: 蟻人間 ◆T6xkBnTXz7B0 [sage] 2020/12/07(月) 19:09:17.13 ID:rNPNmVA2 >>11 いい所に来たな。ウェブ技術に関するあるプロジェクトがあるんだが、手伝ってくれるかい？ 成果物は山分けだ。 HTTPもしくはHTTPS通信で、とあるURLにあるHTMLをダウンロードして画像を含めてレンダリングする。ただし、jQueryまたはPython3を使用する。 ここまで。 http://mevius.5ch.net/test/read.cgi/tech/1607138691/13
14: 蟻人間 ◆T6xkBnTXz7B0 [sage] 2020/12/07(月) 19:25:06.23 ID:rNPNmVA2 いわゆるスクレイピングって言う技術だけど、それ以上のことがしたいんだ。 ホームページの構成要素を破壊するような動画を作りたい。まあ、実際に破壊する訳じゃないけど、ハッカーになりたい子どもたちの娯楽として役に立つらしい。 http://mevius.5ch.net/test/read.cgi/tech/1607138691/14
15: デフォルトの名無しさん [] 2020/12/09(水) 02:36:20.22 ID:WuZTb4kZ しゅごい！！みんなでやろうよ！ http://mevius.5ch.net/test/read.cgi/tech/1607138691/15
16: デフォルトの名無しさん [sage] 2020/12/09(水) 02:50:29.85 ID:jODQKuwy 自演乙。 作ろう！ウェブアプリ開発コンテストPart1 https://mevius.5ch.net/test/read.cgi/hp/1605200346/ 38 Name_Not_Found sage 2020/11/19(木) 19:16:44.24 ID:??? 33 蟻人間 ◆T6xkBnTXz7B0 sage 2020/11/18(水) 22:50:58.32 ID:??? local storageはセキュリティどうなん？ 34 蟻人間 ◆T6xkBnTXz7B0 sage 2020/11/18(水) 22:55:28.97 ID:??? >>33 今回は技術情報システムで、公開される情報だから、問題ないんとちゃうん？ 36 Name_Not_Found sage 2020/11/18(水) 23:20:35.82 ID:??? トリップそのままとか斬新な自演ですね(笑) 一人ママゴト楽しい？ http://mevius.5ch.net/test/read.cgi/tech/1607138691/16
17: 蟻人間 ◆T6xkBnTXz7B0 [age] 2020/12/09(水) 14:15:06.08 ID:VbRdXPuW >>15 まずは、最新のPythonをフツーにインストールしてくれ。 http://mevius.5ch.net/test/read.cgi/tech/1607138691/17
18: 蟻人間 ◆T6xkBnTXz7B0 [age] 2020/12/09(水) 15:45:21.42 ID:VbRdXPuW >>17 そして、PythonへのPATHを追加。 さらにコマンドプロンプトから 「pip install beautifulsoup4」と 「pip install requests」 を実行してくれ。 http://mevius.5ch.net/test/read.cgi/tech/1607138691/18
19: デフォルトの名無しさん [sage] 2020/12/09(水) 16:27:40.67 ID:jODQKuwy 自演乙。 作ろう！ウェブアプリ開発コンテストPart1 https://mevius.5ch.net/test/read.cgi/hp/1605200346/ 38 Name_Not_Found sage 2020/11/19(木) 19:16:44.24 ID:??? 33 蟻人間 ◆T6xkBnTXz7B0 sage 2020/11/18(水) 22:50:58.32 ID:??? local storageはセキュリティどうなん？ 34 蟻人間 ◆T6xkBnTXz7B0 sage 2020/11/18(水) 22:55:28.97 ID:??? >>33 今回は技術情報システムで、公開される情報だから、問題ないんとちゃうん？ 36 Name_Not_Found sage 2020/11/18(水) 23:20:35.82 ID:??? トリップそのままとか斬新な自演ですね(笑) 一人ママゴト楽しい？ http://mevius.5ch.net/test/read.cgi/tech/1607138691/19
20: デフォルトの名無しさん [sage] 2020/12/09(水) 18:03:10.10 ID:y7KEYUhD Ruby on Rails で、作ってはいけないのか？ http://mevius.5ch.net/test/read.cgi/tech/1607138691/20
21: 蟻人間 ◆T6xkBnTXz7B0 [sage] 2020/12/09(水) 18:08:44.39 ID:jb06R+pz >>20 Ruby得意？ スクレイピングできる？ なら、Ruby使ってもいいぜ。 http://mevius.5ch.net/test/read.cgi/tech/1607138691/21
22: 蟻人間 ◆T6xkBnTXz7B0 [sage] 2020/12/09(水) 18:53:31.47 ID:VbRdXPuW Seleniumのsave_screenshotを使えばWebページのレンダリング可能。 https://www.seleniumqref.com/api/ruby/window_get/Ruby_save_screenshot.html DOMにおいて、ページの構成要素を移動させるなら、 CSSのtransformプロパティを使えば移動できる。 https://developer.mozilla.org/ja/docs/Web/CSS/transform CSSを編集するには、Seleniumのexecute_scriptとDOMのstyleを使っていろいろすればできるらしい。 https://rooter.jp/web-crawling/selenium_execute_script/ http://mevius.5ch.net/test/read.cgi/tech/1607138691/22
23: 蟻人間 ◆T6xkBnTXz7B0 [sage] 2020/12/09(水) 19:21:50.41 ID:VbRdXPuW まず、最新のRubyをインストール。次に、gemプログラムを使って必要なモジュールをインストール。 gem install nokogiri gem install selenium-webdriver gem install ffi さらに https://github.com/mozilla/geckodriver/releases にあるgeckodriver.exe をPATHの通った場所に置く。 # shottest.rb require 'selenium-webdriver' driver = Selenium::WebDriver.for(:firefox) driver.get('https://www.google.co.jp') driver.save_screenshot('File01.png') これでOK。shottest.rbを実行するとブラウザが起動し、自動的にスクリーンショットが撮られる。 http://mevius.5ch.net/test/read.cgi/tech/1607138691/23
24: 20 [sage] 2020/12/09(水) 19:23:07.99 ID:y7KEYUhD a.js.erb という感じで、 JavaScript も、ERB で書ける ERB は、あらゆるファイルに、Ruby の式を埋め込んで書ける Ruby on Rails では、React, Bootstrap を使う事が多い http://mevius.5ch.net/test/read.cgi/tech/1607138691/24
25: 蟻人間 ◆T6xkBnTXz7B0 [katayama.hirofumi.mz@gmail.com] 2020/12/09(水) 19:26:30.84 ID:VbRdXPuW 言い忘れたが、事前にFirefoxのインストールが必要だ。 http://mevius.5ch.net/test/read.cgi/tech/1607138691/25
26: 20 [sage] 2020/12/09(水) 19:28:15.24 ID:y7KEYUhD ffi なんて、いる？ Ruby のselenium-webdriver は、Chrome 以外で動くかな？ Edge Chrome では、動く機能が少なすぎる Rails のシステムテストでは、Capybara, Headless Chrome を使う http://mevius.5ch.net/test/read.cgi/tech/1607138691/26
27: 20 [sage] 2020/12/09(水) 19:40:29.34 ID:y7KEYUhD こういう感じ require "selenium-webdriver" options = Selenium::WebDriver::Chrome::Options.new options.add_option(:detach, true) # ブラウザを切り離す options.add_argument('--start-maximized') # 画面最大 driver = Selenium::WebDriver.for :chrome, options: options driver.manage.timeouts.implicit_wait = 15 # 要素の検索の timeout url_0 = "ttps://何々" url_1 = "ttps://何々" driver.navigate.to url_0 driver.execute_script( "window.open()" ) # 新しいタブを開く driver.switch_to.window( driver.window_handles.last ) # 新しいタブへ移動する driver.navigate.to url_1 http://mevius.5ch.net/test/read.cgi/tech/1607138691/27
28: 蟻人間 ◆T6xkBnTXz7B0 [sage] 2020/12/09(水) 19:44:41.00 ID:jb06R+pz テーマは、ホームページの破壊。DOM要素にスタイルを適用して「壊す」。 ターゲットはこのホームページ（私のです）： https://katahiromz.web.fc2.com/ このホームページを「破壊」する動画を制作する。一般に動画を作成するには、動きのある複数のスクリーンショットを撮ってテキトーなツールで動画に変換すればいい。「画像から動画を作る ツール」を検索。 ドライバーでJavaScriptスクリプトを実行してスタイルを編集した後で、再びスクリーンショットを撮ればスタイルが変更された画像が得られるという訳だ。 壊すということは、部品がガタつくとか、外れるとか、落ちるとか言うことだから、こういう動きをスタイルで再現すればいい。 http://mevius.5ch.net/test/read.cgi/tech/1607138691/28
29: 20 [sage] 2020/12/09(水) 19:46:05.31 ID:y7KEYUhD nokogiri を使うのなら、 require "nokogiri" url = "file:///" + File.join( __dir__, 'test.htm' ) driver.navigate.to url doc = Nokogiri::HTML( driver.page_source ) http://mevius.5ch.net/test/read.cgi/tech/1607138691/29
30: 蟻人間 ◆T6xkBnTXz7B0 [sage] 2020/12/09(水) 19:49:02.13 ID:jb06R+pz ハンマーで叩くというのも、画像を重ねればできるだろう。叩いた瞬間、部品は振動するはずである。 何度か叩くと部品が少しずつ落下する。落下運動は放物線をたどるはずだ。 http://mevius.5ch.net/test/read.cgi/tech/1607138691/30
31: 20 [sage] 2020/12/09(水) 19:52:36.99 ID:y7KEYUhD DOM を破壊するのは、Vue.js で、要素の位置を入れ替えるとか、どうかな？ http://mevius.5ch.net/test/read.cgi/tech/1607138691/31
32: 蟻人間 ◆T6xkBnTXz7B0 [sage] 2020/12/09(水) 19:54:57.39 ID:jb06R+pz >>31 ひとまずやってみてくれ。 http://mevius.5ch.net/test/read.cgi/tech/1607138691/32
33: 蟻人間 ◆T6xkBnTXz7B0 [sage] 2020/12/09(水) 20:01:15.64 ID:jb06R+pz >>1-2 Say No to racism! http://mevius.5ch.net/test/read.cgi/tech/1607138691/33
34: 20 [sage] 2020/12/09(水) 20:10:13.64 ID:y7KEYUhD 無理。難しすぎる 表示を壊して、動画まで作成できません http://mevius.5ch.net/test/read.cgi/tech/1607138691/34
35: 蟻人間 ◆T6xkBnTXz7B0 [sage] 2020/12/09(水) 21:05:01.26 ID:VbRdXPuW >>34 初めはみんなそう言うもんなんや。 でも細かく分解して考えれば大丈夫やねん。 ちょっと待てよ。動くサンプルプログラムを考えるから。 http://mevius.5ch.net/test/read.cgi/tech/1607138691/35
36: デフォルトの名無しさん [sage] 2020/12/09(水) 21:30:47.76 ID:YZTCBh8U Web ページがだんだん崩れていくアニメーションってすでにあったよね確か GigaZine の記事で見たんだっけな http://mevius.5ch.net/test/read.cgi/tech/1607138691/36
37: デフォルトの名無しさん [] 2020/12/10(木) 09:39:32.67 ID:Bau3ggnP これがサンプルだ。これを参考にして色々作ってみてくれ。 require 'selenium-webdriver' driver = Selenium::WebDriver.for(:firefox) driver.get('https://katahiromz.web.fc2.com/') for t in 0..10 ＿driver.execute_script(" ＿＿let r = Math.random() * 4 - 2; ＿＿let elements = document.querySelectorAll('*'); ＿＿for (let i in elements) { ＿＿＿if (elements[i].style) { ＿＿＿＿elements[i].style.transform = 'rotate(' + r + 'deg)'; ＿＿＿} ＿＿} ＿"); ＿filename = sprintf('File%03d.png', t); ＿driver.save_screenshot(filename) end あ、「＿」はスペースかタブに置換してくれ。 transformの使い方はここに書いてある： https://developer.mozilla.org/ja/docs/Web/CSS/transform http://mevius.5ch.net/test/read.cgi/tech/1607138691/37
38: 蟻人間 ◆T6xkBnTXz7B0 [sage] 2020/12/10(木) 09:58:49.94 ID:a08vYCAA >>37 一応、簡単に解説しよう。 4行目。tは時間の変数。 5行目。execute_scriptメソッドで文字列のJavascriptコードを実行する。 6行目。乱数を取得。 7行目。CSSセレクタでDOM要素を取得する。 9行目。styleがないDOM要素は無視する。 10行目。transformで回転させる。 14行目。tを使って、連番のファイル名の文字列を構築する。 15行目。スクリーンショットを取得する。 http://mevius.5ch.net/test/read.cgi/tech/1607138691/38
39: デフォルトの名無しさん [] 2020/12/10(木) 11:47:18.24 ID:YXjbRyJb 自演でコロコロ名前変えてるからまたトリップ付け忘れちゃったねｗｗｗ >>37->>38 http://mevius.5ch.net/test/read.cgi/tech/1607138691/39
40: 20 [sage] 2020/12/10(木) 15:36:36.89 ID:HstTQkWC なるほど 平衡感覚が狂うw http://mevius.5ch.net/test/read.cgi/tech/1607138691/40
41: 20 [sage] 2020/12/10(木) 16:07:15.87 ID:HstTQkWC >>37 JavaScript のコードは、ヒアドキュメントにした方が良い # style のある要素だけを回転させる jsCode = <<'EOT' let r = Math.random( ) * 4 - 2; let elements = document.querySelectorAll( '*' ); for ( let i in elements ) { if ( elements[i].style ) { elements[i].style.transform = 'rotate(' + r + 'deg)'; } } EOT for count in 0..3 # JavaScript を実行 driver.execute_script jsCode image_filepath = sprintf( 'File%03d.png', count ); driver.save_screenshot( image_filepath ) # スクリーンショット end http://mevius.5ch.net/test/read.cgi/tech/1607138691/41
42: 20 [sage] 2020/12/10(木) 16:27:33.98 ID:HstTQkWC エンジニアチャンネル・粟島 プログラミングでYouTube動画の編集作業を自動化する https://www.youtube.com/watch?v=2nDkNHeCKs4 Python で動画の無音部分を、自動的にカットする こういうツールを作れば、編集作業が減って、YouTuber は大助かり！ http://mevius.5ch.net/test/read.cgi/tech/1607138691/42
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 47 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.007s