I tried to develop a DUO3.0 study website.

This time, we have developed a website that randomly asks 10 questions about DUO3.0. I will write an article about the background and what I learned.

What is DUO3.0?

It is a well-known super famous English word book with 560 example sentences. As an aside, I got TOEIC 915 thanks to memorizing all of this.

If you are interested, please come! Check it out on Amazon!

Background

I wondered if there was an app that would randomly give out about 10 DUO example sentences before going to bed. I searched for various things, but in the end I couldn't find a good one, so I made it myself this time.

Deliverables

I haven't posted it on the net because I'm afraid of copyright, but I'll show you the image!

スクリーンショット 2020-03-08 10.23.37.png

When you press the "Shuffle" button, 10 of the 560 example sentences will appear at random. If you press the "English" button, an English translation of Japanese will appear. If you press the "Speak" button, it will speak English.

What i learned

The Web Speech API is amazing! I was able to pronounce English with just a few lines of JavaScript. I actually wrote only the code below.

<script>
function Speech(id){
  var speech = new SpeechSynthesisUtterance();
  speech.text = document.getElementById('english' + id).value;
  speech.lang = "en-US";
  speech.rate = 1.0;
  speech.pitch = 1.0;
  speechSynthesis.speak(speech);
}
</script>

If you want to make it Japanese, you can easily change it by changing lang to ja-JP. I referred to the following site. Thank you very much. I checked the actual speaking environment with the Web Speech API

Summary

You can now study DUO effectively! Learning English is likely to improve further. It was a good opportunity to realize once again that being able to create "I wish I had it in my life" is one of the attractions of web development.

Thank you for reading again!

Recommended Posts

I tried to develop a DUO3.0 study website.
I tried to develop a website to record expenses.
I tried to develop a ramen shop sharing website.
I tried to develop a man-hour management tool
I want to develop a web application!
I tried to create a LINE clone app
I tried to develop an application in 2 languages
I tried to implement a server using Netty
I tried to break a block with java (1)
I tried to decorate the simple calendar a little
I tried to create a Clova skill in Java
I tried to make a login function in Java
[Personal memo] I tried to study object orientation lightly
I tried to verify yum-cron
I tried to modernize a Java EE application with OpenShift.
I tried using Hotwire to make Rails 6.1 scaffold a SPA
I tried to convert a string to a LocalDate type in Java
I tried to implement a buggy web application in Kotlin
I tried to make a client of RESAS-API in Java
I tried to create a padrino development environment with Docker
I tried to develop a web application from a month and a half of programming learning history
I tried to chew C # (indexer)
I tried a little digdag docker.run_options
I tried to summarize iOS 14 support
I tried to interact with Java
I tried to explain the method
I tried to summarize Java learning (1)
I tried to understand nil guard
I tried to summarize Java 8 now
I tried to chew C # (polymorphism: polymorphism)
I tried to explain Active Hash
I tried to create a simple map app in Android Studio
I tried to illuminate the Christmas tree in a life game
I tried to write code like a type declaration in Ruby
I tried to create a Spring MVC development environment on Mac
[Unity] I tried to make a native plug-in UniNWPathMonitor using NWPathMonitor
I tried to build a simple application using Dockder + Rails Scaffold
[Java] I tried to make a maze by the digging method ♪
I tried to generate a C language program source from cURL
I tried to build a laravel operating environment while remembering Docker
I tried to make a group function (bulletin board) with Rails
I tried to make a parent class of a value object in Ruby
I tried to make a simple face recognition Android application using OpenCV
I tried a calendar problem in Ruby
I tried to summarize the methods used
I want to write a nice build.gradle
I tried migrating Processing to VS Code
I tried to summarize Java lambda expressions
[Rails] I tried to implement a transaction that combines multiple DB processes
I tried to get started with WebAssembly
[iOS] I tried to make a processing application like Instagram with Swift
I want to write a unit test!
I tried to solve AOJ's Binary Search
I tried to make a Web API that connects to DB with Quarkus
I tried to build a Firebase application development environment with Docker in 2020
I made a virtual currency arbitrage bot and tried to make money
I tried to implement the Iterator pattern
I tried playing with BottomNavigationView a little ①
I tried to summarize the Stream API
I tried to make a talk application in Java using AI "A3RT"
I tried to build AdoptOpenjdk 11 on CentOS 7