サンシャイン池崎の家は凄かった...。それとアトリビュートタグの使い方

サンシャイン池崎の実家に帰る企画というのがあり、以下のリンクで紹介されてますが、すごいですね。いい話や...。親が生きている内に恩返しはしたいものです。
サンシャイン池崎 空前絶後の実家TV初公開！母の愛情に「照れくさい」 – しらべぇ ｜ 気になるアレを大調査ニュース！

こんにちは。瀬戸際の沼田です。

今日は5月17日に書いた、プログラムを改良して見たのでメモしています。

5月17日に書いた、3の倍数のときのみ「あほ」を表示するプログラムを改善してみる

やりたいことは、

0から1ずつ1秒ごとにカウントアップして、3の倍数のときのみWebページ上に「あほ」と表示する。

というもの。

console.log("0517OK")
setInterval(() => {
document.body.innerText = a
console.log(a)
if (a % 3 == 0) {
document.body.innerText = "あほ"
} else {
document.body.innerText = a
}
a = a + 1
}, 1000)
var a = 0

で前回、var a = 0のグローバル変数が最後にあったりして見にくいとこと等を問題点に挙げたわけですが、先輩いわく「瀬戸際の沼田よ...問題はそこじゃない...」とのこと。

調べてみる(聞いてみる)と、最初のconsole.log("0517OK")はともかく、setInterval(() => {の後の

document.body.innerText = a
console.log(a)

が無駄のようで、htmlのタグの中を一回aに書き換えて、意味もなくconsoleにaと表示してから、if文の実行を行ってaをあほに書き換えている。

よって以下のように修正。

console.log("let's start!!")
var a = 0
setInterval(() => {
a = a + 1
if (a % 3 == 0) {
document.body.innerText = "あほ"
} else {
document.body.innerText = a
}
}, 1000)

これで無駄な処理はなくなりました。最初のconsole.logがlet's start!!に変わっているのは自分を勇気付けるためのおまじないで特に意味はありません。
しかし、あほの替わりにとある写真を表示したいので、アトリビュートタグというものを使ってみる。
コレ→< img src="[ファイル名]" >

アトリビュートタグ内の=の前後には半角スペースを入れない！

もう一度書いておきましょう。

アトリビュートタグ内の=の前後には半角スペースを入れない！！
これで覚えたはず...。

console.log("let's start!!")
var a = 0
setInterval(() => {
  a = a + 1
  if (a % 3 == 0) {
    document.body.innerHTML = '<img src="aho.jpeg ">'
  } else {
    document.body.innerText = a
  }
}, 1000)

またinnerTextでなくinnerHTMLを使い、HTMLタグは「"」もしくは「'」で囲っています。

この場合は「"」ではimg src =までを「"」内と認識してしまうので、「'」で囲っています。

ふ〜やれやれ。自分が検索で↑のページに出会ったとしたら、何年前だよ...。と思いますが、自分で作ると楽しいですね。

今日より明日は改善するように頑張っていきます(><)

スプラトゥーン2予約開始で楽しみすぎる。それと、atom-beautifyのショートカットキーについて

Nintendo Switchの「Splatoon2(スプラトゥーン2)」が予約開始したそうで、

スプラトゥーン2 | Nintendo Switch | 任天堂

発売日は2017年7月21日ですから夏休みはスプラトゥーン2だな...。

こんにちは。瀬戸際の沼田です。

atom-beautifyのショートカットキーについて

今日は仮想通貨のことは置いておいて、テキストエディタATOMのパッケージの1つでソースコードを整形(フォーマット)してくれるatom-beautifyのショートカットキーについてのメモ。これ、瀬戸際の沼田のような初心者には何とも便利なツールですが、いちいち右クリックしてフォーマットなんてやってられません。

そこで、、、ショートカットキーを調べてみた。というか先輩に聞いてみた。

ソースコードをフォーマットする：[Ctrl]+[Alt]+b

これは忘れないようにメモメモ。

今日より明日は改善するように頑張っていきます(><)

谷村奈南さんが結婚したそうな。それと3の倍数のときだけ「あほ」を表示するプログラム

歌手の谷村奈南さんがＷＢＡ世界フライ級王者の井岡一翔さんと結婚したそうですが、いつも通り誰ですか状態になってしまいます。

こんにちは。瀬戸際の沼田です。

仮想通貨に関して

仮想通貨の相場を考えるに当たっては、Ethereumの他にもBitcoinやRippleあたりも見ときたい。ということで、3種類のチャート（ニワカなので/JPYですが...）は瀬戸際メモに残しておきましょう。

ほむ。ここ一週間ではRippleが倍になってますな。やはり時価総額で、世界2位になったニュースもありましたからね。

3の倍数のときだけ「あほ」を表示するプログラム

さて、プログラミングに関しては、以下のような、HTMLで実行すると、Webブラウザ上で0から1秒ずつカウントアップし、3の倍数のときだけは「あほ」と表示するというものを作ってみました。

console.log("0517OK")
setInterval(() => {
  document.body.innerText = a
  console.log(a)
  if (a % 3 == 0) {
    document.body.innerText = "あほ"
  } else {
    document.body.innerText = a
  }
  a = a + 1
}, 1000)
var a = 0

とりあえずこれで動くのですが、上記プログラムはいくつか問題があるようで、、、。

1. グローバル変数(最後の行のvar a = 0)がif文を挟んでおり読みにくい。
2. document.body.innerTextとか古文書ですか問題。(調べているとinnerHTMLと書くらしいが)

で、ちょっと変えてみると動かなくなったり...。うーむ。また明日以降もいじってみましょ。

今日より明日は改善するように頑張っていきます(><)

葉月里緒奈さんが極秘離婚とな。それと機能要件について

女優の葉月里緒奈さんが娘さんを家に残して離婚しておったようですね。

瀬戸際の沼田としてもキングボンビーと離縁したいところですね。

こんにちは。瀬戸際の沼田です。

今日のETH/JPYは10,322円ですが...。おや？一昨日みたときは12,000円台だった気がしますがそろそろ頭打ったのでしょうか。ビットコイン元年といってもどの仮想通貨を購入しても値上がりする今はバブルと言わざるを得ないでしょう。

システム開発における機能要件とはどんなこと？

 今日はシステム開発や構築における「機能要件」と「非機能要件」について書いていきたいと思います。

システム開発や構築をする際には、システムが実装・搭載するべき機能や満たすべき性能を明らかにする作業(要件定義という)を行います。

この要件定義の作業の中で「実装・搭載するべき機能」の要件を機能要件と言います。

例えば、車でいうと「前後左右に移動できる」等が機能要件と言えます。

機能要件に対して非機能要件とは、車で例えると、燃費や乗り心地、故障時のサポート体制等を言います。非機能要件については、開発者とユーザ側でよく話合い、ユーザの求めている品質を明らかにした上で満たす必要があります。

非機能要件は、情報処理推進機構（IPA）によると以下の様に定義されています。

1. 可用性：いつでも使えるか？どれだけ安定感があるか？
2. 性能/拡張性：どれだけ快適に使えるか？利用者が増えても大丈夫か？
3. 運用/保守性：アフターサービスはきっちりとされているか？
4. 移行性：引っ越し、乗り換えは簡単にできるか？
5. セキュリティ：ウイルス対策等、セキュリティ対策ができているか？
6. システム環境/エコロジー：そのモノを置く設置環境は適切か？また環境保護に役立っているか？

機能要件について何故書くかというと、仕事の中で依頼されたというだけなのですが、機能要件？システム構成図？何それおいしいの状態だったので、下記を参考に調べてまとめてみた訳です。

(参考：

機能要件と非機能要件 | Cloudeo用語集 | AWS設計・運用インテグレーション - Cloudeo)

さて、という訳で作業に戻らねば...。

今日より明日は改善するように頑張っていきます(><) 

ネオオタク語シンデレラの破壊力について

今日はお休みをいただいて病院に行って来たのですが、帰りのバスの中で「シンデレラを"ネオ"オタク語で吹き替えたらありえん良さみが深い」を見て噴いてしまった…。

 コレ→https://youtu.be/CnP38TQIIjk

こんにちは。瀬戸際の沼田です。

シンデレラは魔法をかけてもらってお城に行くとき、

『即寿司りたい気分でした』

ってとこでもうダメでした。

何が面白いのか全くわかりませんが面白い…。

他にも、

浦島太郎https://youtu.be/ioghhNGVpAY等もあり、良い出来でした。

早よプログラム覚えて即寿司りたい気分になりたいすね〜。

今年はネオオタク語が流行ったりして…。

今日より明日は改善するように頑張っていきます(><) 

地震予知によると5月13日の博多に注意とのこと

地震の予知って難しいですよね。2017年5月13日博多に注意らしいですが、常時やってないことって非常時にできないですから、平時からの備えは大切です。

...なんてもちろんわかってますが、瀬戸際の沼田としては目の前のプログラムがなぜ動かないのかのほうを優先してしまいます。

こんにちは。瀬戸際の沼田です。

さて、今日はブログを始めてから習得できたものは何か。以下にまとめてみます。 

習得したもの(何も見ないでできるやつ)

 ターミナル(黒い画面)を使う系

１．現在いるディレクトリの確認(pwdコマンド)

　　※現在のディレクトリというかカレントディレクトリですね。

２．ディレクトの移動(cdコマンド)

３．現在のディレクトリにあるファイルやディレクトリの確認(lsコマンド)

４．ファイルの削除や移動・名前変更(rmコマンドとmvコマンド)

５．ディレクトリの作成と削除(mkdirコマンドとrmdirコマンド)

６．カレンダーや時刻の表示(calコマンドとdateコマンド)

７．ファイルの属性の変更(実行可能にするなど) (chmodコマンド)

８．文字列を表示する(echoコマンド)

９．カレントディレクトリに空ファイルを作成(touchコマンド)

１０．対話モードへの入りかた(瀬戸際の沼田の環境だとnode)

１１．文字ファイルの内容を表示する(catchコマンド)

１２．環境情報を表示する(env)

１３．各コマンドの後に半角スペースをいれて-を打つと各コマンドごとのオプションを使用できる。

プログラミング系

１．JavaScriptを習得

２．htmlを習得

...はいすみません若干語弊があります。言語系はJavaScriptはcosole.log()を覚えて、process.stdin.resume()とかの呪文の必要性がわかっただけです。

htmlは<html><head><body><script>とかの各タグの意味がわかり、ホームページソースをコピーしてローカルでも表示されるのが静的なサイトでそうでないのが動的なサイトだということを理解したくらいです。

これからは兼業でやっていた仕事が一区切りつくので、習得ペースを上げないと何してたの？ってことになります。急ぎます。

今日より明日は改善するように頑張っていきます(><)

君の名は。ちゃんとつけないと動きません。

君の名は。のDVDが7月26日に発売するようですね。

そのころには何か作れるようになっていなければ、、、。

こんにちは。瀬戸際の沼田です。

今日は、htmlでファイルを実行してWebブラウザ上に文字列を表示するという練習をしていたのですが、タイトルにもあるとおり、名前を付け間違える＆拡張子をスペルミスして、2時間くらいハマるということをしていました。

この練習によって、朝PCの電源を入れたら、ETH/JPYのレートを自動で表示するというステキツールが自作できるはずなんや...。

ETH/JPYは、以前このブログで触れたときは2017/4/19で

1ETH = 5,535 円 

今は

1ETH = 10,270 円

約2倍...。なんということでしょう。ボラティリティ高すぎですよ。こんなん怖くて買えないわ。

まあ、長い目でみればビットコインと同程度まではいくので2020年までにあと10倍程度にはなるでしょう。

まだもってないので、お金に余裕がでたら欲しいです...。

今日より明日は改善するように頑張っていきます(><)