- 1. DeepL API Freeを使用して翻訳してみる
- 2. スムーススクロールさせる方法
- 3. webview.hostObjects が async で失敗するのをなんとかする ver.2
- 4. 【JavaScript】ES5とES6において、親クラス継承の違い
- 5. Zoomのブレイクアウトルームってダサくない？？
- 6. JavaScript関数
- 7. InDesign JavaScript XML 属性の名前を変更
- 8. MapLibre GL JSがv2.0.0になりました
- 9. TypeScript または JavaScriptで作りたいプログラムの仕様:Web上の値の更新と合計
- 10. Reactで手書き風アニメーションしたい！
- 11. [備忘録] pdf.jsで日本語が読み込めない場合はcMapを設定する必要があった
- 12. BigQueryのUDFをJavaScriptで定義すると、int型の引数はstring型の値としてインタープリタに渡ってくる
- 13. 【具体例あり】変数・定数宣言の時の論理演算子 && と || の挙動と AND, OR の結びつけ【 Javascript 】
- 14. 【個人開発】海とサーフィンが好きすぎて、海のように見え方が変わるサーフィン日記共有サービスを作ってみた。
- 15. Uncaught TypeError: Cannot set properties of null (setting 'onclick')
- 16. 'el' is defined but never used no-unused-vars...のエラー解決方法。
- 17. 【超入門】JavaScriptの超基本を自分の言葉で解説してみた
- 18. 【Javascript/Typescript】fetch APIでmultipart/form-dataを送信したい(備忘録)
- 19. HTMLとCSSとJavaScriptをひたすら書いて動かして理解する【1回目】
- 20. JSON.stringifyのreplacer関数内のif文の条件にtypeofが必要な理由は？
DeepL API Freeを使用して翻訳してみる
# はじめに
新年早々、Netflexに加入しまして、以前からネットとかで海外ドラマのフレンズが英語の勉強にいいという噂は耳にしていたので、今年は素直にやってみようと思った次第です。
フレンズは1話あたり22分でシーズン1〜10まであり、全部で236話あるそうです。1日1話ずつ観ても8ヶ月くらいかかります。
フレンズの脚本のスクリプトも見ることができます。ただし、日本語訳はついていません。https://dramadeenglish.com/friends_script_list/
http://livesinabox.com/friends/scripts.shtml
# DeepL API
DeepLは、口語に近い文章に訳してくれるということで、フレンズを訳すのにちょうど良いかなと思って、ちょっとしたアプリケーションを作る上でDeepL APIを試してみたくなりました。## 準備
### 1.開発者向けのアカウントを登録
DeepLAPIを使うためにDeepLProアカウントを作ります。
https://www.deepl.com/pro#developer姓名メー
スムーススクロールさせる方法
今回は、jQueryを利用したスムーススクロールさせる方法を紹介していきます。
#スムーススロールとは
ヘッダーのメニューやトップへ戻るボタンなどをクリックした際に、ページ内のリンク先へ瞬時に飛ぶのではなく、ゆったり飛んでいく挙動です。
#jQueryに記述
“`:javascript
// #から始まるURLがクリックされた時
jQuery(‘a[href^=”#”]’).click(function() {
// 移動速度を指定（ミリ秒）
let speed = 300;
// hrefで指定されたidを取得
let id = jQuery(this).attr(“href”);
// idの値が#のみだったらターゲットをhtmlタグにしてトップへ戻るようにする
let target = jQuery(“#” == id ? “html” : id);
// ページのトップを基準にターゲットの位置を取得
let position = jQuery(target).offset().top;
webview.hostObjects が async で失敗するのをなんとかする ver.2
message を汚染せず匿名関数でやりくりするタイプ
“`js:JavaScript
addEventListener(‘ExeLoaded’,e=>{var url = `https://script.google.com/macros/s/SampleDeployId/exec`;
var text = `SampleText: Fixed newly exposed boat not showing up in the boat yard menu
Changed contraptions to drop resources and inventory objects (crates) to drop resources even
when killed with fire. Previously anything killed by fire would drop nothing.`chrome.webview.hostObjects.exe.PostError(url,text).then(r=>{
console.log(r)// null、
【JavaScript】ES5とES6において、親クラス継承の違い
##ES5においての継承
“`javascript