なんにせよ気分次第

アラフォーおっさんの自由なブログ。内容も更新も気分次第

ちょっとホラーな黒ひげ危機一髪的なアプリ作ったよ

 気が付けばもう6月。今年も独り身には悲しい夏が近づいてきております(独り身だから季節関係なくさみしいんだけどね。。)

 

 さてさて、夏といえば、あれです!そう!ほら!あれ!ホラ!わかるでしょ?

 

 と、おやじギャグは無視して、そうですホラーです。

 

 夏になるとやましい心の男たちはホラーで女の子をビビらせてどうにか距離を縮ませようと考えるわけです。お化け屋敷やホラー映画などなんでもいいから怖がらせて密着し、最終的には「怖くて一人で眠れない」なんてなればこっちのもんです(妄想が暴走しております)

 

 そんなやましい心の男たちの欲望を叶えるため、寝食を忘れて完成させたのが今回のアプリです(そんなわけない。。)

ゲームの概要

f:id:inwan:20170604130034p:plain

 ゲームは黒ひげ危機一髪的な感じで「あたり」を当てると何かが起こります。その何かとはこの↑画像、ちょっとぼかしていますが単純にこの画像がいきなり全画面表示され、それと同時に怖い効果音とバイブレーションが起こります。

 女の子にはホラーなことは教えず「黒ひげ危機一髪のアプリやろ~」と言って一緒にプレイし、この画像が画面に現れればおいしいことになるのは間違いない!(妄想乙)

 

 ※あ、一応、注意事項として、心臓の弱い方や小さなお子様とは遊ばないようにしてください。なんかあっても責任は持てませんので。

ゲームの説明

f:id:inwan:20170604130838p:plain

 説明するほどのこともなく、↑のように画面に表示されているボタンを参加者がポチポチと押していくだけです。「あたり」の場所は毎回ランダムで変わります。

 ボタンの数が4、12、24、40、60と選べるので人数に合わせてお使いいただけます。

 あたりを引くと怖い音でびっくりさせますので、プレイ前にスマホのボリュームはマックスにしておいてください(周囲に迷惑をかけない場所で遊んでください)

androidまたはブラウザで遊べます

play.google.com

 Android版は↑です。もちろん無料です(広告が表示されます)。iPhone版も制作したいのですがMac持ってないので作れません( ;∀;)いつかお金に余裕ができたら制作します。

 しかしながらiPhoneでもプレイできるブラウザ版がございます。

games.inwans.com

こちらでならスマホ、タブレット、PC、機種関係なくブラウザ上で遊べます。ただし、バイブレーションは起こりません。

まとめ

 何となしに思い付きで作ってみたアプリですが、ホラーの画像を自分で作ったりして意外と面白かった(^^;)深夜にホラー画像を一人で作るってのはなかなかできない経験ですよ。あと、この画像ずっと見てたらちょっとかわいく見えてきたりします(笑)

 記事の中では女の子と密着することばかりを目的に書きましたが、合コンや飲み会などで使っていただけると盛り上がるのではないかと思います。

わたしの最近の1週間の筋トレメニューを公開します

f:id:inwan:20170519162536p:plain

 最近、筋トレのメニューの組み方を変えてみました。なんとなく筋トレに行く日を減らそうかな、と思って。筋トレは好きだけどこれにばかり時間をかけるわけにもいかないし。ほかにもやらないといけないことは山ほどあるわけだし。

全体的な内容

 ということで考えたわけですが、とりあえずトレーニングは週3にしようと。3日に絞ってしっかり集中してやるようにします。で、だいたい以下のようなルールに。

・時間は1回1時間半。時間もしっかり縛ってだらだらしない

・3日の各日はそれぞれ2部位鍛えます。脚&背中、胸&腹、腕&肩の組み合わせ

・1部位45分を目安に行います。2部位行うので気分的にどちらかを優先して時間の割合を変えるのはOK

 とまぁこんな感じ。

脚と背中の日のメニュー

 この日はまず背中からやります。デッドリフトやベントオーバーロウをやりたいので脚を先にやりたくないです(^^;)脚が疲れるとできないので。。順番は以下の通り。ただし、設備が空いてなければ当然変わります。

  1. デッドリフト・・デッドリフトすると筋トレがんばった気がするので大好きです(でも重量はたいしてあげられない(^^;))
  2. ベントオーバーロウ・・ローイング系で一番好きな種目。がっつり達成感があって楽しい
  3. スティッフドデッドリフト・・脚の種目。フリーウェイトのバーベルは人気があるのでやりたい種目はまとめてやります 
  4. ワンハンドローイング・・可動域を広く、ネガティブを意識。広い背中を目指す
  5. チンニング・・広い背中を目指し頑張る。この辺ですでにバテている(^^;)
  6. ラットプルダウン・・とどめ。マシーンが空いてればドロップセットで上がらなくなるまでやる
  7. スクワットまたはレッグプレス・・空いてる方を。脚トレは嫌いじゃないけど、やる前はやっぱり少し気が引ける(^^;)
  8. レッグエクステンション・・脚トレの中では一番好き。すっごい効いてる感がある
  9. カーフレイズ・・これもわりと好き。効いてるのがわかりやすい

とまぁだいたいこんな感じです。ほかの種目をすることもありますが基本はこんな感じですね。

胸と腹の日のメニュー

 胸と腹の日ですが、腹はおまけです。私は胸が全然発達しないので胸をしっかり鍛えたいんです。それに腹筋なんてちょっとやれば十分な存在です(笑)

  1. ベンチプレス・・やっぱり胸といえばベンチプレス。早く100㎏に到達したい。。
  2. インクラインベンチプレス・・胸上部の厚みのために。しかし発達している気配はない。。
  3. インクラインダンベルフライ・・プレスのあとはやっぱりフライもね。インクラインのほうがいいらしい。
  4. ?プレス?・・名前がわからない(^^;)両手のダンベルをくっつけて行うプレス。かなり胸の内側に効きます
  5. ?レイズ?・・これも名前がわからない(^^;)ベンチに寝てダンベルを床のほうから体に平行になるくらいまで上げる動作。胸外側に効く感じ
  6. バタフライマシン・・これでとどめ。ドロップセットで燃え尽きるまで。
  7. 腹筋・・特に何をするとか決めてない(^^;)だいたいシットアップ

 これにプラスしてデクラインプレスをするときもあります。前のジムではケーブルクロスとかもやっていましたが今のジムではできないのでやってません。

 とにかく発達が遅いので今はベンチプレスを一番重視してます。100㎏はいつになったらあげられるようになるのだろうか。。

腕と肩の日のメニュー

 腕と肩はやる種目が多いので腕はケーブルマシン&スーパーセットで時短。サクサク終わらせます。

  1. バイセップカール&トライセップエクステンション・・カールはバー、エクステはロープハンドルで交互にサクサク
  2. ハンマーカール&トライセップエクステンション2・・下にロープハンドル、上にバーハンドル。エクステンションは頭の上で引っ張るやつです
  3. ミッドレンジカール?・・少し軽めのバーベルで可動域を限定して行うカール。20回くらいを目安に。めっちゃパンプします。
  4. ハンマーカール・・前腕意識。腕を少し前に出してやるとガンガン前腕に来ます
  5. リストカール・・普通のカールでわざと手首を巻き込む。これも腕を前に出して行うとかなり効く
  6. ショルダープレス・・ここから肩。プレスでずっしり
  7. アップライトロウ・・肩で一番好きな種目。ワイドグリップでリアにも効かせる
  8. フロントレイズ・・自分の骨格の特徴なのか肩の前部の筋肉が骨ばってわからない(-_-;)なのでフロントが優先
  9. リアレイズ・・なかなかフォームが安定しない。最近やっとわかってきた気がする。。
  10. サイドレイズ・・肩の中ではサイドが一番成長しているので最近はあまり重要視していない。前部・後部の発達待ち

  この日はやりたいことが多すぎて困る日です(^^;)もっとやりたい種目がありますが我慢です。

 私はどうも肩の骨が少し前に出ているようで三角筋の前部が骨で押されてる感じで全然わかりません(-_-;)三角筋前部の丸みが一向にできてこなくてどうしたものかと悩んでおります。整体に行ったほうがいいのかな。。解決策求む!!

まとめ

 私のトレーニングメニューは以上のようになっております。基本的なところは押さえられているんじゃなかろうかと自分では思っております(^^;)

 このメニューが絶対というわけではなく気分で変わったりもしますが、時間は絶対1時間半厳守です。時間はきっちり決めといたほうがトレーニングに集中できて良いです。なんなら1時間で済ませてやる!くらいに時間は短くする意識でやってます。

 筋トレは趣味だけど筋トレをダラダラ時間かけてするのは違う感じですね。もちょっとわかりやすく説明的に言うと筋トレで体を作ることが趣味で、筋トレをすること自体は趣味じゃない感じです。わかるかな(^^;)

 

 筋トレを開始して2年経ち、マンネリや発達の遅さの苛立ちなんかもあったりしますがまだまだあれこれ試行錯誤しながら楽しく続けていきたいと思います

脳トレ計算アプリを作ったよ!

f:id:inwan:20170518190712p:plain

 

 スマホアプリの勉強を始めて間もなく2か月。そろそろなんとなくではあるがアプリ開発にも慣れてきた気がしないでもない(そうでもないか。。)

 

 あれこれと思考錯誤しながら、ようやく3作目のアプリが出来上がりました('ω')ノ

今回は過去2作のような単一ページのみのシンプルなアプリではなく、ゲームっぽくスタート画面、ゲーム、結果と3ページ画面が切り替わるように頑張りました。

 

そのアプリがこちらでござる('ω')ノ↓

play.google.com

アプリの遊び方

 このアプリは脳トレを目的とした計算ゲームアプリです。制限時間内にたくさん問題を解いて脳を活性化させましょう。

 使い方は、

1、最初の画面でレベルと制限時間を選んでスタートを押します

2、カウントダウンが終わったらスタートです。正解を入力します。入力したら「OK]ボタンを押すと正否が判定されて次の問題に移ります。入力を間違えたときは「C」ボタンで入力内容をクリアできます

3、制限時間になると終了です。結果画面に移り成績が表示されます。

 

作った感想

 とりあえず、ゲームっぽくはなったかな、という感じです(^^;)脳トレという教育的なゲームジャンルだと思えば地味な画面も「まぁありかな」って気がします(^^;)

 

 プログラム的なことでは、最初monacaのonsenuiの画面が切り替わるやつでやるつもりだったんですが、自分のスマホのバージョンが古くて確認ができないという悲しい事態が発覚し途方に暮れました( ;∀;)

 「なら、動的にページごとに作ればいいんやないの?」と、ページが変わるごとに(実際は変わってない)removenodeで消し、createElementで構築という力技で作ってやりました( ゚Д゚)

 しかし、まもなく完成という頃に、ある要素のz-indexの値を変えていて「全ページz-indexでコントロールしたらもっと楽だったんじゃないの?」と気づいたがまぁ今回はもういいだろうとなったのは言うまでもない( ´艸`)

monaca & nendだと広告の大きさ切り替えられないの?

 今回、せっかくゲームっぽくできたので、他のアプリでよく見かけるような「画面が変わるときに大きい広告が出る」やつをやりたかったんです。

 「divで全画面埋めてそこに広告張ってz-indexで前に出せばできんでしょ?」と考えてやってみたんです。これはできたんですが、

nendの広告が切り替わらない

普段は画面下にバナーを表示していて、ゲーム終了後に大きいのを出したいと思っても

大きいのが表示されません。小さいのそのまま出ます。

 いろいろ調べたものの結局わからず( ;∀;)どなたかご存知でしたらご教授願います。

その他もろもろ

 あと、今回は英語にも対応させて世界に発信し、俺もグローバルな男になってやろうと思ったのですが、調べると結構面倒臭そう(てか、monacaでできるのか?)だったのでまた今度やる気が出たときにやります(^^;)

 あと、今回のアプリも普通のブラウザで遊ぶことができます。アプリをインストールしたくない人、iPhoneの方はこちらでお試しください↓

games.inwans.com

まとめ

 javascriptを2か月勉強して思ったのは「DOMってようわからん。CSSって思った通りになってくれん!」ってことです。

 基本的にCSSがよくわかっていないので表示させたいようにうまく表示させることができないです(-_-;)それで毎回イライラしてます。

 あとhtmlのツリー構造もonclilckがわけわからんことになったりして、毎回死にそうになります(-_-;)

 でも、スマホアプリでも普通のブラウザでも動くのは便利だな、とは思う。その点だけはjavascriptってすごいと思おう。

 

 最後、グダグダになりましたが次回作もがんばるぜ!('ω')ノ 

プログラムの本でこんなに感心したの初めて!!【javascript】

 最近、ずっとjavascriptの勉強をしているアラフォー独身おっさんです。かつてコンピューター系の専門学校でプログラムを少々習ったので基本的な知識はあります。

 そんなおっさんがアプリを作ろうと勉強しているわけですが、まぁ、当然なかなか進歩しないわけです。

 

 そんな状況のなか、このところずっとある本のサンプルプログラムなどを自分で打ち込みながら勉強していてす~~~~~っごい感動したのでその本をちょっと紹介したいな、という次第です。

 

なにがそんなに感動したのか?

 プログラムの参考書みたいな本はたくさんあります。私は人生で少なくとも30冊くらいは目を通していると思います。ここ最近でも7,8冊くらいは読んでます。

 プログラムの参考書は初心者向けであれば、だいたいは基本的なことだけしか載っていません。「こういう風にすれば表示できます」みたいなもんです。プログラムの基本的な使い方が載っているだけです。

 ちょっと進んでゲームの作り方も載っている本に挑戦してみると、今度はキャラの表示の仕方や動かし方などが紹介されてあるわけです。もちろん、そのためにそういう本を買うわけですから何も問題ありません。

 しかし、今回紹介する本はちょっと違いました。

こういう本には今まで出会わなかった

 この本のサンプルプログラムをいくつか自分で打ち込みながら勉強していたわけですが、まず、第一にプログラムの書き方が初心者臭くない。

 初心者向けの本であれば初心者にわかりやすく書いてあるわけですが、この本はところどころにプロっぽい技を挟んでくるんです。初めて見ると「?」ってなるんですが、ちゃんと読めば「ああ、そういうことか」とわかります。

 著者はサンプルプログラムを「できるだけ短くしたい」という意図があったようで、そのためにこういう小技を挟んだのでしょうが、「こんな風に書けるのね」とすごく勉強になります。

 しかし、私がもっとも関心したのはここではありません。この次です。

コンピュータの思考回路!!

 この本の中にオセロのようなゲームのサンプルがあります。このサンプルプログラムはなんとコンピューターと対戦できます!!そんなことまでできるサンプルプログラムを紹介してくれる初心者向けの本なんて見たことない!

 しかも、対戦してみると結構強い!たった6ページ半くらいの内容のプログラムなのにオセロの基本的な戦い方を知らなかったらまず勝てないレベルです。

 いままで読んできた本の中にプログラムのやり方だけでなく、プログラムを作る考え方まで紹介してくれているものはなかったです。

 学生時代(20年ほど前)、良いゲーム関連の本はないかと本屋で探したけれど、この本のような内容のものはなかったです。あの当時にこの本とであっていれば。。。とかちょっと思ってしまいます。

自作物理エンジンのサンプルまである

 さらには、(まだ私はそこまで自分で打ち込んで試してないですが)自作物理エンジンプログラムまで紹介してくれています。もはや至れり尽くせりです。

これからプログラムやろうって学生は是非!!

 私は20年前コンピューターの専門学校のゲーム科に2年ほど通いましたがこの本のレベルまでのことは習いませんでした。はっきり言って私が通った学校はレベルが低かったです(ゲームしたしたいだけのオタクばっかりだったし)。

 私は学生時代、本屋に行っても良い本がなく「どこで資料を探せばいいんだ」と悩んで、結局見つからず興味が薄れてドロップアウトしたわけですが、こんな内容の本に当時出会っていればひょっとしたら人生違ったかもしれない?!(どうだろ(^^;

 これからプログラマー目指そう!って考えている若者はこの本は絶対おすすめです。正直、完全初心者には少しハードルが高いですが、だからこそ意味があります。「どういうこと?」っていうことを自分で考えたり調べたりすることがとても勉強になります。 ほんと是非是非トライしてもらいたいです。 

 というわけで、最後に今回紹介した本がこちらです↓↓

ゲームで学ぶJavaScript入門 HTML5&CSSも身につく!

ゲームで学ぶJavaScript入門 HTML5&CSSも身につく!

 

 

 あと同じ著者の本で気になる本が最近でたようです。まだ読んでないですが非常に興味があります。高校時代私は全く勉強しなかったのでこの本の内容についていけるか心配ですが(^^;)

JavaScriptゲームプログラミング 知っておきたい数学と物理の基本 (Future Coders(NextPublishing))

JavaScriptゲームプログラミング 知っておきたい数学と物理の基本 (Future Coders(NextPublishing))

 

 

アプリ制作、始めました(冷やし中華風に…)

f:id:inwan:20170422020220p:plain

 一体、自分はどこを目指しているのか?

 

そんな疑問にとらわれたら負けだと思っている(強がり)。

 

 

ってことで(?)、アプリつくり始めたんですよ。突然に(笑)

 

 まぁ、わたくし、若かりし頃に専門学校でプログラミングをやっておりましてね、もう15年以上前になりますが、しかし、年月が経っても覚えているもんで、参考書を見れば「ああ、読める」となったのでやってみた次第、ってね('ω')ノ

 

 実際、やってみてそこそこわかるんですが、ハイブリッドアプリっていうjavascriptという言語で作るのをやっているんですが、これがまぁほかにもHTMLやCSSっていうものの知識も必要でなかなか思うようにできなくてイライラしながらやっております(-_-;)

 

 以前、PHPっていう言語を少しやったことがあったんですが、そっちのほうがまだストレスが少なかったですね。こっちはなんかストレスが溜まる(-_-;)

 

 そんな愚痴は置いといて、私が作ったアプリを紹介しましょう(それが目的だし)

タイムカード計算機

play.google.com

 飲食店で働いているとタイムカードの計算を店舗の社員がすることがけっこうあったりします。ってことで作ってみたアプリです。

 時間を入力すると労働時間の合計、深夜時間、残業時間を出してくれます。半月分入力できるので毎月タイムカードを計算しなければいけない方にはすばらしいアプリなんではないでしょうか(自画自賛)

 サイトも作りました

 javascriptでつくっているので普通のブラウザでも動くということで、サイトを作ってそちらにも載せています。こちら→http://app.inwans.com/

 どんなアプリか興味はあるけどアプリをインストールするのは嫌だなって方や、iPhoneの方はそちらで使ってみてください。ほとんど同じ内容になっています。

まだまだこれから

 実は作り始めて今日でちょうどひと月くらいです。

たいして本も読まず、わからなけりゃネットで検索してって感じでなんとなく作っているような状態です(^^;)

 しばらくは簡単なアプリを色々つくってみて知識と経験を増やそうって考えています。いずれは本格的なアプリも作れるようんになりたいですね。

 あとiPhoneやwindowsでもできるようにもしないとね。

 

 まぁ焦らずのんびりやっていきます。今後はアプリ開発の記事とかも書くかもしれないです(どうかな…)

 では('ω')ノ

Copyright© なんにせよ気分次第 , 2016 All Rights Reserved.