すき家とかかつやみたいな和食屋で外国人雇うな

**デフォルトの名無しさん** · 2020/12/05(土) 12:24:51.31

飯が不味くなるんだよ

**蟻人間** ◆T6xkBnTXz7B0 · 2020/12/10(木) 09:58:49.94

>>37
一応、簡単に解説しよう。

4行目。tは時間の変数。
5行目。execute_scriptメソッドで文字列のJavascriptコードを実行する。
6行目。乱数を取得。
7行目。CSSセレクタでDOM要素を取得する。
9行目。styleがないDOM要素は無視する。
10行目。transformで回転させる。
14行目。tを使って、連番のファイル名の文字列を構築する。
15行目。スクリーンショットを取得する。

**デフォルトの名無しさん** · 2020/12/10(木) 11:47:18.24

自演でコロコロ名前変えてるからまたトリップ付け忘れちゃったねｗｗｗ

>>37->>38

20 · 2020/12/10(木) 15:36:36.89

なるほど

平衡感覚が狂うw

20 · 2020/12/10(木) 16:07:15.87

>>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

20 · 2020/12/10(木) 16:27:33.98

エンジニアチャンネル・粟島

プログラミングでYouTube動画の編集作業を自動化する
https://www.youtube.com/watch?v=2nDkNHeCKs4

Python で動画の無音部分を、自動的にカットする

こういうツールを作れば、編集作業が減って、YouTuber は大助かり！

**蟻人間** ◆T6xkBnTXz7B0 · 2020/12/10(木) 17:00:54.83

次はハンマーで叩いてみるんだが、ハンマーは今回はアニメGIF画像で表現する。

GIF画像はアニメーションと透過ができるファイル形式である。アニメGIFを作るには複数のGIFファイルをつなげてアニメにする特殊なソフトを使用する(フリーソフトでOK)。

画像要素の追加には
document.createElement('img')
と
appendChildを使用する。画像を追加して表示すればアニメーションは自動的に開始される。

画像のソース(src)には、data: urlを使用して画像データを埋め込むことにする。

**蟻人間** ◆T6xkBnTXz7B0 · 2020/12/10(木) 17:03:30.58

画像をdata: urlに変換するツールは次の通り:

https://www.peko-step.com/tool/datauri.html

**蟻人間** ◆T6xkBnTXz7B0 · 2020/12/10(木) 17:48:32.47

ハンマー画像はこれを使うことにする：

https://github.com/katahiromz/hammer2t/blob/main/hammer2t.gif

20 · 2020/12/10(木) 17:57:49.56

<img src="data:image/png;base64,<data>">

base64 エンコードした、dataURL は、データサイズが大きくなる

**蟻人間** ◆T6xkBnTXz7B0 · 2020/12/10(木) 19:01:10.68

>>44 のツールは使えないようだ。

https://hi0a.com/demo/-js/img-base64-datauri/
こっちを使ってくれ。

**蟻人間** ◆T6xkBnTXz7B0 · 2020/12/10(木) 19:09:55.36

https://ideone.com/SMVNwf
こうなった。なめらかに動かすのは難しいようだ。

**蟻人間** ◆T6xkBnTXz7B0 · 2020/12/10(木) 22:00:35.51

>>48
一応解説しておこう。

4行目。ideoneが勝手にＵＲＬを改変したので、ＵＲＬの修正が必要だ。
10行目。srcにdata URLを設定して画像を作成している。このデータは>>47を使って作成した。
11行目。document. getElementByIdなどでアクセスできるIDを設定している。このIDは後で使う。
12～14行目。img要素の位置を指定している。CSSの勉強をした人なら位置の指定方法を知っているはずだ。

**蟻人間** ◆T6xkBnTXz7B0 · 2020/12/10(木) 22:18:55.55

ここまで。CSSを勉強した人なら、位置やサイズ、色、回転角度をピクセル単位やパーセントなどで自由に指定できるはずだ。

window. innerWidthとwindow. innerHeight
を使えばブラウザの画面サイズが得られるはずだ。

ひび割れを入れるとか、爆発させるとか、画面を暗くするとか、カーテンを下ろすなどの効果も考えられるだろう。

>>20さん、何か作ってくれませんか？

**デフォルトの名無しさん** · 2020/12/10(木) 22:55:54.47

自演でコロコロ名前変えてるから
>>37-38ではトリップ付け忘れちゃったのに
>>48-49では反省して間違えなかったねｗ
エライエライｗｗｗ

**デフォルトの名無しさん** · 2020/12/11(金) 01:10:46.88

蟻人間さん、5ch専ブラみたいなの作れる？おせーてちょ

**デフォルトの名無しさん** · 2020/12/11(金) 01:25:18.90

自演乙。

**デフォルトの名無しさん** · 2020/12/11(金) 01:35:13.62

酷いこと言うのやめてください！あんまりです！！

20 · 2020/12/11(金) 12:33:01.27

JavaScript, Canvas のゲームは難しい。
Phaser とか

スーパー鳥スロットの作者・jagarikin みたいな人しか、ゲームを作れないでしょ？

20 · 2020/12/11(金) 12:42:28.96

5ch の専ブラは、5chと契約して、API を使うのでしょ？
5chの仕様を理解するだけでも大変

漏れも、Ruby で、ちょっとしたスクレイピングぐらいは出来るけど、

VBScript のスレ主・ピッコロ大魔王ぐらいの実力者になると、
VBScript, PowerShell で、スクレイピングしていた

**蟻人間** ◆T6xkBnTXz7B0 · 2020/12/11(金) 15:41:25.16

5ch専用ブラウザ？興味ないね。需要がない。

>>20さん、>>48を試してみた？

20 · 2020/12/11(金) 16:16:51.00

すごい！
ハンマーで叩き続ける、アニメgif ですか

アニメを作るのが大変

**蟻人間** ◆T6xkBnTXz7B0 · 2020/12/11(金) 16:18:43.50

GIFアニメになると再生が自動だから制御が難しくなるね。
やはり画像を連番で用意した方がいいのか？

うーん

**蟻人間** ◆T6xkBnTXz7B0 · 2020/12/11(金) 16:31:24.67

>>58
無料のInkscape(インクスケープ)で背景透過の図形描いてPNGにエクスポートして紙芝居みたいなGIF画像に変換して、無料のGIFアニメ作成ツールを使って連結させばできるよ。

透過部分はパレットで指定することになる。

アニメ化は最終的にデザイナーの仕事だけど、どうやって作るかは把握しておく必要があるよ。

20 · 2020/12/11(金) 17:05:31.53

高校1年生の英単語一覧
https://www.eigo-duke.com/tango/kou1.html

[
["accept","…を受け入れる" ],
["achieve","…を達成する" ],
["acquire","…を身につける" ],
["add","…を付け加える" ],
["advance","前進する／前進，事前" ],
["affect","…に影響を与える" ]
]

こういうJSON データで、ランダムに英単語の意味をたずねるクイズを作るのは、どうでしょう？
Ruby on Rails, React, Electron などで

**デフォルトの名無しさん** · 2020/12/11(金) 20:13:43.81

蟻人間に否定されてくやぢい

**蟻人間** ◆T6xkBnTXz7B0 · 2020/12/12(土) 16:32:23.48

>>55
Canvasでゲーム作りたいならUnityかHaxeが向いてると思うぞ。Javascriptだけでは生き残りは難しいだろう。Haxeが出来たら他の環境への移植が簡単になるらしい。

**蟻人間** ◆T6xkBnTXz7B0 · 2020/12/12(土) 16:43:18.80

LINEスタンプはAPNGアニメでできていて、作って公開するとそれなりに稼げるらしい。画像データだけでもマネタイズできる例。
しかし、マネタイズの仕組みをゼロから作るのが難しいのであって、オンラインショップを用意するだの、品質を担保するとか、歯車が噛み合わないとどうにもならない。
既存のソフトウェアマーケットを調査・研究してなんとか稼ぐ方法を探し出さねばならない。

**デフォルトの名無しさん** · 2020/12/12(土) 18:51:55.24

小規模でも TypeScript からコンパイルしたほうが楽

**デフォルトの名無しさん** · 2020/12/13(日) 21:50:50.95

hs://
youtu.be/TTDVrOLz6MI

**デフォルトの名無しさん** · 2020/12/13(日) 22:04:38.16

ideone とかいう太古のサイト使ってるだけでな
codepen でインタラクティブなショーケース見せてみろ

20 · 2020/12/13(日) 22:31:30.11

組み込みの新刊が出ますた！

Webで使えるmrubyシステムプログラミング入門、近藤宇智朗、2020/11/25

宇宙開発などの組み込み用、Lua, Squirrel の代替になる。
Ubuntu 18.04, C99 対応

**デフォルトの名無しさん** · 2020/12/13(日) 23:22:04.60

宇宙開発は放射線との戦いであり、ハヤブサを製造したNECの最新テクノロジーをもってしても、16ビットが限界でした。

20 · 2020/12/13(日) 23:49:34.98

2019年、超小型レーダー衛星・イザナギに、mruby を組み込んで打ち上げた

**デフォルトの名無しさん** · 2020/12/13(日) 23:57:32.64

ソウルに墜落して2000万人ほど死ぬかもしれませんね。

**デフォルトの名無しさん** · 2021/01/28(木) 19:44:55.68

なんでこのスレタイでこんなにクリエイティブな
話題で盛り上がってるのか

20 · 2021/01/29(金) 13:59:41.42

mruby で作った、小型人工衛星イザナミの打ち上げが成功した！

mruby 製の1号機が『イザナギ』、2号機は『イザナミ』

**蟻人間** ◆T6xkBnTXz7B0 · 2021/02/08(月) 20:10:11.18

ネタギレみたいだし、話題を変えよう。

ツイッターでは、誕生日になったら、プロフィールページで複数の風船が飛ぶという仕組みがある。

では、任意のウェブページにおいてJavaScriptを使って風船を飛ばすことは可能か。さあ、やってみよー。できるかな？

**デフォルトの名無しさん** · 2021/02/10(水) 08:32:31.29

すき家
[Analytics and Tracking]
Google Analytics
Google Conversion Tracking
Global Site Tag
Twitter Website Universal Tag
Twitter Conversion Tracking
[Widgets]
Facebook Like Button
Twitter Tweet Button
AddThis
Twitter Follow Button
Google Tag Manager
[Language]
Japanese
[Content Delivery Network]
Facebook CDN
[JavaScript Libraries and Functions]
Twitter Platform
es6 promise
Slick

**デフォルトの名無しさん** · 2021/02/10(水) 08:34:08.65

[Advertising]
DoubleClick.Net
Google Remarketingg
Twitter Ads
[Email Hosting Providers]
Synergy!
Amazon SES
Symantec.cloud
TrendMicro Email Services
SPF
Microsoft Exchange Online
[Name Server]
Amazon Route 53
[SSL Certificates]
SSL by Default
DigiCert SSL
GeoTrust SSL
[Web Servers]
Apache
[Operating Systems and Servers]
CentOS
[Content Delivery Network]
Content Delivery Network
[Web Master Registration]
Google WebmasterGoogle Webmaster

**デフォルトの名無しさん** · 2021/02/10(水) 08:35:24.55

かつや
[Widgets]
Font Awesome
Google Tag Manager
Wordpress Plugins
Jetpack
[Language]
Japanese
[Mobile]
Viewport Meta
IPhone / Mobile Compatible
[Content Delivery Network]
WordPress Grid

**デフォルトの名無しさん** · 2021/02/10(水) 08:36:41.33

[Content Management System]
WordPress
[Web Servers]
nginx
[Document Encoding]
UTF-8
[Document Standards]
View Global Trends
HTML5 DocType
Meta Description
Open Graph Protocol
Twitter Cards
Cascading Style Sheets
Sub Resource Integrity
Javascript
IFrame
HTML 5 Specific Tags

**デフォルトの名無しさん** · 2021/02/10(水) 08:50:26.68

プログラム技術 - 5ちゃんねる掲示板
[Analytics and Tracking]
Google Analytics
[Widgets]
COVID-19
[Language]
Japanese
[Frameworks]
Adobe Dreamweaver
[Mobile]
Viewport Meta
Apple Mobile Web Clips Icon
IPhone / Mobile Compatible
[JavaScript Libraries and Functions]
Moment JS
RequireJS
Slick
[Email Hosting Providers]
Amazon SES
SPF
[Web Hosting Providers]
Future Spirits
[SSL Certificates]
SSL by Default
GlobalSign
[Web Servers]
Apache
[Web Master Registration]
Google Webmaster

**デフォルトの名無しさん** · 2021/02/10(水) 15:57:14.00

Built With に、URL を入力すれば、
そのウェブサイトが使っている技術要素を調べられる

https://builtwith.com/

**デフォルトの名無しさん** · 2021/02/13(土) 17:08:19.49

神スレ

**デフォルトの名無しさん** · 2021/05/02(日) 12:02:49.27

気持ち多めとか言ってくる池沼がいるから仕方がない

**デフォルトの名無しさん** · 2021/08/14(土) 14:44:33.65

>>1
一番気になるのは一煮詰めしてくれないから味噌汁が不味くなるよな。

**デフォルトの名無しさん** · 2021/10/04(月) 14:13:14.52

>>1
飯より味噌汁がw

**デフォルトの名無しさん** · 2021/12/12(日) 04:41:04.09

嫌なら食いに行くな

**デフォルトの名無しさん** · 2023/01/12(木) 19:03:23.52

外国人の方がまともに働いてるイメージ

**デフォルトの名無しさん** · 2023/04/12(水) 23:01:36.86

https://i.imgur.com/1UDMeeH.jpg

**デフォルトの名無しさん** · 2023/12/09(土) 06:57:51.15

>>2
赤酢使ってる寿司屋に失礼だろw