iPhoneだけでノマドワーク

この広告は30日以上更新がないブログに表示されております。
新規記事の投稿を行うことで、非表示にすることが可能です。

IMG GIF

昨日は、恒例の偏頭痛のおかげで１日を無駄に過ごしたJ.Sakamotoでしたが、薬を飲んで寝たので爆睡して少しリフレッシュしました。今日もiPhone弄りのスタートです。 さて、今回の記事はどうしようかと思いましたが、最新 ブログランキングのゲーム制作というジャンルに登録してあるので、ゲームに関して書いてみたいと思います。 以前にも書いたと思いますが、私はゲームをするのが好きでした。１日中ゲームをすることも良くありました。 色々なゲームをするうちに、仕組みが知りたくてプログラミングというやつを勉強してみたくなったのが発端でした。 「おや？タイトルがおかしいぞ！」と言わないで下さいね。これから出てきますよ！ そんな訳でiPhoneだけでHTMLの勉強から始めた訳ですが、土木作業員現役の頃は、なかなかスキルアップ出来ませんでした。 そんな時に体調を崩して退職しましたが、時間の余裕ができて少しずつスキルアップ出来ました。 体調は良くならないので、収入面では地獄ですけど、iPhoneだけでゲーム制作したりして収入を増やせないか模索しているというところです。 でも、世の中はそんなに甘くは無いのは分かっています。収入が有る無しに関わらずに時間を有効に使おうと思い、プログラミングを勉強しています。 壁に当たって辞めたくなる事もありますが、そんな時にキャンピングカーの広告を眺めて奮起します！ 楽天市場でキャンピングカーまで売ってますから、雑誌を買わなくても、お店に行かなくても眺めることはできます。 上のキャンピングカーは新車ですが、中古車でもあります。

安いキャンピングカーはこちら(タッチ)

キャンピングカー広島　ハイエースキャンピング特装車 価格：1058400円（税込、送料別) (2017/3/11時点)

このランクなら頑張れば買えそうに思って、いつも頑張っています;^_^A目標はあったほうが頑張れますからね。
「その前にパソコンでしょ！」
　　「ごもっとも;^_^A」 ですから先日、少しでも節約する為に売り上げの無いサイトを閉鎖しました。無料のサーバーでもできることは有料サーバーでやらなくても良いと思っての試みです。結果、このブログの最初のほうの記事のリンクが無効になってますけど...... もっとも、前記事のレンタルサーバーZenlogic は検討中です;^_^A 閉鎖したサーバーから、１５PUZZLEのフォルダーをとっておいたので、無料サーバーに引っ越ししました。これを公開しておかないと、ゲーム制作にならないので、貼り付けておきます。 ついでにスロットマシンも貼り付けておきます！

• １５PUZZLE(スマホ用)
• パチスロ風スロットマシン(スマホ用)

という感じのものですが、パソコンでは確認していませんので、スマホ用ということでお願いします！ 感の良い方々はお分かりだとは思いますが、「キャンピングカー」を購入したら、日本各地を周って色々な名所などのレポートをしたりしながら移動するノマドワーカーになりたいということです。 これも… 体が回復すれば......の話ですね;^_^A 笑われそうな夢ですが、結構本気です！最後まで読んで頂いて有難う御座いますm(_ _)m。お手数ですがランキングのほうもよろしくお願い致します！

今日もiPhone片手にポチポチしているJ.Sakamotoです。 同じポチポチでも、一昔前はゲームばかりしていましたが、今では日々なんらかのプログラミングを考えてスキルアップしています。 私がプログラミングに興味を持ったのはゲームをしていて、仕組みが知りたくなった事が始まりでした。 HTMLを始めて見た時は「自分には無理ではないか？」と思いましが、少しずつネットで調べて独学でスキルアップしています。 検索して色々調べている時に思う事は、プログラミングに関して色々調べようとすると、英語のサイトが多いので読めないと苦労するという事です。もっと勉強しておくべきだったと、今更ながら思います。 もしも、英語が得意でプログラミングをしていたら、すんなりマスターできるのかもしれないって思っていました。英語とプログラミングは両方スキルアップできれば、一石二鳥という事になりますね。。 実は、そろそろ何か習うべきではないかと思い、色々調べていたのですが、上のサイトを見つけました。タイミングといい内容といい凄く興味が湧きました。 最初は「２０２０年からのプログラミング教育に備えて、子供達に予習をさせる為の通信教育」だと思いましたが、これは子供の為だけではありませんね。「２０２０年に小学生になるお子さんがいらっしゃる両親の為にもなる通信教育」だと感じました。 私の場合はその年代の子供はいませんが、この通信教育を受けてみたいです。自分にご褒美でお試し登録をしてみようか？と思いました。無料期間もあるのでお試し登録してみても良いとも思いましたが、「パソコンで学習」するような事が書いてあるのでiPhoneオンリーの私は......... やっぱりこういうところではスマホファースト迄は時間が掛かりそうに思います。 D-SCHOOLオンライン　英語×プログラミング
次世代の教養をオンラインで!1ヶ月無料でお試しいただけます！ オリジナルでロールプレイングゲームを作成する講座もあるらしいので、パソコン買ってから登録してみようかと思います。私はパソコンを探してみます;^_^A

以前より、サイドバー(スマホ画面では下)にスロットマシンのリンクを貼り付けてありますが、気がついていない方々がいるかもしれませんので、作成した経緯を含めて、少し宣伝させて頂きます。 どこから説明すれば良いのか、文章が下手なので戸惑いますが、私は以前からスロットマシン(パチスロ)が大好きです。 しかし、収支マイナスなのに大事なお金も使ってしまうようなギャンブル依存症でした。そんな生活がいつまでも出来る訳も無く、貯金も無くなりました。 その後、暇に任せてiPhoneだけでプログラミングの勉強を始めました。当時は有料サーバーを借りて、誰も見ないHPをコツコツと作成していましたが、HTMLはほとんどコピーして貼り付け ブラウジングしながら値修正を繰り返してファイルを作成していました。 HTML,CSS,Javascriptと範囲を広げて、色々なコードをコピーしまくっていましたが、確か、スロットマシンの原型は「おみくじ」のJavascriptコードをコピーした時にスロットマシンのアイデアを空想しました。 Javascriptなんて縁遠い私でしたが、独学でスキルアップしながらスロットマシンを作成しました。 上級者の方々にとっては、それがどうしたと思われるとは思いますが、こんな馬鹿な私でもコツコツやれば少しずつでもスキルアップできるんだって伝えられたら嬉しいです。 iOSアプリのFTP精霊+でコツコツ作成しながら、少しずつ改良をしています。 FTP精霊を使ったファイルの作成方法はiPhoneだけでHP作成(マルチデバイス対応)で公開しています。また、今回はこのサイトの中にiPhoneで作成したスロットマシン(スマートフォン用)として組み込んであります。サイトはレベルが低いと思いますが、１人でも多くの方々がプログラミングに興味を持ってくれたら嬉しいと思います。

---

---

---

ブログランキングのアンケートを作成致しましたが、埋め込みがうまく表示されていないかもしれません;^_^A こちらからもアンケートに参加できるようにリンクを貼り付けておきますので、御協力をお願い致します。 スマートフォンに関するアンケート

---

---

---

最後までお付き合い頂きまして、ありがとうございますm(_ _)m本日はこれにて失礼致します。

CSSやjavascriptのcanvasでも作成した事がありますが、SVGのほうが比較的簡単に描く事が出来ました。

１の目

<svg width="40" height="40" viewBox="0 0 40 40">
<rect width="40" height="40" fill="#fff" stroke="#999" stroke-width="1" rx="6" ry="6"></rect>
<circle cx="20" cy="20" r="6" fill="red"></circle>
</svg>

２の目

<svg width="40" height="40" viewBox="0 0 40 40">
<rect width="40" height="40" fill="#fff" stroke="#999" stroke-width="1" rx="6" ry="6"></rect>
<circle cx="12" cy="12" r="4"></circle>
<circle cx="28" cy="28" r="4"></circle>
</svg>

３の目

<svg width="40" height="40" viewBox="0 0 40 40">
<rect width="40" height="40" fill="#fff" stroke="#999" stroke-width="1" rx="6" ry="6"></rect>
<circle cx="10" cy="10" r="3"></circle>
<circle cx="20" cy="20" r="3"></circle>
<circle cx="30" cy="30" r="3"></circle>
</svg>

４の目

<svg width="40" height="40" viewBox="0 0 40 40">
<rect width="40" height="40" fill="#fff" stroke="#999" stroke-width="1" rx="6" ry="6"></rect>
<circle cx="10" cy="10" r="3"></circle>
<circle cx="10" cy="30" r="3"></circle>
<circle cx="30" cy="10" r="3"></circle>
<circle cx="30" cy="30" r="3"></circle>
</svg>

５の目

<svg width="40" height="40" viewBox="0 0 40 40">
<rect width="40" height="40" fill="#fff" stroke="#999" stroke-width="1" rx="6" ry="6"></rect>
<circle cx="10" cy="10" r="3"></circle>
<circle cx="10" cy="30" r="3"></circle>
<circle cx="30" cy="10" r="3"></circle>
<circle cx="30" cy="30" r="3"></circle>
<circle cx="20" cy="20" r="3"></circle>
</svg>

６の目

<svg width="40" height="40" viewBox="0 0 40 40">
<rect width="40" height="40" fill="#fff" stroke="#999" stroke-width="1" rx="6" ry="6"></rect>
<circle cx="10" cy="10" r="3"></circle>
<circle cx="10" cy="30" r="3"></circle>
<circle cx="30" cy="10" r="3"></circle>
<circle cx="30" cy="30" r="3"></circle>
<circle cx="10" cy="20" r="3"></circle>
<circle cx="30" cy="20" r="3"></circle>
</svg>

javascriptでサイコロを振るプログラムを作成してみたくなりました。

一見、動きそうに見えますが、ダミーです！

実際に動くプログラムは別窓で御覧下さいね。

サイコロプログラム

　ブログに埋め込み

今回はゲームと言えばゲーム、ジャンケンをJavaScriptで作成です。

ジャンケンのJavaScriptは色々なサイトで紹介されていますが、直接ブログの記事にすると反映されません。

そこでちょっと細工をして、このブログに表示できるかやってみました。

結果は.............ここではダメでした(^^;;

以前に宇多田ヒカルのfantomeを紹介した時には【iframe】で表示された様な気がしましたが、確認したら削除されていました。

無料で使わせて頂いてますから仕方がありませんね(^^)

という事で私のワードプレスを利用したブログで表示させてみました。

簡単なJavaScriptジャンケン

そして、この作成したジャンケンをブログのトップページに埋め込んでみました。

iPhoneで暇潰し

こっちのブログもiPhoneだけで作成していますが、ワードプレスで編集していて、試行錯誤して公開しています。

やっぱり、独自ドメインでの編集も良いですが、ここはここで良いから両方頑張ります(^o^)/

結局、ゲーム作成は引き続き自サイトで作成しますね(^^;;

では、またm(_ _)m