<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>自分の思い通りのホームページを作れるようになる方法</title>
<link>https://ameblo.jp/kousuke19952000/</link>
<atom:link href="https://rssblog.ameba.jp/kousuke19952000/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>自分で思い通りのホームページを作れるようになるための情報や、効率よく製作するための方法などを紹介しています。</description>
<language>ja</language>
<item>
<title>１分で覚えるHTMLの書き方講座！</title>
<description>
<![CDATA[ <div>次に、htmlの書き方について説明したいと思います。</div><div><br></div><div>HTML基本はとても簡単です。</div><div><br></div><div>まずはじめに今夏HTMLを覚えるにあたって、</div><div>キーとなる言葉を紹介します。</div><div>・文書宣言</div><div>・タグ</div><div>・属性</div><div>・文字列</div><div><br></div><div>以上の４つです。</div><div><br></div><div>それでは、ここからはHTMLの例をあげて、</div><div>それについて順番に解説していくこととします。</div><div><br></div><div>HTMLを覚えるには、実例を出すのが一番早く正確に</div><div>しかも実践的な知識が身につきますからね！</div><div><br></div><div>まず、例から</div><div>```</div><div>&lt;!DOCTYPE html&gt;</div><div>&lt;html lang="ja"&gt;</div><div>&lt;head&gt;</div><div>&nbsp; &lt;meta charset="UTF-8"&gt;</div><div>&nbsp; &lt;title&gt;タイトル&lt;/title&gt;</div><div>&lt;/head&gt;</div><div>&lt;body&gt;</div><div>&nbsp; こんにちは！</div><div>&lt;/body&gt;</div><div>&lt;/html&gt;</div><div>```</div><div><br></div><div>これが、最小のHTMLです。</div><div><br></div><div>これを実際にWebページで見るには、「index.html」</div><div>という名前をつけて、保存してください。</div><div>そして、それをダブルクリックします。</div><div><br></div><div>そうすれば、ブラウザが立ち上がって、</div><div>表示されます！</div><div><br></div><div>どうですか？</div><div><br></div><div>「こんにちは！」と表示されましたか？</div><div><br></div><div><br></div><div>これから、このHTMLの書いていることが、</div><div>それぞれどういう意味を持つのかを</div><div>解説していきます！</div><div><br></div><div><br></div><div>----------------</div><div><br></div><div>・&lt;!DOCTYPE html&gt;</div><div>これは、「文章宣言」といいます。HTMLには、バージョンが存在していて、</div><div>それぞれ少しずつですが、書き方が異なります。</div><div>もし、これを書かないと、ブラウザごとに勝手に判断して表示するため、</div><div>場合によっては正しく表示されない場合があります。</div><div>今回は最新のHTMLバージョンを使用しますので、この書き方で統一していきます。</div><div><br></div><div>・&lt;html lang="ja"&gt;</div><div>これがHTMLタグと呼ばれるものです。</div><div>この場合では、「html」がタグ名を表し、「lang」が属性というものを表します。</div><div><br></div><div>タグ名はhtmlの構造を表現しています。</div><div>その他、画像を表示させるための、imgタグや、</div><div>リンクを表示させるためのaタグなどが存在します。</div><div><br></div><div>属性は今は、オプションのようなのもだと思えばいいでしょう。</div><div>そして、「"ja"」と書かれていいるものを値といいます。</div><div>値は必ず「"」に囲まれていなければなりません。</div><div><br></div><div>属性を追加していって、そのタグの特徴を設定していきます。</div><div>langはlanguage、”ja”はjapaneseを表すので、</div><div>HTMLで言語設定は日本語であるということになります。</div><div><br></div><div>・&lt;head&gt;</div><div>これは、HTML文章にただ１つだけ存在するタグです。</div><div>html文章に対する情報を記述します。</div><div><br></div><div>例をあげると、</div><div>検索サイトの説明文や、twitterの説明文などの情報を指示するものです。</div><div>終了タグまで囲われた文章が、この文章の情報となります。</div><div><br></div><div>・&lt;meta charset="UTF-8"&gt;</div><div>このHTML文章の文字コードがUTF-8であることを示します。</div><div>Windowsで普通に作ると、SJISという文字コードになっている事がほとんどです。</div><div><br></div><div><br></div><div>・&lt;title&gt;タイトル&lt;/title&gt;</div><div>この文書のタイトルを表します。</div><div><br></div><div><br></div><div>・&lt;/head&gt;</div><div>headタグの終了タグです。</div><div><br></div><div><br></div><div>・&lt;body&gt;</div><div>bodyタグと言って、私達が通常見ているWebページの本体をここに記述します。</div><div><br></div><div><br></div><div>・&lt;/body&gt;</div><div>bodyの終了タグです。</div><div><br></div><div>・&lt;/html&gt;</div><div>htmlの終了タグです。</div><div>HTML文章は必ず、このタグで終了します。</div><div><br></div><div><br></div><div>--------</div><div><br></div><div>いかがでしょうか？</div><div><br></div><div>少し、難しい概念が出てきたかもしれません。</div><div>でも、実を言うと、webページを作るのに大変な部分の大半は</div><div>この概念の習得なのです。</div><div><br></div><div>これさえクリア出来たら、Webページを自分で作れるようになる</div><div>第一歩はすでにできています！</div><div><br></div><div>さぁ、今すぐHTMLを打ってみて、</div><div>ブラウザで確認して見てください！</div>
]]>
</description>
<link>https://ameblo.jp/kousuke19952000/entry-12094009898.html</link>
<pubDate>Tue, 10 Nov 2015 15:45:29 +0900</pubDate>
</item>
<item>
<title>知らない人は、超恥ずかしい。webページ作成の基礎</title>
<description>
<![CDATA[ <div>こんにちは。アッキーです。</div><div><br></div><div>今日はこれからホームページを作りたいという人にとって、</div><div>知らないと<span style="color: rgb(0, 0, 255);">超恥ずかしい</span>情報を持ってきました。</div><div><br></div><div>これを読んで、脱web作成初心者を目指しましょう！</div><div><br></div><div><br></div><div>あなたはブラウザという言葉を聞いたことがありますか？</div><div><br></div><div>これを、知らないと言ってしまうと、</div><div>web製作者に<span style="color: rgb(0, 0, 255);">笑われます!</span></div><div>それぐらい、<span style="color: rgb(255, 0, 0);">重要度が高い</span>ということです。</div><div><br></div><div><br></div><div>ブラウザとは、私たちが使っているwindows</div><div>に標準でインストールされてある、</div><div>Internet Explore のようなものを言います。</div><div><br></div><div>Internet Exploreは、</div><div>ブラウザと呼ばれるもの一つで、その他に</div><div>Chrome や、firefoxなど、色々なものが存在します。</div><div><br></div><div>つまり、ブラウザとは、それらの総称なのです。</div><div><br></div><div><br></div><div>ここまでは、いいですか？</div><div><br></div><div><br></div><div><br></div><div>世の中の人たちは皆、Internet Exploer</div><div>というブラウザをつかっています。</div><div><br></div><div>しかし、私たち開発者がInternet Exploer</div><div>を使うことは<span style="color: rgb(255, 0, 0);">ほとんどありません!!</span></div><div><br></div><div>いくつか理由が有りますが、その１つとして、</div><div>「<span style="color: rgb(0, 0, 255);">不具合が多く、開発がしにくい</span>」というのが一番大きいです。</div><div><br></div><div>webページを作っていると、Internet Exploerでは</div><div>変なバグがあるせいで、開発が何時間も止まってしまう、</div><div>何て事が多々あるのです。</div><div><br></div><div>ですので、私がwebページの開発を行う時は、</div><div>「google chrome」というブラウザを使います。</div><div><br></div><div>google chrome のインストール方法は、</div><div>別途掲載するので、<span style="color: rgb(255, 0, 0);">そちらを見てください！</span></div><div><br></div><div>さぁ！<span style="color: rgb(255, 0, 0);">今すぐにchromeをインストールして、</span></div><div><span style="color: rgb(255, 0, 0);">試して見てください！</span></div><div><br></div><div>これが、Web作成の第一歩ですよ！</div>
]]>
</description>
<link>https://ameblo.jp/kousuke19952000/entry-12093995270.html</link>
<pubDate>Tue, 10 Nov 2015 14:52:10 +0900</pubDate>
</item>
<item>
<title>そうだったのか！１分でわかるホームページ基礎！</title>
<description>
<![CDATA[ こんにちは、アッキーです。<br>今日は、ホームページの基礎についてお伝えします。<br><br>みなさんはホームページと聞くと、<br>何を思い浮かべますか？<br><br>よくわからん長いコード？<br>それとも、綺麗なWebページですか？<br><br>これから、ホームページ(以下、Webページ)を<br>作っているHTMLについてちょこっとだけ、<br>お伝えしたいと思います。<br><br>htmlはあなたが使っているブラウザで<br>簡単に見ることができます。<br><br>windowsを使っている場合は、右クリックをして、<br>「ページのソースを表示」をクリックしてください。<br><br>mac を使っている場合は、<br>「ctrl + クリック」をして同じく<br>「ページのソースを表示」押してください！<br><br>これで、HTMLが表示されたはずです！<br><br>普段私達が見ているWEBページは<br>すべてここから来ています。<br><br>いろいろごちゃごちゃしていて<br>わかりにくいと思いますので、<br>整理して、お伝えしたいと思います。<br><br><br>まず、最小のHTMLを作ってみましょう<br><br>普段使っているテキストエディタを開いて、<br><pre><code>&lt;html&gt;<br>こんにちは！ 世界！<br>&lt;/html&gt;<br></code></pre>入力してください！<br><br>名前は、 「index.html」<br>で保存します。<br><br>そして、そのファイルをダブルクリックすると、<br>「<span style="line-height: 1.5;">こんにちは！ 世界！」と表示されたはずです！<br><br>これで、最小のHTMLの完成です<br><br>「こんにちは！世界！」と表示させたのは、<br>最初はそう書くのがプログラマの習慣だからです。<br><br>どうです？かんたんでしょ？<br><br>世の中のすべてのWebページはこのように出来てきます！<br><br>あなたもぜひ試して、確かめてみてください！<br><br></span>
]]>
</description>
<link>https://ameblo.jp/kousuke19952000/entry-12091919125.html</link>
<pubDate>Wed, 04 Nov 2015 21:14:38 +0900</pubDate>
</item>
<item>
<title>自分の思い通りのホームページを作れるようになる方法</title>
<description>
<![CDATA[ <div>初めまして、アッキーです</div><div><br></div><div>このブログでは、</div><div>ホームページを１ヶ月で完成させる方法を</div><div>紹介しています。</div><div><br></div><div>そして、最終的には今よりもはるかに多い</div><div>時給の仕事をもらうことができたり、</div><div>思い通りに自分のサイトを作ることが</div><div>できるようになることを目標としています。</div><div><br></div><div>詳しくはこちらをごらんください</div><div>↓↓↓↓↓<br><a href="https://form.os7.biz/f/69418b57/" target="_blank" title="">詳しくはこちらへ</a><br><br></div><div><br></div><div>私がなぜこのようなブログを立ち上げたか。</div><div><br></div><div>少しご紹介させていただきます。</div><div>4分ほどお時間ください。</div><div><br></div><div>私が高校生の時、パソコンに興味はあったのですが、</div><div>Wordや、Excelを使って本当に</div><div>簡単なカレンダーを作ることができる程度でした。</div><div><br></div><div>Excelの関数なんて存在すら知りませんでしたし、</div><div>そのフォントとか、サイズとか、色とか</div><div>そんなものもわかりませんでした。</div><div><br></div><div>当然、ネットのつなぎ方なんかも、</div><div>プログラミングの仕方も全然わかりませんでした。</div><div><br></div><div>かろうじてわかったのが、</div><div>そんな程度だったのです。</div><div><br></div><div><br></div><div>それから高校の３年の受験生となりました。</div><div>成績は偏差値４６ぐらいでしたから、</div><div>パソコンなんて全くする余裕はありませんでした。</div><div>（とは言っても、youtubeは見ていました。）</div><div><br></div><div>さらに、パソコンを使う頻度は落ち、</div><div>パソコンのことは何もわからない人と</div><div>なってしまいました。</div><div><br></div><div><br></div><div>その時は本当に死にものぐらいで勉強しましたね。</div><div>朝は６時に学校に登校して、</div><div>夜7時ぐらいに帰る生活を半年送りました</div><div><br></div><div>その成果もあって、最低レベルの国公立には、</div><div>なんとか合格することができました。</div><div><br></div><div>同時に幾つかの私立にも合格することができました。</div><div><br></div><div><br></div><div>その後、なんとか大学生になりました。</div><div>大学生では”コンピュータ基礎”という講義があって、</div><div>前期ではExcel, Wordについて、</div><div>後期では”C言語”というプログラミングを学びました。</div><div><br></div><div>前期の授業でやったExcel, Wordの講義では、</div><div>本当に悪戦苦闘しました。</div><div><br></div><div>本当に昔やった程度だったので、</div><div>全くの初心者に近い状態でのスタートで、</div><div>教科書に書いているものをやってみるものも</div><div>全く身につかない状態だったのをよく覚えています。</div><div><br></div><div>本当にひどかったです。</div><div>もう、同じ授業はやりたくないですね。</div><div><br></div><div><br></div><div><br></div><div>後期の授業では、C言語”という</div><div>プログラミングをする授業でした。</div><div><br></div><div>前期があまりよろしくなかったので、</div><div>後期のはじめはあまり乗り気じゃなかったですね。</div><div><br></div><div>でも・・・</div><div><br></div><div>その教えてくれる先生がわかりやくすって、</div><div>すぐに引き込まれました。</div><div><br></div><div>何より、とても分かりやすかったのです。</div><div><br></div><div>そして、C言語を学んでいくうちに、</div><div>こんな考えが浮かびました</div><div><br></div><div><br></div><div>「これで、株の売買を自動化したら、</div><div>大儲けできんじゃね？」と、、、</div><div><br></div><div>今になって思えば、</div><div>なんでそんなことを考えたのか、</div><div>自分でも分かりません…</div><div><br></div><div>というよりも、</div><div>「作るのどんだけ大変なんだ。。。バカだなー」</div><div>と思います。</div><div><br></div><div>思いますが、その時は本気にできると考えたのです。</div><div><br></div><div>そして、そこからプログラミングの世界に</div><div>引き込まれて、どっぷり浸かることになります。</div><div><br></div><div><br></div><div>その後、書店に行ってプログラミングの</div><div>本棚のところへ行きました。</div><div><br></div><div>そして、その冊数の量に圧倒されました。</div><div><br></div><div>2mの高さほどの本棚が３０棚ぐらいを</div><div>ところせましと並んでいたのです。</div><div><br></div><div>そもそも、プログラミングという言葉しか</div><div>知らなかったので、</div><div>どれから手をつけていいかわからない…</div><div><br></div><div>１つ本を手に取っても、</div><div><br></div><div>「それがどのように役に立つのかわからない…」</div><div><br></div><div>「この知識が、どう関連しているのかわからない…」</div><div><br></div><div>どこがわからないのかわからない状態となりました。</div><div>謎が謎を呼んで混乱しました</div><div><br></div><div><br></div><div>それでも、お金に目が眩んで何がなんでも</div><div>覚えようと思いました。</div><div><br></div><div><br></div><div>本をバカみたいに買い、</div><div>Webで大量の時間を消費し、</div><div>寝不足で授業を休みがちになりました。</div><div><br></div><div><br></div><div>ついに、自分で独学することに限界を感じて、</div><div>今の某会社にてアルバイトでプログラミングの</div><div>世界に足を踏み入れるまでになりました。</div><div><br></div><div><br></div><div>それまで自分がインプットしてきた情報が</div><div>知りたい方はこちらへ登録をお願いします。</div><div>↓↓↓↓↓<br><a href="https://form.os7.biz/f/69418b57/" target="" title="">詳しくはこちらへ</a></div><div><br></div><div><br></div><div>パソコンの「パ」の字もわからなかった自分が</div><div>まさか、こんな場所に足を踏みれるなんて・・・</div><div><br></div><div><br></div><div>でも、そのおかげでそれまでわからなかったことが</div><div>分かるようになりましたし、実務を行なっていく中で、</div><div>今までためてきた知識がどのように役立っているのか</div><div>分かるようになりました。</div><div><br></div><div>得たのは、それだけではなくって、</div><div>新しい技術の情報や、サーバーの構情報など</div><div>独学していただけでは知ることのできないことまで</div><div>学ぶことができました。</div><div><br></div><div><br></div><div>そして半年後、</div><div>毎日プログラミングや、</div><div>サーバーの設定などをしてきた結果、</div><div>自動社内ツールをたった１人で開発しました。</div><div><br></div><div>それから、さらに幾つかの社内ツールを開発しました。</div><div><br></div><div>それは今でも社内で使われています。</div><div><br></div><div><br></div><div>それを機に、複雑なシステムを考えたり、</div><div>いろいろな依頼をいただくようになりました。</div><div><br></div><div><br></div><div>そのなかで、皆さんが必ずお世話になっている</div><div>大企業のWeb ページも作ったことがあります。</div><div><br></div><div>時には上司から、</div><div><br></div><div>「先生、ちょっと聞きたいことがあるんだけど」</div><div><br></div><div>みたいなことを言われました。</div><div>自分は</div><div><br></div><div>「先生って・・・」</div><div><br></div><div>と、本当にその時はびっくりしましたし、</div><div>変な汗も出ました。（出た気がしました）</div><div><br></div><div><br></div><div>同時にその時、社員から教えられる立場の人から、</div><div>教える立場の人間に変わりつつあることを</div><div>実感しました。</div><div><br></div><div><br></div><div>それが、つい最近の出来事です。</div><div><br></div><div><br></div><div>あなたがもし、</div><div>* 給料が低いのをなんとかした</div><div>* 仕事をもっと早く行いたい</div><div>* 自分のホームページを作りたい</div><div><br></div><div>と、悩んでいるのであれば、</div><div>あなたの役にたちたいのです。</div><div><br></div><div>実際にこの方法を１０人に教えたところ、</div><div>結果８割以上の人がしっかりとした知識をつけて</div><div>プログラマーとして働いています！</div><div><br></div><div>これから、少しでも、仕事のできる人に</div><div>慣れるための情報を書いていきますので、</div><div>ぜひ、ブックマークをお願いします。</div><div><br></div><div>さらに詳しい情報を見たい方はこちら見てください！</div><div>↓↓↓↓↓↓<br><a href="https://form.os7.biz/f/69418b57/" target="" title="">詳しくはこちらへ</a></div><div><br></div><div>少しでも、あなたの役に立てたらうれしいです</div>
]]>
</description>
<link>https://ameblo.jp/kousuke19952000/entry-12083791443.html</link>
<pubDate>Tue, 13 Oct 2015 16:59:00 +0900</pubDate>
</item>
<item>
<title>あなたは知らない。こんなに簡単にwebサーバーを作ることができるなんて。</title>
<description>
<![CDATA[ 今日は、アッキーです。<br><br>今日は、ものの<span style="color: rgb(255, 0, 0);">５分</span>で<span style="color: rgb(255, 0, 0);">自分専用の<br>webサーバーを立てる</span>方法をご紹介します！<br><br>この方法を使えば、日本全国から、<br>自分のサイトにアクセスすることだって<br>できてしまします！<br><br>自分のWebサーバーを立てるということは、<br><span style="color: rgb(255, 0, 0);">自分の思い通りのサイトを作る１歩に必ず繋がります！</span><br><br>それに、こういう方法を知っていると、<br><span style="color: rgb(255, 0, 0);">他の仲間から頼りにされる</span>こと<br>まちがいありません！<br><br>なぜなら、<span style="color: rgb(255, 0, 0);">プロのWeb製作者でも<br>案外知っている人が少ない</span>方法だからです！<br><br><br><br>一般の企業がサイトで使っているWebサーバーには<br>Apacheやnginx、h2oという名のサーバー（ソフト）を<br>使っていることが多いのですが、<br>機能や設定箇所が多すぎて、<br><span style="color: rgb(0, 0, 255);">初心者ではとても扱いきれません！</span><br><br><br>そこで、今回はWebサーバーを<span style="color: rgb(255, 0, 0);">簡単に</span><br>立てることのできる方法を紹介します！<br><br>それでは具体的にどうすれば良いのでしょうか？<br><br>まず、自分のWebサーバーを立てるには、<br><span style="color: rgb(0, 0, 255);">サーバーを立てるための専用の環境が必要</span>です。<br><br>そのためには、今回「Cloud9」<br>というサービスを使用します。<br><br>登録方法は、<br>「<a href="http://ameblo.jp/kousuke19952000/entry-12079348145.html">１時間でホームページを作るための学習環境を整える方法</a>」<br>を見て、先に登録しておいてください。<br><br><br>そして、この画面を開きます。<br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_09.png" alt="" width="98%"><br><br>そしたら、次に赤枠にあるように、<br>「npm install http-server -g」<br>と入力してEnterを押してください<br><br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_10.png" alt="" width="98%"><br><br>すると、ずらずらと文字が流れて、<br>このような画面になるはずです。<br><br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_11.png" alt="" width="98%"><br><br>そうしたら、次に<br>「hs」<br>と入力して、Enterを押してください<br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_12.png" alt="" width="98%"><br><br>すると次に、ブラウザのURL欄に<br>https://[プロジェクト名]-[ユーザー名].c9.io<br>を入力してEnterを押します。<br><br>[プロジェクト名]と、[ユーザー名]は適宜自分のものにかえてください。<br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_13.png" alt="" width="98%"><br><br>すると、こんな画面が出てきます！<br><br>はい！<br>こんな<span style="color: rgb(255, 0, 0);">簡単なステップ</span>で<br><span style="color: rgb(255, 0, 0);">自分のWebサーバー</span>が立ち上がりました！<br><br>今回のページでは、最初から「Hello-world.html」<br>というページが用意されています。<br>赤枠で囲まれているその文字をクリックします。<br><br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_14.png" alt="" width="98%"><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_15.png" alt="" width="98%"><br><br>どうですか？<br>それほど難しくないはずです<br><br><span style="color: rgb(255, 0, 0);">今すぐ試してやってみましょう！</span><br><br>
]]>
</description>
<link>https://ameblo.jp/kousuke19952000/entry-12069790695.html</link>
<pubDate>Mon, 05 Oct 2015 18:14:58 +0900</pubDate>
</item>
<item>
<title>１時間でホームページを作るための学習環境を整える方法</title>
<description>
<![CDATA[ <span style="font-size: 14px;">こんにちは、アッキーです。<br><br>このブログを読んでくれたら、<br>ホームページを作る環境を<br><span style="color: rgb(255, 0, 0);">１時間で整える</span>ことができます！<br><br>ホームページを作り始めるには、<br>ある程度<span style="color: rgb(255, 0, 0);">準備が必要</span>です。<br><br>というのも、ホームページの元になる<br>コード(HTML)を<span style="color: rgb(255, 0, 0);">書くだけだと、<br>テキストエディタだけでいい</span>のです。<br><br>しかし、ホームページをブラウザ<br>（Internet Exploer, firefox, google chrome, etc）から<br>確認しようとすると、インストールなどの準備や、<br><span style="color: rgb(0, 0, 255);">サーバーに関する設定</span>などが必要となってきます。<br><br><br>Macだと、比較的簡単に（といっても、<span style="color: rgb(0, 0, 255);">１日程度は必要</span>）<br>環境を整えることができます。<br>ですがWindowsだと、そうはいきません！<br><br><br>というのも、MacやLinuxというOSでしか動かないソフトを、<br>ある工夫をして無理やり動かすため、<br><span style="color: rgb(0, 0, 255);">かなり専門性の高い知識を必要</span>とする上に、<br><span style="color: rgb(0, 0, 255);">時間がかかってしまう</span>からです。<br><br><br>これは初心者には敷居が高すぎて、<br><span style="color: rgb(0, 0, 255);">実質的不可能</span>です。<br><br>ほとんどのひとは、<br>そのあまりの<span style="color: rgb(0, 0, 255);">敷居の高さ</span>に<br>そこで<span style="color: rgb(0, 0, 255);">挫折</span>してしまいます。<br><br>環境を整えるだけなのに、<br><span style="color: rgb(0, 0, 255);">ホームページを作る準備をするだけ</span>なのに<br>そんなに<span style="color: rgb(0, 0, 255);">時間がかかって</span>しまっては、<br><span style="color: rgb(0, 0, 255);">本末転倒</span>というものです。<br><br><br>そこで今回は、初心者でもホームページを<br>作るための<span style="color: rgb(255, 0, 0);">学習環境を１時間で整える</span>方法を<span style="color: rgb(255, 0, 0);">特別</span>に<br><span style="color: rgb(255, 0, 0);">ご紹介</span>したいと思います。<br><br><br>なんでそんなに早く環境を整えられるかというと、<br>あなたの持っているパソコンに必要なソフトを<br>インストールしていくのではなく、<br>すでにソフトが入っているパソコン（サーバー）に<br>ブラウザからアクセスして、操作をするからです。<br><br><br>なんのことを言っているのか、<br>わからないひとも多いかと思いますので、<br><span style="color: rgb(255, 0, 0);">具体的な方法をご紹介</span>します。<br><br><br>１．はじめに<div style="margin-left:20px">まず初めに、「google chrome」 という<br>ブラウザをインストールしてください。<br>たまに、「Internet Exploer」（後、IEと略す）<br>じゃダメなの？とか言ってくる方がいらっしゃいます。<br>答えは、「<span style="color: rgb(255, 0, 0);">ダメです</span>」。<br><br>というのも、表面上はデザインが違うだけで、<br>使い方はほぼ一緒なのですが、<br>制作元と中の仕組みが全く異なります。<br><br>ChromeはIEよりも高速に動作するように<br>設計されているほか、<br>一般的に機能も高機能です。<br><br>今回使用するサービスには、<br>Chromeでないと正常に機能しないものも存在します。<br><br>余計なトラブルに見舞われないように、<br>必ずChromeをインストールしてください。</div><br>2. アクセスと登録<div style="margin-left:20px">次に、Chromeを使って、&nbsp;https://c9.io/ にアクセスしてください</div><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_01.png" alt="" width="98%"><br><br>こんな画面が出たと思います。<br>ここで、真ん中にある「SIGN UP」というボタンをクリックします。<br><br>「github」のアカウントを持っているひとは、右上の方からすぐにログインできます。<br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_02.png" alt="" width="98%"><br><br>すると、こんな画面に飛ぶんで、中央の赤で囲んである３つの枠に、メールアドレスとパスワード、それと確認用のパスワードをもういとど入れてください。<br><br>次のチェックボックスは何も気にしなくていいので、チェックを入れてください。<br><br>そして、「Create your free account」のボタンをクリックします。<br><br>するとこんな画面に飛びます。<br><br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_03.png" alt="" width="98%"><br><br>中央らへんにある、「Go to your dashbord」の文字をクリックします。<br>すると、こんな画面に飛びます。<br><br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_04.png" alt="" width="98%"><br><br>次に、赤枠で囲んである部分をクリックします。<br><br>すると、こういう画面にになります。<br><br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_05.png" alt="" width="98%"><br><br>上から順番に、プロジェクトの名前、プロジェクトの説明を記述します。<br>次に、「Public」と、「HTML5」にチェックを入れます。<br><br>そして、「Create workspace」をクリックします。<br><br>すると、こんな画面に飛びます。<br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_06.png" alt="" width="98%"><br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_07.png" alt="" width="98%" class="selected"><br><br>しばらく待ちます。<br><br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_08.png" alt="" width="98%" class="selected"><br><br>すると、こんな画面になるはずです。<br><br><br><img src="https://s3-ap-northeast-1.amazonaws.com/images-store/c3t3-151001/img_09.png" alt="" width="98%" class="selected"><br><br>これで、<span style="color: rgb(255, 0, 0);">開発環境ができました！</span><br><br>かんたんでしょ？<br>登録、クリックをしただけ<br>ホームページを作る開発環境が<br>できてしまいました！<br><br>少し、画面の説明をします<br><br>中央の灰色の部分はテキストエディタとなっています。<br>その下の部分で、サーバーの設定、起動などを行います。<br>左のメニューは、ファイルやフォルダをできます。<br><br><br>さぁ、今すぐ&nbsp;<span style="line-height: 21px;">https://c9.io/</span>&nbsp;にアクセスして、<br>開発環境をを触ってみてください！<br><span style="color: rgb(255, 0, 0);">プロの中にもこの開発環境を使っている方も<br>いらっしゃいます！</span><br><br>つまり、登録するだけで、<br><span style="color: rgb(255, 0, 0);">プロ仕様の環境を手に入れられる</span>わけです！<br><br>さぁ、<span style="color: rgb(255, 0, 0);">今すぐ登録</span>してみてください！</span>
]]>
</description>
<link>https://ameblo.jp/kousuke19952000/entry-12079348145.html</link>
<pubDate>Sun, 04 Oct 2015 18:55:00 +0900</pubDate>
</item>
<item>
<title>あなたは損をしています。プログラマの時給は、サラリーマンの２倍もあります。</title>
<description>
<![CDATA[ <div>ところで、あなたはプログラマの平均時給を知っていますか？</div><div>．</div><div>．</div><div>．</div><div>実は、</div><div>2015年5月時点で、平均<font color="#FF0000">2387円</font>です！</div><div>驚くべき数字だと思いませんか？</div><br><div>比較のためにいくつかの職種別時給を挙げます。</div><div style="margin:10px;padding-left:10px;border-left:2px solid #000;background:#eee;"><table><thead><tr><th>職種</th><th>7月の平均時給</th></tr></thead><tbody><tr><td>営業事務</td><td>1510円</td></tr><tr><td>秘書</td><td>1605円</td></tr><tr><td>看護師・准看護師</td><td>1692円</td></tr><tr><td>薬剤師・栄養士・管理栄養士・医療技術者</td><td>1550円</td></tr></tbody></table><div style="text-align:right;padding:10px;">引用元：<a target="_blank" href="http://www.hatarako.net/contents/heikin_jikyu/kanto/1508/" title="">【関東版】7月派遣の職種別平均時給 | はたらこねっと</a></div></div><div><div><br></div><div>どうでしょう？金額がかけ離れていますよね？</div><div>一般的に、時給が高いと言われる</div><div><span style="color: rgb(0, 0, 255);">看護師や、薬剤師ですら１０００円台</span>なのです。</div><div><br></div><div>では、どうしてこんなに時給が高いのでしょうか？</div><div><br></div><div><br></div><div><br></div><div>いま、<span style="color: rgb(255, 0, 0);">プログラマの需要は急激に高まっています</span>。</div><div>企業は現代の開発スピードについていくために、</div><div>必死になってプログラマを探しています。</div><div><br></div><div>どこも<span style="color: rgb(255, 0, 0);">プログラマ不足です</span>。そのため、</div><div><span style="color: rgb(255, 0, 0);">「うちにぜひ来てほしい！」という企業が大変多く</span>、</div><div>そのため、には賃金を上げて雇用せざるを得ない状況にあります。</div><div><br></div><div>その結果、プログラマの需要は、ここまで高くなっています！</div><div><br></div><div><br></div><div><br></div><div>ですが、わたしは<span style="color: rgb(255, 0, 0);">実際にはもう少し高く雇用される傾向に</span></div><div><span style="color: rgb(255, 0, 0);">ある</span>のではないかと思っています。</div><div>その理由として、「プログラミングを少しかじれば、</div><div>誰でもプログラマを名乗れる」からです。</div><div><br></div><div>じつは、「プログラマ」と名乗っていても、</div><div>うわべだけの知識しか持っていない…なんてことがあります。</div><div>そのため、<span style="color: rgb(255, 0, 0);">ちゃんとした知識と、成果さえ認められれば、</span></div><div><span style="color: rgb(255, 0, 0);">この平均時給だって超えるのは夢ではありません！</span></div><div><br></div><div><br></div><div><br></div><div>では、どうすれば、こんな馬鹿げた時給の職を</div><div>手にすることができるのでしょうか？</div><div><br></div><div>まず、プログラマになるためには、</div><div>プログラミングを勉強しなくてはなりません。</div><div><br></div><div><br></div><div><br></div><div><span style="color: rgb(0, 0, 255);">「プログラミングは難しそう」</span>と思った人もいると思います。</div><div>そのとおりでもあり、間違ってもいます。</div><div><br></div><div>プログラミングを覚えるのはすごく簡単です。</div><div>ただ、それを使いこなせたり、</div><div>それを使ってとても複雑なこと（人口知能を作る）</div><div>なんてことになると、プログラミングの他に、</div><div>統計の知識なんかも必要になります。</div><div><br></div><div><span style="color: rgb(255, 0, 0);">これをすべてひっくるめて、</span></div><div><span style="color: rgb(255, 0, 0);">プログラミングと勘違いしている人がいるために、</span></div><div><span style="color: rgb(255, 0, 0);">難しく感じるだけなのです。</span></div><div><br></div><div>簡単に言えば、</div><div>「プログラミングは誰でも簡単に習得できます」。</div><div><br></div><div><br></div><div><br></div><div><br></div><div>それでは、</div><div>具体的に最初は何から手をつければいいのでしょうか？</div><div><br></div><div>わたしがお勧めするのは、<span style="color: rgb(255, 0, 0);">Rubyという言語</span>です。</div><div><span style="color: rgb(255, 0, 0);">「Ruby」は日本人が開発した言語</span>で、</div><div>&nbsp;<span style="color: rgb(255, 0, 0);">この言語に関する説明が豊富</span>です。</div><div>&nbsp;</div><div>なおかつ、アメリカのシリコンバレーでも</div><div>積極的に使われており、「Ruby」を使うことが、</div><div>デファクトスタンダードだったります。</div><div><br></div><div>なおかつ、人間に親しみやすい言語とされており、</div><div><span style="color: rgb(255, 0, 0);">初心者にはぴったり</span>だと判断しました。</div><div><br></div><div><br></div><div><br></div><div>プログラミングにはバージョンが存在していて、</div><div>今は、2.0が使われています。</div><div><br></div><div>ですから、「Ruby入門 2.0」なんて書いてある本を</div><div>１冊買って読んでみてください！</div><div><br></div><div>最初は簡単で、だんだんと難しくなります。</div><div>ですが、これを読み終えた先には、</div><div><span style="color: rgb(255, 0, 0);">時給2000円越えの世界</span>が待っています！</div><div><br></div><div><span style="color: rgb(255, 0, 0);">さぁ、今すぐ書店へ行って、本を買って、読んでください！</span></div><div>きっと世界が変わります！</div><div><br></div></div>
]]>
</description>
<link>https://ameblo.jp/kousuke19952000/entry-12069791474.html</link>
<pubDate>Wed, 30 Sep 2015 11:00:33 +0900</pubDate>
</item>
<item>
<title>プログラミングをしていて詰まった時、 googleで検索するよりも10倍早くほしい情報に</title>
<description>
<![CDATA[ <div></div><span style="font-size: 14px;">こんにちは、アッキーです。<br><br>あなたは、プログラミングを勉強していて、<br>あることで詰まった（わからなくなった）とき、<br>その<span style="color: rgb(255, 0, 0);">問題を解決する</span>ために、どうやって調べますか？<br><br>大抵の人は、「googleで調べる」と答えると思います。<br>もちろん、それでも該当の問題が<br>解決することもあります。<br><br>でも、たまにgoogleで検索しても、<br>自分のほしい情報が手に入らないこともあると思います。<br><br>その理由として、<br>*<span class="Apple-tab-span" style="white-space:pre"></span><span style="color: rgb(0, 0, 255);">専門性が高すぎる<br></span>*<span class="Apple-tab-span" style="white-space:pre"></span><span style="color: rgb(0, 0, 255);">どこが原因で動かないのかわからない</span><br><br>等が理由です。<br><br><br>では、どうすればいいのでしょうか？<br>今回はそんな時に、<br>ぜひ使ってほしいサイトを紹介したいと思います。<br>*<span class="Apple-tab-span" style="white-space:pre"></span>http://qiita.com/<br>*<span class="Apple-tab-span" style="white-space:pre"></span>http://ja.stackoverflow.com/<br>*<span class="Apple-tab-span" style="white-space:pre"></span>https://teratail.com/<br>この３サイトです。<br><br>http://qiita.com/　は、<br><span style="color: rgb(255, 0, 0);">自分が直面した問題とその解決策</span>や、<br>ちょっとしたメモなど、<br>プログラマがほしい情報がある程度<br>まとまっている投稿サイトです。<br><br>http://ja.stackoverflow.com/<br>https://teratail.com/<br>は、自分がやりたい方法がわからなくなった時、<br><span style="color: rgb(255, 0, 0);">質問することのできる</span>、質問投稿サイトです。<br><br>これを使うことで、壁にぶちあった時、<br>すんなり解決することができます。<br><br><!--[endif]----><!--[if gte mso 10]><!--[endif]----><!--StartFragment--><p class="MsoNormal"><span style="font-family: Meiryo;">さぁ、<span style="color: rgb(255, 0, 0);">今すぐこれらのサイトにアクセス</span>して、<br>ぜひどんなのもなのか覗いてみてください！<span lang="EN-US"><o:p></o:p></span></span></p><!--EndFragment--></span><div><div><br></div></div>
]]>
</description>
<link>https://ameblo.jp/kousuke19952000/entry-12078794861.html</link>
<pubDate>Wed, 30 Sep 2015 02:32:04 +0900</pubDate>
</item>
<item>
<title>こんなんで、本当に仕事の効率アップするの？</title>
<description>
<![CDATA[ <p><font face="Meiryo UI"></font></p><span style="font-size: 12px;"><p><font face="Meiryo UI"></font></p></span><span style="font-size: 14px;"><p><font face="Meiryo UI"></font></p></span><span style="font-size: 12px;"><p><font face="Meiryo UI"></font></p></span><span style="font-size: 12px;"><p><font face="Meiryo UI"></font></p><p><font face="Meiryo UI"></font></p></span><span style="font-size: 14px;"><p><font face="Meiryo UI">今日は、アッキーです。</font></p><p><font face="Meiryo UI">前回のブログをよんでもらった方は、</font></p><p><font face="Meiryo UI">こんなことを思っているじゃないですか？</font></p><p><span style="font-family: 'Meiryo UI'; line-height: 1.5; color: rgb(255, 0, 0);"><br>『本当に、仕事の効率１０倍になるの？』</span><span style="font-family: 'Meiryo UI'; line-height: 1.5;">と</span><br></p><p><font face="Meiryo UI"><br><br></font></p><p><font face="Meiryo UI">これに対する答えは、『はい！』です。<br><br></font></p><p><font face="Meiryo UI"><br>それも、１０倍何て言いません！<br>使い方によっては、<br></font><span style="font-family: 'Meiryo UI'; line-height: 1.5;">１００倍以上が可能になります。</span></p><p><font face="Meiryo UI"><br></font></p><p><font face="Meiryo UI">例えば、『Ruby』という言語ですが、</font></p><p><font face="Meiryo UI">これは、Wordや、<span style="color: rgb(255, 0, 0);">Excelなども自動操作</span></font></p><p><font face="Meiryo UI">することができてしまいます！</font></p><p><font face="Meiryo UI"><br><br></font></p><p><font face="Meiryo UI">そして、それを使うと、Word文章をテンプレートとして、<br></font><span style="font-family: 'Meiryo UI'; line-height: 1.5;">ある部分だけがビミョーに変わっている<br></span><font face="Meiryo UI" style="line-height: 1.5;">Wordファイルを</font><span style="line-height: 1.5; font-family: 'Meiryo UI'; color: rgb(255, 0, 0);">１００個だろうが、<br></span><span style="line-height: 1.5; font-family: 'Meiryo UI'; color: rgb(255, 0, 0);">１０００個だろうが大量に生成</span><span style="line-height: 1.5; font-family: 'Meiryo UI';">することが<br></span><span style="font-family: 'Meiryo UI'; line-height: 1.5;">できてしまいます！<br><br></span></p><p><font face="Meiryo UI" style="color: rgb(255, 0, 0);"><br>すごいでしょ？</font></p><p><font face="Meiryo UI"><br></font></p><p><font face="Meiryo UI">ちなみにExcelでも同様なことができます。</font></p><p><font face="Meiryo UI"><br><br></font></p><p><font face="Meiryo UI">PowerPointだと、スライドごとに画像を生成したい…</font></p><p><font face="Meiryo UI">なんて要望があると思います。</font></p><p><font face="Meiryo UI"><br></font></p><p><font face="Meiryo UI">そんな時でも、プログラミングをして、</font></p><p><font face="Meiryo UI"><span style="color: rgb(255, 0, 0);">「Enter」を押すだけ</span>で、<br>同様にどんなに大量にファイルがあったって、</font></p><p><font face="Meiryo UI">全自動処理を行うことができてしまいます！</font></p><p><font face="Meiryo UI"><br><br><br></font></p><p><font face="Meiryo UI">では、どうすれば、こんな<span style="color: rgb(255, 0, 0);">裏技的な芸当</span>が<br>できてしまうのでしょう？</font></p><p><font face="Meiryo UI">それには、まず、プログラミングについて<br>知る必要があります。</font></p><p><font face="Meiryo UI"><br><br><br></font></p><p><font face="Meiryo UI">私がお勧めするのは、<span style="color: rgb(255, 0, 0);">Ruby</span>という言語の本です。</font></p><p><font face="Meiryo UI">「Ruby 入門」と描かれている本で、</font></p><p><font face="Meiryo UI">できれば「バージョン 2.0」とか「2.0」</font></p><p><font face="Meiryo UI">とか書かれている本を買いましょう。</font></p><p><font face="Meiryo UI"><br><br></font></p><p><font face="Meiryo UI">実は、プログラミング言語には、<br>バージョンというものがあって、</font></p><p><font face="Meiryo UI">バージョンが違うと、<span style="color: rgb(0, 0, 255);">書き方が違ったり</span>します。</font></p><p><font face="Meiryo UI"><br></font></p><p><font face="Meiryo UI">今は、Rubyは2.0が現行ですので、<br>これを買いましょう！</font></p><p><font face="Meiryo UI"><br><br><br></font></p><p><font face="Meiryo UI">さぁ、今すぐ書店にいって本を買って<br>読んでみてください！<br><br></font></p><p><font face="Meiryo UI"><span style="color: rgb(0, 0, 255);">最初はつまる</span>と思います。ですが、<br>それを理解した先には、</font></p><p><font face="Meiryo UI"><span style="color: rgb(255, 0, 0);">あなたが想像もできない快楽</span>が広がっています！</font></p><p><font face="Meiryo UI"><br></font></p><p><font face="Meiryo UI">さぁ、今すぐやりましょう！</font></p></span><div><br></div>
]]>
</description>
<link>https://ameblo.jp/kousuke19952000/entry-12078680612.html</link>
<pubDate>Tue, 29 Sep 2015 20:26:58 +0900</pubDate>
</item>
<item>
<title>プログラミングを知らない人は仕事ができない。 学校では教えてくれない裏技的な技術。</title>
<description>
<![CDATA[ こんにちは、アッキーです。<br>今日はプログラミングについて話します。<br>この記事を読んでいただけたら、<br>パソコンでの作業効率を<font color="#FF0000">１０倍</font>にすることができます。<br><br>あなたは、仕事で毎日同じような作業をしていませんか？<br>ExcelやWordを使って書類を作成したり、<br>大量の同じようなファイルと戦っていたり…<br>たくさんのファイルをコピーしたり、消したり…<br><br>この作業って、とっても<font color="#0000FF">めんどうくさい</font>ですよね。<br>そのせいで時間をとられて、<br>気が付けば帰宅が深夜になる<br>なんてことはありませんか？<br><br>この記事を読めば、<br>今までの<font color="#FF0000">仕事を1/10でこなす</font>ことができます。<br>プログラミングを学べば、<br>そんな作業から、おさらば！<br><br>そんな作業は、手元にある<span style="color: rgb(255, 0, 0);">パソコンがすべて自動</span>で<br>やってくれます。<br><br>そうなれば、自分の本当にやりたかった仕事ができますし、<br>帰宅時間が早くなって、<span style="color: rgb(255, 0, 0);">自分の自由時間も確保</span>できます。<br><font color="#FF0000"><br>それだけではありません！<br>上司や周りの人からも、<br>頼られる存在になること間違いなしです<br></font><br>では、どうしてプログラミングを学ぶだけで、<br>そこまで劇的な効果が得られるのでしょう？<br>実はパソコンは、<font color="#FF0000">繰り返し行う処理がとっても得意</font>なのです。<br><br>プログラムを作ってあげるだけで、<br>パソコンは忠実にその通りに動いてくれます。<br><br>ここに、自分たちの行いたい処理を乗せてあげることで、<br><font color="#FF0000">毎回行う作業を自動化</font>できるというわけです。<br><br>では、どうすればよいのでしょうか？<br>何をすれば、そんなことができるようになるのでしょう。<br><br>まずは、プログラミングに関する書籍を１冊買ってください。<br><br>ただし、プログラミングに関するものなら<br>何でもよいというわけではありません！<br>プログラミングには種類があります。<br><br>実は、いろいろなプログラミング言語があって、<br><font color="#FF0000">それぞれ書き方も、考え方もちょっとずつ異なります</font>。<br><br>私がお勧めするのは、<font color="#FF0000">Ruby</font>という言語です。<br>これに関する入門書を１冊買って、読むことです。<br><br>ここで、注意していきたいことがあります。<br>実は、プログラミングを学ぶには、<br>ある程度の時間がかかることを忘れてはなりません。<br><br>人によりますが、<font color="#FF0000">大体１か月～半年</font>ぐらいかかります。<br>さぁ、今すぐ書店に行ってプログラミングの本を買ってきてください！
]]>
</description>
<link>https://ameblo.jp/kousuke19952000/entry-12076451980.html</link>
<pubDate>Wed, 23 Sep 2015 21:06:21 +0900</pubDate>
</item>
</channel>
</rss>
