概要
ご注意
- フォーマットを行うと当該のHDDもしくはSSDの中に保存されているデータは削除されるのでご注意ください
項目 | 情報 |
---|---|
OS | macOS Catalina(10.15.3) |
ハードウェア | MacBook Air (11-inch ,2012) |
プロセッサ | 1.7 GHz デュアルコアIntel Core i5 |
メモリ | 8 GB 1600 MHz DDR3 |
グラフィックス | Intel HD Graphics 4000 1536 MB |
いずれかの「ISOイメージ」と書かれたリンクをクリックする。
ダウンロードに時間がかかる場合がある。
「アプリケーション」→「ユーティリティ」と進み「ディスクユーティリティ」をクリックする。
左上の表示切り替えボタンをクリックして「すべてのデバイスを表示」をクリックする。
形式を変更したいUSBメモリを選択し「消去」をクリックする。
「フォーマット」のプルダウンメニューをクリックし「MS-DOS(FAT)」を選択後に「消去」をクリックする。「方式」はデフォルトの状態からいじらない。(ちなみにフォーマット後にUSBのファイルシステムを確認すると「FAT32」と表示されているがこれはMacOS側がUSBメモリの容量に応じて自動で「FAT32」に設定してくれたものなので気にしなくて良い、「FAT」を選択してフォーマットするとOS側で自動で判断して適切なファイルフォーマットに変えてくれる。)
一旦USBを抜き差しする。
「Download for macOS」をクリックする。
「ダウンロード」フォルダにダウンロードされた「balenaEtcher-1.5.105.dmg」をダブルクリックで開く。
下記のようなウインドウが開いたら、開いたウインドウ上の緑色のアイコンをドラックして「Applications」フォルダに入れる。
「アプリケーション」フォルダの「balenaEtcher」のアイコンをダブルクリックしてアプリを起動する。
「Flash from file」をクリックする。
先にダウンロードしたUbuntuのisoファイルを選択する。
「Select terget」をクリックする。
先程フォーマットを行ったUSBメモリにチェックマークを入れて「Select(1)」をクリックする。
Ubuntuのisoファイル、書き込むUSBメモリが正しいことを確認して「Flash!」をクリックする。
下記のようなウインドウが出たらMacのユーザにログインするときのパスワードを入力して「OK」をクリックする。
アプリケーションがMacのファイルにアクセスすることを許可するかを聞かれるので許可する。一度焼き込みに失敗することがあるが落ち着いて再度USBメモリを選択し直し「Flash!」をクリックする。
焼き込みが完了するまで待機する。
下記のウインドウが開いたら「取り出す」をクリックする。
balenaEtcherのウインドウで下記のように書き込みが完了した表示がされていたら作業完了である。
「Standard Edition」の「zip」をクリックする。(特にこだわりがなければ最新版のzipをクリックすることをおすすめする。)
ダウンロードしたzipを解凍し、中に入っている64bit版(ほとんどのPCはこちら)のWindows10の方は「DiskMark64.exe」をダブルクリックしてソフトを起動する。
例
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
<style>
.parent {
width: 800px;
margin: 0 auto;
border: 1px red solid;
}
.child {
width: 30%;
margin: 0 auto;
border: 1px blue solid;
}
</style>
</head>
<body>
<div id="app" class="parent">
<emit-test class="child" @custom-event="parentMethod">
</emit-test>
</div>
<script>
let emitTest = {
template: `<div>
<button @click="childMethod">
子側のボタン
</button>
</div>`,
methods :{
childMethod(){
this.$emit('custom-event', '子の値')
}
}
}
let app = new Vue({
el: '#app',
components: {
emitTest
},
data(){
return{
}
},
methods: {
parentMethod(e){
console.log(e)
}
}
})
</script>
</body>
</html>
例
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
<style>
.parent {
width: 800px;
margin: 0 auto;
border: 1px red solid;
}
.child {
width: 30%;
margin: 0 auto;
border: 1px blue solid;
}
</style>
</head>
<body>
<div id="app" class="parent">
<emit-test class="child" @custom-event="parentMethod">
</emit-test>
</div>
<script>
let emitTest = {
template: `<div>
<button @click="childMethod">
子側のボタン
</button>
</div>`,
methods :{
childMethod(){
this.$emit('custom-event', '子の値')
}
}
}
let app = new Vue({
el: '#app',
components: {
emitTest
},
data(){
return{
}
},
methods: {
parentMethod(e){
console.log(e)
}
}
})
</script>
</body>
</html>