<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-8230954895603258771</id><updated>2024-12-19T12:29:05.307+09:00</updated><category term="その他"/><category term="PHP"/><category term="HTML"/><category term="css"/><category term="日常"/><category term="JavaScript"/><category term="WEBデザイン"/><category term="お勉強"/><category term="やってみた"/><category term="プログラミング"/><category term="テンプレート"/><category term="jQuery"/><category term="C言語"/><category term="google"/><category term="google+"/><category term="デザイン"/><category term="技?"/><category term="API"/><category term="Mac"/><category term="お知らせ"/><category term="オリジナル"/><category term="絵"/><category term="電子工作"/><category term="データベース"/><category term="画像"/><category term="記念"/><category term="C"/><category term="C++"/><category term="PIC"/><category term="Qt"/><category term="機会"/><category term="Arduino"/><category term="C#"/><category term="Java"/><category term="ゆるゆり"/><category term="アニメ"/><category term="ペット"/><category term="ローマ字表記"/><title type='text'>I aim to creator.</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>186</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-2959132401549306774</id><published>2014-11-27T11:39:00.004+09:00</published><updated>2014-11-27T11:39:57.724+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="その他"/><category scheme="http://www.blogger.com/atom/ns#" term="プログラミング"/><category scheme="http://www.blogger.com/atom/ns#" term="日常"/><title type='text'>プログラミング出来る人にとって嫌な言葉</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
言っている相手は気づかないかもしれないけど、&lt;div&gt;
プログラミングやっている人にとっては、とても嫌な言葉があります。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
自分自身言われて嫌だな〜と思う事をここに書いて行きます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;個人的に嫌な言葉だけを書いて行きます。プログラミング出来る人全員が嫌だとは限りませんのでご了承ください。少なくとも僕は嫌です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;そんな事何時でも出来るじゃん。&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
自分が一番嫌な事です。私が何らかの作業している時に突然来て、手伝ってと言われて作業しているから断ると「そんな事何時でも出来るじゃん」と言われます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
確かに他人からするとプログラミング出来る人にとっては何時でも出来る事なのかもしれません。ただ自分は出来ないクセにそんな事呼ばわりするのはとても不快です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
そして、「手伝ってって言うくらいならこっちの作業を逆に手伝えよ」と言いたいくらいです。こっちの作業が終わればそっちの作業直ぐに手伝いに行けるのに自分優先な言い方するのが一番イラ立ちます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;技術ある人はいいよね何でも出来るから。&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
これもちょっとムカッと来ますね。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
まるで努力しずに得た技術みたいな言われ方してとても不快です。技術ある人それなりに努力し得た知識を活かして自分の生活に役立ててるのです。その努力を無にするような言い方は腹立たしいです。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
別に同じ趣味・興味があってその人も努力してある程度の技術を身につけている人であれば問題ありません。その人も同じ様な苦労をして来ているからです。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
ただ技術を学ぼうとしないで、そんな事言われるととても不快ですよね。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;プログラマーになんか興味ない。&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
確かにプログラミングとかに興味無い人であればプログラマーなんて影の薄い存在でしょう。ただちょっとは興味を抱いてもいいんじゃないか?と思います。今の時代何処にでもプログラマーの痕跡があり、コンビニのレジのシステム・ATMのシステム・携帯のシステム等身近にある物は全てプログラマーが影で働いているからこその物です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
大げさに言うとこの世界は政治家が作っているのではなくプログラマーが作っている様な物です。私は神に等しい存在それが「プログラマー」だと思います。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
私は友達がゲームしていると、自然とアルゴリズムを考えてしまう病気です。&lt;/div&gt;
&lt;div&gt;
複雑なゲームを見れば見る程そのゲームのメインプログラマーは「どんな人なんだろう?」とかついつい考えてしまいます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;○○やってよ。&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
これも結構身内等に言われてムカつきますね。そして身内だからこそお金が発生しない最悪な奴です。自分の場合だと、iPhoneに音楽入れてよとかが多いです。「それくらい自分でやれ低能野郎」と思いますが、口に出しません。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
確かに技術・方法が分かっているならそっちの方が速いです。&lt;/div&gt;
&lt;div&gt;
ただ、毎度そんな頼まれごとしたら幾ら時間があっても足りませんよね??&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
最近は何らかの頼まれごとしたら淡々と１人でやるのではなく、解説しながらやる様にしています。それでも人の話を聞かない素振りをしたら解説と作業をやめる様にしています。方法を知るきの無い人の為に無料で働くなんてとんでもない。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
以上が個人的に言われたら嫌な事です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
自分自身他の人にも似たような事を言っているかもしれませんが、その時は指摘してくださいね。私も直して行く様にするので(^_^;)&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/2959132401549306774/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/11/blog-post_27.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/2959132401549306774'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/2959132401549306774'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/11/blog-post_27.html' title='プログラミング出来る人にとって嫌な言葉'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-8344029567642692613</id><published>2014-11-25T19:44:00.001+09:00</published><updated>2014-11-25T19:44:10.777+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="google"/><category scheme="http://www.blogger.com/atom/ns#" term="JavaScript"/><category scheme="http://www.blogger.com/atom/ns#" term="PHP"/><title type='text'>Web CodeEdita進捗</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
現在開発しているWebCodeEditaの進捗と戦略をここに記して行きたい。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://2.bp.blogspot.com/-tqlrTwD7IKM/VHRaNE4hA_I/AAAAAAAAZc0/7VdLo211-oE/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-11-25%2B19.29.47.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://2.bp.blogspot.com/-tqlrTwD7IKM/VHRaNE4hA_I/AAAAAAAAZc0/7VdLo211-oE/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-11-25%2B19.29.47.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
Blogでの報告は始めてになるけど、Google+見ている人はもう知っているかと思われる。&lt;br /&gt;
多分何人かはGoogleDrive等で詳細は把握していると思う。&lt;br /&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;https://docs.google.com/document/d/1AzGhGDqv25xvv5QjmqxR9bVN8MPHpDoarztEgmWPcas/edit?usp=sharing&quot; target=&quot;_blank&quot;&gt;GoogleDrive - Web CodeEdita&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
 ChromeOSを搭載したChromeBookが現在はもうAmazonでも購入出来る。&lt;br /&gt;
最近友達の兄貴が安いPCが欲しいとの事でChromeBookお勧めした。&lt;br /&gt;
&lt;br /&gt;
その人は基本PCでアニメさえ見れればいいとの事だったので、普通にWindowsPC買うよりChromeBook買った方が安いからです。確か3〜4万で買える程の安さなので、ネットだけ見ると言う人であればコストパフォマンスだろう。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
自分自身一度WindowsPCにChromeOSをUSBBootした事があって、触れてみた感じは基本ネット上で作業するんだな〜っと感じた。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
なのでChromeOS利用者はWebアプリケーションで色々な事になるだろうと思ったので、&lt;br /&gt;
そのChromeOS向けアプリケーションの開発の枠に入ってみたかったので、テキストエディタを現在作っています。&lt;br /&gt;
&lt;br /&gt;
需要あるかどうか分からないけど、少なくともアプリケーションが豊富にあるOSの方が人気になると思うし、自分みたいな人が沢山出てこないと、ChromeOSの認知度も上がらないだろうし。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
今現在の進捗は、大した事ない。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://1.bp.blogspot.com/-2yi2oxP11Zw/VHRcdZ1cvmI/AAAAAAAAZdA/11qi2rwnIGk/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-11-25%2B19.39.13.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-2yi2oxP11Zw/VHRcdZ1cvmI/AAAAAAAAZdA/11qi2rwnIGk/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-11-25%2B19.39.13.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
現在抱えている課題は、&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;入力補助機能をどの様にして組み込むか&lt;/li&gt;
&lt;li&gt;設定ウィンドウの表示や操作・PHPとの連絡の取り合い&lt;/li&gt;
&lt;li&gt;PHPでSSH接続して安全にファイルを転送出来るか&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
現在はこんな感じ&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
今回の開発でまだまだ自分はまだまだだな〜って思う所が沢山あるから、&lt;br /&gt;
学ぶ事も多くてとても得している。&lt;br /&gt;
&lt;br /&gt;
学ぶ事が多くなる事は自分のスキルをアップさせる最大のキッカケとなるので、&lt;br /&gt;
これからも課題を沢山乗り越えてGoogle+の方々みたいになろうと思う。&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/8344029567642692613/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/11/web-codeedita.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/8344029567642692613'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/8344029567642692613'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/11/web-codeedita.html' title='Web CodeEdita進捗'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-tqlrTwD7IKM/VHRaNE4hA_I/AAAAAAAAZc0/7VdLo211-oE/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-11-25%2B19.29.47.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-2125319065984362845</id><published>2014-11-14T04:28:00.000+09:00</published><updated>2014-11-14T04:28:21.849+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="その他"/><category scheme="http://www.blogger.com/atom/ns#" term="日常"/><title type='text'>Blogger始めてよかった事</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
最近改めてBlogger始めてよかったな〜と思う事が多々ありました。&lt;div&gt;
&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://1.bp.blogspot.com/-e4JMUSeU1uc/VGUFHgvqReI/AAAAAAAAY3Q/8IXfOOtQDi8/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-11-14%2B4.16.28.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;200&quot; src=&quot;https://1.bp.blogspot.com/-e4JMUSeU1uc/VGUFHgvqReI/AAAAAAAAY3Q/8IXfOOtQDi8/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-11-14%2B4.16.28.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
&lt;div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
プログラミング関連で一度触れた事は、ある程度Bloggerにて投稿しているので、&lt;/div&gt;
&lt;div&gt;
後から「あれ?どうやってやるんだっけ??」って思った時にこのBlogが大活躍です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
最近はPHP/jQuery関連で調べる時にとても便利だと思います。&lt;/div&gt;
&lt;div&gt;
読者の方からすると、よく分からない記事でも自分にとっては理解出来る・参考になる記事なので、やりたい事を直ぐに引き出せるのでとてもいいです。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
もはやBlogの名前を、「Fukumi Note」に変えたいくらい便利!!&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
いや、ホントに変えようかな〜って思ったんですけど、頻繁に名前変えてたら読者の方に迷惑かな〜って思って(^_^;)&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
私自身まだまだ覚える事が沢山あるので、これからも色々な情報を書いて行きたいと思います。また、ついでの報告になるのですが、新プロフィールサイトをリニューアルしました。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
私のGoogle+やFacebook等見ている方はもう既に分かっていると思いますが、&lt;/div&gt;
&lt;div&gt;
以下にてURLを貼っておきます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;http://fukumi.9en.co/&quot;&gt;http://fukumi.9en.co&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
一応スマホに対応しているつもり、iPhoneでは現在デザインの不具合を確認しているので、出来るだけ早めに修正したいと思います。&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/2125319065984362845/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/11/blogger.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/2125319065984362845'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/2125319065984362845'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/11/blogger.html' title='Blogger始めてよかった事'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://1.bp.blogspot.com/-e4JMUSeU1uc/VGUFHgvqReI/AAAAAAAAY3Q/8IXfOOtQDi8/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-11-14%2B4.16.28.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-6669923307718839791</id><published>2014-11-02T15:46:00.000+09:00</published><updated>2014-11-02T15:49:38.886+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C"/><category scheme="http://www.blogger.com/atom/ns#" term="C++"/><category scheme="http://www.blogger.com/atom/ns#" term="プログラミング"/><title type='text'>【C++メモ】クラスの基本</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
今回は実際にC++のソースを記述したので、そこで覚えた事をメモします。&lt;br /&gt;
結論として、JavaScriptのClassよりは簡単です。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://3.bp.blogspot.com/-qhxpkkk47s8/VFXQfkyoA5I/AAAAAAAAYeA/_Fn5LoE3FD8/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-11-02%2B15.34.03.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-qhxpkkk47s8/VFXQfkyoA5I/AAAAAAAAYeA/_Fn5LoE3FD8/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-11-02%2B15.34.03.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush: cpp;&quot;&gt;
class sample{
	private:	//外部からは見えない領域
		int sampleData;
	public:		//外部から見える領域
		sample(int data): sampleData(data){}
		void dataview(){
			cout&lt;&lt;&quot;値:&quot;&lt;&lt;data&lt;&lt;endl;
		}
};

void main(){
	sample sampleClass(1);
	sampleClass.dataview();
}
&lt;/pre&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/6669923307718839791/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/11/c.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/6669923307718839791'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/6669923307718839791'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/11/c.html' title='【C++メモ】クラスの基本'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-qhxpkkk47s8/VFXQfkyoA5I/AAAAAAAAYeA/_Fn5LoE3FD8/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-11-02%2B15.34.03.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-6375988327082910686</id><published>2014-11-01T14:17:00.001+09:00</published><updated>2014-11-01T14:17:05.466+09:00</updated><title type='text'>何を言っているのか分からない。</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
最近友達によく「何言っているのか分からない。」や「専門用語出して話すな」と言う逆に意味不明な事をよく言われるので、それに関して話して行きたい。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://2.bp.blogspot.com/-J-ngvt1_XUE/VFRozAok4FI/AAAAAAAAYQc/PLUWRW9skwk/s1600/2013-07-15_14h27_08.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://2.bp.blogspot.com/-J-ngvt1_XUE/VFRozAok4FI/AAAAAAAAYQc/PLUWRW9skwk/s1600/2013-07-15_14h27_08.jpg&quot; height=&quot;178&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
自分自身特に専門用語と言える様な専門用語を話している意識はないけれど、相手からすると、よく分からない専門用語を言っている様に聞こえるのかも。&lt;br /&gt;
&lt;br /&gt;
逆に自分は「専門用語出されても分からない」とか言われたら内心、&lt;br /&gt;
「この程度の日本語も分からんのか低能野郎」と思ってしまうが口には出さない。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ま〜特に兄貴の彼女や同級生の友達によく言われる事なのだけれど、&lt;br /&gt;
以前自分が「一定の周期」と発言したら「専門用語出されても分からない」と言われた。&lt;br /&gt;
その人は特に最近自分に対して専門用語で話すなと言う人で敏感になっていたのであろう。&lt;br /&gt;
&lt;br /&gt;
だが「一定の周期」と言う言葉を何故専門用語だと思ったのだろうか??&lt;br /&gt;
その時は2人に対して話してた。なのでその時あと一人が「一定の周期ってあれでしょ...」&lt;br /&gt;
っと解説してくれた。その人も特に自分みたいにテクノロジー系にのめり込んでない人なのに理解出来たって事は、指摘した人は俺に何らかの恨みがあるのだろうか....&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
まして、専門用語を使われて理解出来ないなら検索しろって言いたいです。&lt;br /&gt;
もう誰もが携帯を持ち、インターネットに接続出来る様な時代になったのだから、検索して自己解決して欲しいです。&lt;br /&gt;
&lt;br /&gt;
世の中には学校行ってない人が大学に受かったって話ありますよね??&lt;br /&gt;
お金が無くて学校にも行けない状態で唯一インターネットがあって、自分でWikipediaを見て学習し、大学の入試に受かった話を聞いた事あります。&lt;br /&gt;
&lt;br /&gt;
それ程大量な情報がネット上にあるのに、専門用語如き何故理解出来ないのか??そして何故検索しようとしないのか??自分の知る限り、自分の周りには検索しようとする人は居ません。と言うか情報処理・収集力が低いのかな??&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
自分も同じですが、何でもかんでも「専門用語で話すな」とか言われると不愉快に感じますよ。....&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/6375988327082910686/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/11/blog-post.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/6375988327082910686'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/6375988327082910686'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/11/blog-post.html' title='何を言っているのか分からない。'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-J-ngvt1_XUE/VFRozAok4FI/AAAAAAAAYQc/PLUWRW9skwk/s72-c/2013-07-15_14h27_08.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-3934405855168042030</id><published>2014-10-25T12:39:00.000+09:00</published><updated>2014-10-25T12:40:10.955+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Mac"/><category scheme="http://www.blogger.com/atom/ns#" term="PHP"/><category scheme="http://www.blogger.com/atom/ns#" term="日常"/><title type='text'>Yosemite MAMP Apacheが動かない時の対処方法</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
Yosemiteにアップグレードしてからウキウキワクワクして久しぶりにMAMPを起動したら、Apacheが動かない!そんな時の対処方法をご紹介します。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://3.bp.blogspot.com/-kh9PsCEo_qU/VEsZsEQmoaI/AAAAAAAAX-I/OBF7YoaGx4I/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-10-25%2B12.31.29.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-kh9PsCEo_qU/VEsZsEQmoaI/AAAAAAAAX-I/OBF7YoaGx4I/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-10-25%2B12.31.29.png&quot; height=&quot;189&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
いや〜今更な記事なのですが、一応メモ程度に書いて行きます。&lt;br /&gt;
&lt;br /&gt;
Apacheが上手く動かない理由としては、Skype等とポートがぶつかり合っている事がほとんどです。なので、面倒なのでSkypeを完全に消したのですが、まだ動かない。&lt;br /&gt;
&lt;br /&gt;
なので色々調べた結果Yosemiteにしてから動かない症状が多発しているらしいです。&lt;br /&gt;
&lt;br /&gt;
結論として、直し方はとあるファイル名を変更するだけです。&lt;br /&gt;
&lt;br /&gt;
[/Applications/MAMP/bin/apache2/bin/]内にある[envvars]を[_envvars]に変更するだけです。これで実際に起動しました。&lt;br /&gt;
&lt;br /&gt;
こんな簡単な事で治るのに自分は数時間掛けてしまいました(^_^;)&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/3934405855168042030/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/10/yosemite-mamp-apache.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/3934405855168042030'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/3934405855168042030'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/10/yosemite-mamp-apache.html' title='Yosemite MAMP Apacheが動かない時の対処方法'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-kh9PsCEo_qU/VEsZsEQmoaI/AAAAAAAAX-I/OBF7YoaGx4I/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-10-25%2B12.31.29.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-7484129249327943973</id><published>2014-10-20T17:07:00.000+09:00</published><updated>2014-10-20T17:07:27.198+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="その他"/><category scheme="http://www.blogger.com/atom/ns#" term="やってみた"/><category scheme="http://www.blogger.com/atom/ns#" term="日常"/><title type='text'>プロフィールを書いてみた。</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
&lt;style&gt;
 th{
  background-color: #8effab;
 }
 table{
  background-color: #dedde3;
 }
 td{
  background-color: #f7f5ff;
  transition: .42s;
 }
 td:hover{
  background-color: #bbdaf1;
 }
&lt;/style&gt;
 
 &lt;table&gt;
  &lt;tr&gt;
   &lt;th colspan=&quot;2&quot;&gt;基本情報&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;名前&lt;/th&gt;
   &lt;td&gt;泉川　福巳&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;生年月日&lt;/th&gt;
   &lt;td&gt;1997年8月22日&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;血液型&lt;/th&gt;
   &lt;td&gt;A型&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;長所&lt;/th&gt;
   &lt;td&gt;マイペースで必要以上に動かないで体の老朽化を軽減出来る&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;短所&lt;/th&gt;
   &lt;td&gt;マイペースで必要以上に動かない。&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;身長&lt;/th&gt;
   &lt;td&gt;最近測ってないから分からん。&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;体重&lt;/th&gt;
   &lt;td&gt;55㌔〜59㌔の間くらい。&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;性格&lt;/th&gt;
   &lt;td&gt;研究気質らしく、物事に対してある程度理解したくなる様な面倒な性格&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;趣味&lt;/th&gt;
   &lt;td&gt;
    &lt;ul style=&quot;float : left; margin: 25px;&quot;&gt;
     &lt;li&gt;アニメ&lt;/li&gt;
     &lt;li&gt;バイク&lt;/li&gt;
     &lt;li&gt;パソコン&lt;/li&gt;
     &lt;li&gt;お絵かき&lt;/li&gt;
     &lt;li&gt;Google+&lt;/li&gt;
    &lt;/ul&gt;
    &lt;ul&gt;
     &lt;li&gt;プログラミング&lt;/li&gt;
     &lt;li&gt;MMD&lt;/li&gt;
     &lt;li&gt;本を読む&lt;/li&gt;
    &lt;/ul&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;技能&lt;/th&gt;
   &lt;td&gt;
    &lt;ul style=&quot;float : left; margin: 25px;&quot;&gt;
     &lt;li&gt;HTML5&lt;/li&gt;
     &lt;li&gt;CSS3&lt;/li&gt;
     &lt;li&gt;JavaScript&lt;/li&gt;
     &lt;li&gt;jQuery&lt;/li&gt;
     &lt;li&gt;PHP&lt;/li&gt;
    &lt;/ul&gt;
    &lt;ul&gt;
     &lt;li&gt;C/C++&lt;/li&gt;
     &lt;li&gt;C# / VB&lt;/li&gt;
     &lt;li&gt;python&lt;/li&gt;
    &lt;/ul&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;口癖&lt;/th&gt;
   &lt;td&gt;う〜んっと。&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th colspan=&quot;2&quot;&gt;好きな物&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;食べ物&lt;/th&gt;
   &lt;td&gt;ハンバーグと赤い狐は大好き。&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;飲み物&lt;/th&gt;
   &lt;td&gt;以前まではアップルティーが好きだったが、最近レモンティーに以降&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;動物&lt;/th&gt;
   &lt;td&gt;1位{猫} 2位{ヘビ} 3位{熱帯魚}&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;色&lt;/th&gt;
   &lt;td&gt;青やピンクや薄い緑とかが好きかな〜　黒から白の間は最強だと思います。&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;場所&lt;/th&gt;
   &lt;td&gt;好きな場所と言うか行きたい所は沖縄や田舎　住みたくないけど行きたい。&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;音楽&lt;/th&gt;
   &lt;td&gt;アニソンとVOCALOID意外基本興味ない。&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;スポーツ&lt;/th&gt;
   &lt;td&gt;男なら誰でも夜中のスポーツは好きだろ!!&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th colspan=&quot;2&quot;&gt;恋愛　(痛)&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;気になる人は居る?&lt;/th&gt;
   &lt;td&gt;沢山居る&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;恋人は居る?&lt;/th&gt;
   &lt;td&gt;居たら今頃ブログなんて一人で書いてないな。うん。&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;好きなタイプ&lt;/th&gt;
   &lt;td&gt;第一に絶対条件として、平面に居る子に限る!&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;嫌いなタイプ&lt;/th&gt;
   &lt;td&gt;性格悪い奴、また可愛いけど性格悪い奴&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th colspan=&quot;2&quot;&gt;その他&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;休日の過ごし方&lt;/th&gt;
   &lt;td&gt;毎日が休日みたいな物だからな〜基本PCとイチャイチャしてるかな。&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;よくしている事&lt;/th&gt;
   &lt;td&gt;プログラミングとかアニメみたり。ってかこの質問趣味と同じじゃね?&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th&gt;カラオケで歌う曲&lt;/th&gt;
   &lt;td&gt;そもそも最近カラオケとか行ってないし歌うと苦情入るから歌えない(´；ω；｀)ｳｯ…&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;th colspan=&quot;2&quot;&gt;最後に一言!&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;td colspan=&quot;2&quot;&gt;ホントは彼女欲しいけど、その前に友達募集!!&lt;/td&gt;
  &lt;/tr&gt;
 &lt;/table&gt;
&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/7484129249327943973/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/10/blog-post_20.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/7484129249327943973'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/7484129249327943973'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/10/blog-post_20.html' title='プロフィールを書いてみた。'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-6649086530064223276</id><published>2014-10-19T04:10:00.001+09:00</published><updated>2014-10-19T04:10:10.192+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="JavaScript"/><category scheme="http://www.blogger.com/atom/ns#" term="プログラミング"/><title type='text'>JavaScriptでオブジェクト指向な書き方する</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
JavaScriptでオブジェクト指向な書き方をしてみたいと思います。ターミナルを使って実行するのでMacやUbuntuを対象とします。&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://4.bp.blogspot.com/-td5EHmPpZjg/VEKqKw2IY7I/AAAAAAAAX5I/mDXTh0bMV7w/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-10-19%2B2.55.13.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-td5EHmPpZjg/VEKqKw2IY7I/AAAAAAAAX5I/mDXTh0bMV7w/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-10-19%2B2.55.13.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
私自身の中ではJavaScriptは手続き型言語に近い様に感じます。何故ならば、JavaScript入門にはそもそもオブジェクト指向の理念をちゃんと解説している本が少ないからだと私は思います。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
C++/C#/Java等の入門書を見ればオブジェクト指向の理念は主な文法の次に説明される様な事なのですが、JavaScriptはオブジェクト指向の前に何かを作ってコツを掴んでもらおうと言うのが先なのです。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
確かにその方が学習も進むしいい。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
けれど、いつかは壁にぶち当たると思います。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
そこで、今回はJavaScript初心者さんを対象にオブジェクト指向をよく理解してもらえる様にしようと思います。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;color: #6aa84f;&quot;&gt;実行&lt;/span&gt;&lt;span style=&quot;color: #3d85c6;&quot;&gt;環境&lt;/span&gt;&lt;span style=&quot;color: #a64d79;&quot;&gt;を&lt;/span&gt;&lt;span style=&quot;color: #e69138;&quot;&gt;整える&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
今回はブラウザーを利用して実行するのではなくMacやUbuntuにあるターミナルで実行します。なのでまずターミナルを立ち上げて、以下のコマンドを実行しましょう。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;pre class=&quot;syntax-highlight&quot; style=&quot;background-color: white; border: 1px solid rgb(185, 184, 180); font-family: sans-serif; font-size: 13px; line-height: 1.2; margin-bottom: 15px; margin-top: 15px; padding: 1em; text-align: justify;&quot;&gt;&lt;span class=&quot;synStatement&quot; style=&quot;color: #804000;&quot;&gt;alias&lt;/span&gt; jsc&lt;span class=&quot;synStatement&quot; style=&quot;color: #804000;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;synConstant&quot; style=&quot;color: #c00000;&quot;&gt;&quot;/System/Library/Frameworks/JavaScriptCore.framework/Versions/A/Resources/jsc&quot;&lt;/span&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
後はjsファイルをエディタ等で作り、$ jsc ファイル名.jsで実行出来ます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
次に前提として、ターミナルでの実行結果の表示には print()関数を使います。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2 style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;実際&lt;/span&gt;&lt;span style=&quot;color: #3d85c6;&quot;&gt;に&lt;/span&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;ソース&lt;/span&gt;&lt;span style=&quot;color: #e69138;&quot;&gt;書いてみる&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;div&gt;
まず基本中の基本「Hello World」を表示してみましょう。&lt;/div&gt;
&lt;div&gt;
jsファイルに以下の様に記述して下さい。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;pre class=&quot;brush: js;&quot;&gt;print(&quot;Hello World&quot;);
&lt;/pre&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
これで保存し、ターミナルで&lt;span style=&quot;color: #6aa84f;&quot;&gt;$ jsc ファイル名.js&lt;/span&gt;で実行してみてください。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
Hello Worldとターミナルで表示されたら成功です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ではここからが本題です。&lt;br /&gt;
&lt;br /&gt;
普段JavaScriptでプログラミングする再はあまりオブジェクト指向を考える必要がないのですが、もしあなた自身がライブラリを作成する場合や、グローバル汚染を防ぐ時の為に知っておいて損はないかと思います。&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;color: #741b47;&quot;&gt;グローバル&lt;/span&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;汚染&lt;/span&gt;&lt;span style=&quot;color: #e69138;&quot;&gt;とは&lt;/span&gt;&lt;span style=&quot;color: #3d85c6;&quot;&gt;?&lt;/span&gt;&lt;/h2&gt;
グローバル汚染とは、貴方が書いたソースを他の人がむちゃくちゃな使い方したり、手違いでエラーが多発したり色々面倒な事になります。その為グローバル汚染対策はある程度必要なわけです。&lt;br /&gt;
&lt;br /&gt;
私の場合だと、ライブラリ作成で、とある処理を必要以上に利用させない為等で使ったりしています。&lt;br /&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush: js;&quot;&gt;//グローバル領域
var a = 10;
b = 20; 

function test () {
	//ローカル領域
	var a0 = 30;
	b0 = 40;
}
&lt;/pre&gt;
&lt;br /&gt;
このソースを例で言うと、グローバル領域から勝手にb0の値を書き換える事がグローバル汚染です。対策する方法は単純で、変数にvarを使えばローカル変数となり、グローバル領域から変更出来ない様になります。&lt;br /&gt;
&lt;br /&gt;
ですが、例ではaの変数がvar付きで宣言されています。&lt;br /&gt;
これは正直言ってグローバルの宣言なので、何処からでも値が変更出来るのです。&lt;br /&gt;
&lt;br /&gt;
大体理解は出来たでしょうか?&lt;br /&gt;
&lt;br /&gt;
次に無断で特定の処理をさせたくない時の対処方法をご紹介しましょう。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush: js;&quot;&gt;function test () {
	var a = 1 + 1;
	print(a);
}
&lt;/pre&gt;
&lt;br /&gt;
上の処理をもし、必要以上に使わせたくない。と思った事はありませんか?&lt;br /&gt;
その様な時にオブジェクト指向を使うと便利です。&lt;br /&gt;
&lt;br /&gt;
先程グローバル汚染の対策には、varを使うといいと言うお話をさせて頂きました。&lt;br /&gt;
なので、それを利用してクラスを作り処理をしてみましょう。&lt;br /&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush: js;&quot;&gt;function test () {	//グローバル領域
	var classData = function(){	//グローバル領域で作成されたクラス
		this.x = 1;
		this.Method = function(data){
			var plus = this.x + data;
			print(plus);
		}
	}

	var test = new classData();

	test.x = 2;
	test.Method(2);
}

test();
&lt;/pre&gt;
&lt;br /&gt;
ちょっと複雑になりましたね。&lt;br /&gt;
ですが、varがある所をよく見て下さい。&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #6aa84f;&quot;&gt;var classData&lt;/span&gt;はクラス名になります。varが付いているのでこのクラスが利用出来るのはtest()関数の中だけと言う事になります。&lt;br /&gt;
&lt;br /&gt;
またtest関数内では、「var test = new classData();」とありますが、&lt;br /&gt;
これはClassをインスタンス(オブジェクト化)しているわけです。&lt;br /&gt;
&lt;br /&gt;
そうオブジェクト化もvarが付いているのでこのオブジェクトが使えるのはtest()の中だけと言う事になります。これがグローバルから勝手に処理させない処理の書き方です。&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;color: #f1c232;&quot;&gt;クラス&lt;/span&gt;&lt;span style=&quot;color: #3d85c6;&quot;&gt;の&lt;/span&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;作り方&lt;/span&gt;&lt;/h2&gt;
では次にクラスの作り方を知っておきましょう。&lt;br /&gt;
本来Java/C#とかの高級言語だとclass {...}の様な感じでクラスを作るのですが、&lt;br /&gt;
JavaScriptはちょっと異なった方法で作ります。&lt;br /&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush: js;&quot;&gt;var classData = function() {
	//Classの中身
}
&lt;/pre&gt;
&lt;br /&gt;
クラスはこの様に簡単に作る事が出来ます。&lt;br /&gt;
中身には処理を書くのですが、クラス内で書く関数の事を私はメソッドと呼びます。&lt;br /&gt;
では実際にメソッドを作りましょう。&lt;br /&gt;
&lt;br /&gt;
っと言いたいのですが、これも簡単です。&lt;br /&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush: js;&quot;&gt;var classData = function() {
	this.Method = function() {
		// メソッド内の処理
	}
}
&lt;/pre&gt;
&lt;br /&gt;
クラスの作り方と異なると言えば、varがthisに変わった様な感じです。&lt;br /&gt;
このthisはクラスをオブジェクト化した時に「オブジェクト名.Method」とります。&lt;br /&gt;
&lt;br /&gt;
次にプロパティの作り方です。&lt;br /&gt;
&lt;br /&gt;
プロパティはクラス内で使う処理に必要な値の様な物で、始めから初期値を設定出来ます。また後から変更する事も出来るのです。JavaScriptの関数では引数を初期化する事は出来ませんが、クラスを利用すれば、引数の初期化の様な効果も期待出来ます。&lt;br /&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush: js;&quot;&gt;var classData = function() {

	this.x = 10;

	this.Method = function() {
		// メソッド内の処理
	}
}
&lt;/pre&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
ではこれでクラスのメソッドの作成方法とプロパティの作成方法は終わりました。&lt;br /&gt;
次はこのクラスをオブジェクト化して利用してみましょう。&lt;br /&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush: js;&quot;&gt;var classData = function() {

	this.x = 10;

	this.Method = function(data) {
		print(this.x + data);
	}
}

var test = new classData();

test.x = 20;	//プロパティに20を代入
test.Method(30);	//メソッドを利用
&lt;/pre&gt;
&lt;br /&gt;
&lt;br /&gt;
newでクラスをオブジェクト化してプロパティに20を代入したので、クラス内のthis.xの中身は20と言う事になります。また次にMethodの引数に30を渡したので結果は20+30の結果になると言うわけです。&lt;br /&gt;
&lt;br /&gt;
これが大まかな本格的なオブジェクト指向の記述方法です。&lt;br /&gt;
&lt;br /&gt;
今回は以上になります。最後までお付き合い下さりありがとうございます。&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/6649086530064223276/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/10/javascript.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/6649086530064223276'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/6649086530064223276'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/10/javascript.html' title='JavaScriptでオブジェクト指向な書き方する'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-td5EHmPpZjg/VEKqKw2IY7I/AAAAAAAAX5I/mDXTh0bMV7w/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-10-19%2B2.55.13.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-7045968845450697468</id><published>2014-10-19T00:31:00.001+09:00</published><updated>2014-10-19T00:31:43.875+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="JavaScript"/><category scheme="http://www.blogger.com/atom/ns#" term="お知らせ"/><category scheme="http://www.blogger.com/atom/ns#" term="デザイン"/><title type='text'>ブログのデザインを変更しました。</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
新たにブログのデザインを新しくしたので報告と苦労を書いて行きます。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://4.bp.blogspot.com/-esl-CBUKe3M/VEKAh9MBRPI/AAAAAAAAX44/Z_s83hrDhlw/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-10-18%2B23.59.58.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-esl-CBUKe3M/VEKAh9MBRPI/AAAAAAAAX44/Z_s83hrDhlw/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-10-18%2B23.59.58.png&quot; height=&quot;175&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
最近ちょくちょくブログのデザインを変更していましたが、何かグッと来ないんです。&lt;br /&gt;
そこで色々ベースとなるテンプレートを探していて、やっと見つかりました。&lt;br /&gt;
&lt;br /&gt;
初音ミクをモチーフにしたデザインで、機能的にもデザイン的にも魅力を感じてしまいました。探している時はブラウザ幅を有効活用する様なデザインがいいと思っていました。&lt;br /&gt;
&lt;br /&gt;
可変レイアウトってやつですね。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ですが、今回利用させて頂いたテンプレートは可変レイアウトではのですが、何故か一目惚れしてしまいました。見た目も可愛くてJavaScriptを多様して機能的ですので光の早さでダウンロードしてしまいました。&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://hatsunemiku-btemplates.blogspot.jp/&quot;&gt;http://hatsunemiku-btemplates.blogspot.jp/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ですが、見た目はいものの中身は実際最悪でした....&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
まず第一にテンプレート内で使われているBloggerタグなのですが、仕様変更したのか分かりませんが、テンプレートが期待する形式の値を返さないのです。&lt;br /&gt;
&lt;br /&gt;
テンプレートが期待している値は「&lt;span style=&quot;background-color: white; color: #222222; font-family: Menlo, monospace; font-size: 11px; white-space: pre;&quot;&gt;Friday, March 22, 2013&lt;/span&gt;」らしのですが、この値を取得する時にテンプレートでは「&lt;span style=&quot;color: #93c47d;&quot;&gt;&amp;lt;data:post.timestamp/&amp;gt;&lt;/span&gt;」のタグが使われていました。これを実際に使って表示すると、全く異なる値が返ってきたので、恐らく仕様変更等で利用出来なくなったのでしょう。&lt;br /&gt;
&lt;br /&gt;
試しに大体いつ頃に作られたの調べてみました。&lt;br /&gt;
すると、2013年との事だったので、現在からすると去年作られた事になりますね。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
っで結論として、必要な値は、[Name, 年, 日]の値が必要なので、以下のURLのページを参考にしながら適当にソースを組んでみました。&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;https://support.google.com/blogger/answer/47270?hl=ja&quot;&gt;https://support.google.com/blogger/answer/47270?hl=ja&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre class=&quot;brush: js;&quot;&gt;var testss = &quot;&lt;data:post .dateheader=&quot;&quot;&gt;&quot;;
var data_ssds = testss.match(/[0-9]+/);
var data_ssdv = testss.match(/月[0-9]*日/);
var data_ssds0 = data_ssdv[0].match(/[0-9]+/);
&lt;/data:post&gt;&lt;/pre&gt;
&lt;br /&gt;
ユーザーネームは自分しか書かないし、タグに直接書いても問題無いと思いましたので、&lt;br /&gt;
日付等だけを取得して、表示する様にしました。&lt;br /&gt;
&lt;br /&gt;
ま〜後はメニューや細かいバグ等を変更したら大体の作業は完了しました。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
今回みたいに仕様変更されたタグ等があったりすると、上手く動作しない事もあります。&lt;br /&gt;
もし、Bloggerテンプレートを変更する時に今回の私の様になったら、諦めるかBloggerのヘルプに頼りましょう。&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/7045968845450697468/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/10/blog-post.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/7045968845450697468'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/7045968845450697468'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/10/blog-post.html' title='ブログのデザインを変更しました。'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-esl-CBUKe3M/VEKAh9MBRPI/AAAAAAAAX44/Z_s83hrDhlw/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-10-18%2B23.59.58.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-2762250506869884280</id><published>2014-09-24T02:30:00.002+09:00</published><updated>2014-10-18T23:51:28.996+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C"/><category scheme="http://www.blogger.com/atom/ns#" term="C++"/><category scheme="http://www.blogger.com/atom/ns#" term="Qt"/><category scheme="http://www.blogger.com/atom/ns#" term="やってみた"/><category scheme="http://www.blogger.com/atom/ns#" term="プログラミング"/><title type='text'>初めてのQt記録【Hello World】</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
今回初めてQtに触れたので、メモと初めてQtを使おうか考えている皆さんの為に記録に致します。&lt;br /&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
また、私自身Qt初心者ですので、ミス等がありましたらコメントにてお知らせ下さいますようよろしくお願い致します。&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;Qtとか何か?&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
私自身最近知ったのですが、QtはC++等の言語を使用して、GUIアプリケーションが作れるとても魅力的なライブラリとの事です。今までのGUIとなると、WindowsのWinAPI等の様な感じで、そのAPIを提供しているOSのみで利用出来る物を私は思っていました。&lt;br /&gt;
&lt;br /&gt;
ですが、Qtはソースを編集する事なく、Windows/Ubuntu/Mac等のGUIアプリケーションが作成出来ます。また、QtでAndroid/iOSアプリの開発も可能との事です。&lt;br /&gt;
なんて魅力的なんでしょうか。利点しか感じられないくらいです。&lt;br /&gt;
&lt;br /&gt;
皆さんが知っている「Skype」もQtで作られているらしいです。&lt;br /&gt;
&lt;br /&gt;
Qtの開発環境はQtを提供しているプロジェクトサイトにて、開発環境がダウンロード出来るので、そちらの開発環境をダンロードして下さい。細かい説明は割愛します。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;開発を開始する&lt;/span&gt;&lt;br /&gt;
まず始めにダウンロードした開発環境を起動します。&lt;br /&gt;
起動すると、以下の様なウィンドウが開きます。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://1.bp.blogspot.com/-eyUzB_Qb0s8/VCGqUgNG9aI/AAAAAAAAW-o/jkVenZ3_bnA/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-09-24%2B2.11.27.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-eyUzB_Qb0s8/VCGqUgNG9aI/AAAAAAAAW-o/jkVenZ3_bnA/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-09-24%2B2.11.27.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
ちょっと日本語がズレていますが、あまり気にしないで次へ行きましょう。&lt;br /&gt;
[新しいプロジェクト]をクリックすると、詳細を決めるウィンドウが開ます。&lt;br /&gt;
&lt;br /&gt;
テンプレートは「Qtウィジェットアプリケーション」を選択します。&lt;br /&gt;
&lt;br /&gt;
「プロジェクト名とパス」では任意のプロジェクト名を設定します。今回はテストですので「test」にしたいと思います。パスはプロジェクトを保存するディレクトリの事です。&lt;br /&gt;
&lt;br /&gt;
キットの選択では[Desktop Qt 5.3...]にチェックが入っている事を確認して「続き」&lt;br /&gt;
クラス情報では「フォームを生成する」のチェックを外します。これで無駄な初期記述は無くなります。以降の項目は何も選択・操作しないで、次へ進むと、&lt;br /&gt;
&lt;br /&gt;
以下の様なエディタ画面に切り替わります。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://4.bp.blogspot.com/-jxJ6oP2Cu7I/VCGsglBCDdI/AAAAAAAAW-w/_RnfUediZ2E/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-09-24%2B2.22.22.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-jxJ6oP2Cu7I/VCGsglBCDdI/AAAAAAAAW-w/_RnfUediZ2E/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-09-24%2B2.22.22.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
あとはこのエディタで淡々とソースを記述していく作業になります。&lt;br /&gt;
&lt;br /&gt;
今回は「Hello World」を出力したいと思います。ソースを記述するのは、&lt;br /&gt;
「mainwindow.cpp」に書いて行きます。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;!--StartFragment--&gt;&lt;span style=&quot;color: navy;&quot;&gt;#include&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;&quot;mainwindow.h&quot;&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: navy;&quot;&gt;#include&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;QtGui&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: navy;&quot;&gt;#include&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;&amp;lt;QtWidgets&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; -qt-paragraph-type: empty; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: purple;&quot;&gt;MainWindow&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;::&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;MainWindow&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: purple;&quot;&gt;QWidget&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;parent&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;)&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: silver;&quot;&gt;    &lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: purple;&quot;&gt;QMainWindow&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;parent&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;)&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;{&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: silver;&quot;&gt;    &lt;/span&gt;&lt;span style=&quot;color: purple;&quot;&gt;QLabel&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;*&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: olive;&quot;&gt;new&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: purple;&quot;&gt;QLabel&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;tr&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;&quot;Hello,&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;World.&quot;&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;));&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: silver;&quot;&gt;    &lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;setCentralWidget&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;);&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;}&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; -qt-paragraph-type: empty; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: purple;&quot;&gt;MainWindow&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;::~&lt;/span&gt;&lt;span style=&quot;color: black; font-style: italic;&quot;&gt;MainWindow&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;()&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;{&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; -qt-paragraph-type: empty; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;}&lt;/span&gt;&lt;/pre&gt;
&lt;br /&gt;
&lt;pre&gt;&lt;!--EndFragment--&gt;&lt;/pre&gt;
上記ソースの様に記述すると、「HelloWorld」と表示されます。&lt;br /&gt;
大体やり方は伝わったのではないでしょうか??&lt;br /&gt;
&lt;br /&gt;
今回は以上で終了したいと思います。&lt;br /&gt;
&lt;br /&gt;
以降当BlogにてQtの学んだ情報等投稿して行くと思いますので、興味ある方は是非見ていって下さい。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/2762250506869884280/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/09/qthello-world.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/2762250506869884280'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/2762250506869884280'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/09/qthello-world.html' title='初めてのQt記録【Hello World】'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-eyUzB_Qb0s8/VCGqUgNG9aI/AAAAAAAAW-o/jkVenZ3_bnA/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-09-24%2B2.11.27.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-7366888180110533806</id><published>2014-09-14T17:22:00.001+09:00</published><updated>2014-10-18T23:52:32.038+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Webレイアウトの組み方</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
ホームページレイアウトについて記事にして行きたいと思います。&lt;br /&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
まず前提として、HTML/CSSを扱える方を前提としています。&lt;br /&gt;
&lt;br /&gt;
最近もまだテーブルタグで組まれたレイアウトのページを目にしますね。(^_^;)&lt;br /&gt;
未だにそんな作り方でホームページを作成している方は少なくないとは思います。&lt;br /&gt;
&lt;br /&gt;
本来ホームページのレイアウトを組むには&amp;lt;div&amp;gt;要素がふさわしいです。&lt;br /&gt;
ですが、HTML5も復旧して、&amp;lt;header&amp;gt;タグや&amp;lt;footer&amp;gt;タグなどを使う時代になりました。そこで今回&lt;br /&gt;
&lt;br /&gt;
はそれらを上手く利用してレイアウトを組んで行きたいと思います。&lt;br /&gt;
&lt;br /&gt;
ちなみに初めて私がレイアウトの組み方を覚えた方法は、とにかくソースを見る事で理解出来ました。そのレイアウトをシンプルなソースで記載しているサイトが以下のサイトです。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.tagindex.com/index.html&quot; target=&quot;_blank&quot;&gt;TAG index - ホームページ作成情報&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;レイアウトを組んでみる&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
今回例として作るのは2カラムレイアウトです。&lt;br /&gt;
&lt;br /&gt;
ここでレイアウトを組む時の考え方は、&lt;br /&gt;
箱の中に様々な箱を入れる感じをイメージします。&lt;br /&gt;
基本的にメイン要素があり、その中に書く要素(箱)を入れる感じをイメージして下さい。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://2.bp.blogspot.com/-TynrPWRyoNg/VBVIXwZ09HI/AAAAAAAAWes/tOTkEDOVq5Y/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-09-14%2B16.48.12.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://2.bp.blogspot.com/-TynrPWRyoNg/VBVIXwZ09HI/AAAAAAAAWes/tOTkEDOVq5Y/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-09-14%2B16.48.12.png&quot; height=&quot;244&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
この様に入れ子にして行きます。&lt;br /&gt;
&lt;span style=&quot;color: #cc0000;&quot;&gt;#main&lt;/span&gt;内に&lt;span style=&quot;color: #cc0000;&quot;&gt;header&lt;/span&gt;,&lt;span style=&quot;color: #cc0000;&quot;&gt;#content&lt;/span&gt;,&lt;span style=&quot;color: #cc0000;&quot;&gt;footer&lt;/span&gt;があります。&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #cc0000;&quot;&gt;#content&lt;/span&gt;内には&lt;span style=&quot;color: #6aa84f;&quot;&gt;サイドバー&lt;/span&gt;となる要素と、&lt;span style=&quot;color: #f1c232;&quot;&gt;メイン&lt;/span&gt;要素があります。これでHTMLでの構造決めは完了あとは&lt;span style=&quot;color: #e69138;&quot;&gt;CSS&lt;/span&gt;でこねこねするだけの作業となります。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
今回はテストなので、HTML内に直接CSSを記述して行きます。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://4.bp.blogspot.com/--hIuwT_oVZQ/VBVOF9HLyYI/AAAAAAAAWe4/Q43icWm9M24/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-09-14%2B17.12.41.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/--hIuwT_oVZQ/VBVOF9HLyYI/AAAAAAAAWe4/Q43icWm9M24/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-09-14%2B17.12.41.png&quot; height=&quot;302&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
CSSの記述は画像の様な感じです。&lt;br /&gt;
至ってシンプルですね。&lt;br /&gt;
&lt;br /&gt;
バックカラーの指定で何故「yellow」とか使っているのか気になると思いますが、&lt;br /&gt;
&lt;br /&gt;
「&lt;span style=&quot;background-color: white; color: #2b2b2b; font-family: monospace; font-size: 13px; line-height: 13px;&quot;&gt;#ffff00&lt;/span&gt;」等のコードで決めるのが面倒だったので、&quot;イエロー&quot;と入力してスペースを押したら出てくる&quot;yellow&quot;にしました。&lt;br /&gt;
&lt;br /&gt;
でもこの方が初心者さんにも分かりやすいと思うの。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://4.bp.blogspot.com/-ekGhCx67744/VBVPLMW_R-I/AAAAAAAAWfA/_sA2rQV-_Js/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-09-14%2B17.17.23.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-ekGhCx67744/VBVPLMW_R-I/AAAAAAAAWfA/_sA2rQV-_Js/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-09-14%2B17.17.23.png&quot; height=&quot;175&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
表示結果は上の画像の様になります。リセットCSS利用していないので、無駄な余白等が出来てしまいますが、これからはレイアウトを組む時に絶対スタイルをリセットしてから記述して下さい。&lt;br /&gt;
&lt;br /&gt;
ブラウザによって違うスタイルが初期であり、それらをちゃんとリセットしないと、上手くCSSを適応させる事が出来ませんので、まず初めはリセットです。&lt;br /&gt;
&lt;br /&gt;
ではこれでレイアウト組み方のお勉強は終了です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/7366888180110533806/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/09/web.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/7366888180110533806'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/7366888180110533806'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/09/web.html' title='Webレイアウトの組み方'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-TynrPWRyoNg/VBVIXwZ09HI/AAAAAAAAWes/tOTkEDOVq5Y/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-09-14%2B16.48.12.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-8412163462748643976</id><published>2014-09-07T12:06:00.000+09:00</published><updated>2014-10-18T23:53:55.378+09:00</updated><title type='text'>OSを見極める</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
新しいPCを買おうか迷っている方、また自作PCでどんなOSを選ぶべきか??&lt;br /&gt;
そういった悩みを抱える方の参考になれば幸いかと思います。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://4.bp.blogspot.com/-lFc8Qz5vBdU/VAvK2MCEDxI/AAAAAAAAWMI/dTMWasYi6CY/s1600/OS_logos.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-lFc8Qz5vBdU/VAvK2MCEDxI/AAAAAAAAWMI/dTMWasYi6CY/s1600/OS_logos.png&quot; height=&quot;230&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
そもそも&lt;span style=&quot;color: #6aa84f;&quot;&gt;「OSとは何?」&lt;/span&gt;と思う方の為に説明すると、&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;OS&lt;/span&gt;とは&lt;span style=&quot;color: #e69138;&quot;&gt;オペレーションシステム&lt;/span&gt;の略で、有名な物で&lt;span style=&quot;color: #a64d79;&quot;&gt;Windows&lt;/span&gt;があります。&lt;br /&gt;
WindowsはあくまでもOSの名前で、パソコン自体の名前ではないので、ご理解下さい。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
OSはパソコンを使うのに一番重要なシステムで、&lt;span style=&quot;color: #f1c232;&quot;&gt;UI&lt;/span&gt;等はOSごとに違います。&lt;br /&gt;
幾つか&lt;span style=&quot;color: #6aa84f;&quot;&gt;専門用語&lt;/span&gt;が出てきたと思いますが、話について行ける様に説明して行きます。&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #e69138;&quot;&gt;UI&lt;/span&gt;とは&lt;span style=&quot;color: #e69138;&quot;&gt;ユーザーインターフェース&lt;/span&gt;の略です。最近のOSでは&lt;span style=&quot;color: #674ea7;&quot;&gt;GUI&lt;/span&gt;が使われています。&lt;br /&gt;
&lt;span style=&quot;color: #674ea7;&quot;&gt;GUI&lt;/span&gt;は&lt;span style=&quot;color: #674ea7;&quot;&gt;グラフィックユーザーインターフェース&lt;/span&gt;の略で、&lt;span style=&quot;color: #e69138;&quot;&gt;UI&lt;/span&gt;と&lt;span style=&quot;color: #674ea7;&quot;&gt;GUI&lt;/span&gt;の違いを例えると、&lt;br /&gt;
&lt;span style=&quot;color: #e69138;&quot;&gt;2D&lt;/span&gt;と&lt;span style=&quot;color: #674ea7;&quot;&gt;3D&lt;/span&gt;の様な違いがあります。&lt;br /&gt;
&lt;br /&gt;
もっと具体的に言うと、単なるUIは昔のPCの様な物です。&lt;br /&gt;
キーボードを使用し、コマンドを入力してPCに何らかの命令を与えます。&lt;br /&gt;
ですが、自体は進歩してGUIと言う時代になりました。&lt;br /&gt;
&lt;br /&gt;
GUIはキーボードとマウスを使用し、パソコンを操作出来ます。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;color: #6aa84f;&quot;&gt;そこで&lt;/span&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;OS&lt;/span&gt;&lt;span style=&quot;color: #3d85c6;&quot;&gt;は&lt;/span&gt;&lt;span style=&quot;color: #f1c232;&quot;&gt;何を&lt;/span&gt;&lt;span style=&quot;color: #6aa84f;&quot;&gt;選ぶべきか&lt;/span&gt;&lt;span style=&quot;color: #674ea7;&quot;&gt;??&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
先程も述べた様に&lt;span style=&quot;color: #45818e;&quot;&gt;OS&lt;/span&gt;によって&lt;span style=&quot;color: #674ea7;&quot;&gt;GUI&lt;/span&gt;が異なります。これに関しては人によって好き嫌いがあります。一番ベストなのは自分が使いやすいと思うOSを選ぶ事です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #e06666;&quot;&gt;PC初心者&lt;/span&gt;の方はまだ様々なOSを体験した事が無いかと思われます。&lt;br /&gt;
そこで判断出来ず、周りが&lt;span style=&quot;color: #a64d79;&quot;&gt;Windows&lt;/span&gt;を使っているからと言う理由でWindowsを選ぶと思いますが、&lt;span style=&quot;color: #e69138;&quot;&gt;周りに影響され&lt;/span&gt;ていては&lt;span style=&quot;color: #6aa84f;&quot;&gt;ダメ&lt;/span&gt;だと私は思います。&lt;br /&gt;
&lt;br /&gt;
当然Windowsを開発している&lt;span style=&quot;color: #45818e;&quot;&gt;Microsoftは有名&lt;/span&gt;で、日本への配慮もされていて日本人にとっては使いやすい&lt;span style=&quot;color: #674ea7;&quot;&gt;OS&lt;/span&gt;かと思います。また大体の&lt;span style=&quot;color: #8e7cc3;&quot;&gt;プログラミング言語&lt;/span&gt;ではWindowsのGUIを作る事は結構手軽です。あの低級言語でもWinAPIを使えば、メモ帳でも作れるのですから。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
そういった面で開発者も&lt;span style=&quot;color: #3d85c6;&quot;&gt;Windowsアプリケーション&lt;/span&gt;を作りやすくて沢山ソフトがあると言うのも利点になり利用ユーザーが多いでしょう。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
私もここまで&lt;span style=&quot;color: #6aa84f;&quot;&gt;Windows&lt;/span&gt;に関して言えるので、当然Windowsは良い&lt;span style=&quot;color: #741b47;&quot;&gt;OS&lt;/span&gt;かと思いますが、&lt;br /&gt;
現在私は&lt;span style=&quot;color: #cc0000;&quot;&gt;Mac OS X&lt;/span&gt;を利用しています。以前まで&lt;span style=&quot;color: #93c47d;&quot;&gt;Windows最高&lt;/span&gt;とか言ってた私ですが、試しに色々&lt;span style=&quot;color: #e69138;&quot;&gt;OS X&lt;/span&gt;をいじっている内にWindowsには戻れなくなりました。&lt;br /&gt;
&lt;br /&gt;
理由としては、&lt;span style=&quot;color: #3d85c6;&quot;&gt;クリエイティブ&lt;/span&gt;な事するに限らず、標準アプリがWindowsより遥かに使えるからです。ここで&lt;span style=&quot;color: #6aa84f;&quot;&gt;Mac OS X&lt;/span&gt;の事を褒めると、&lt;span style=&quot;color: #e69138;&quot;&gt;2万文字以上&lt;/span&gt;になるので割愛しますが、&lt;br /&gt;
確かに言える事は、実際に使ってみる事です。&lt;br /&gt;
&lt;br /&gt;
一度ショップ等へ行き&lt;span style=&quot;color: #e69138;&quot;&gt;Mac&lt;/span&gt;を操作してみて下さい。&lt;br /&gt;
初めは戸惑うかもしれませんが、慣れて来ると世界一いいOSだと思って来ます。&lt;br /&gt;
&lt;br /&gt;
当然これは私自身の個人的な意見ですが、&lt;span style=&quot;color: #6aa84f;&quot;&gt;Mac&lt;/span&gt;を使うのも悪く無いと感じます。&lt;br /&gt;
また、ショップだけではMac OS Xの魅力全ては伝わりません。&lt;br /&gt;
その場合は&lt;span style=&quot;color: #cc0000;&quot;&gt;YouTube&lt;/span&gt;等で「Macの使い方」等で検索して色々見て下さい。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
より、Macの魅力が伝わると思います。&lt;br /&gt;
&lt;br /&gt;
次に&lt;span style=&quot;color: #3d85c6;&quot;&gt;Windows&lt;/span&gt;ユーザーでも手軽に他のOSを試す方法もあります。&lt;br /&gt;
&lt;span style=&quot;color: #674ea7;&quot;&gt;Mac&lt;/span&gt;は買わないと、ホントの魅力は伝わりませんが、&lt;span style=&quot;color: #cc0000;&quot;&gt;Ubuntu&lt;/span&gt;であれば買わなくても実際に利用可能です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #e06666;&quot;&gt;Ubuntu&lt;/span&gt;なら&lt;span style=&quot;color: #e69138;&quot;&gt;USBからBoot&lt;/span&gt;する事か可能です。また、USB起動すると、&lt;span style=&quot;color: #45818e;&quot;&gt;HDD自動書き込み&lt;/span&gt;機能もあるので、&lt;span style=&quot;color: #f1c232;&quot;&gt;Windows&lt;/span&gt;からの乗り換えも手軽です。一度USB起動してからOSの善し悪し決めるのもいいかと思います。&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #741b47;&quot;&gt;Ubuntu&lt;/span&gt;と&lt;span style=&quot;color: #6aa84f;&quot;&gt;Mac&lt;/span&gt;はちょっと似たもの同士で、Ubuntuが使えれば、Macも使えると思います。&lt;span style=&quot;color: #e69138;&quot;&gt;操作方法等は異なり&lt;/span&gt;ますが、&lt;span style=&quot;color: #674ea7;&quot;&gt;ターミナル&lt;/span&gt;あたりの操作ではほぼ同じ様に操作可能です。また、Windowsの様に初めから要らないアプリケーションがインストールされていないのも利点です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
これだけの文章で、どれだけOSが&lt;span style=&quot;color: #cc0000;&quot;&gt;重要&lt;/span&gt;なのかお分かり頂けたでしょうか??&lt;br /&gt;
多分あまり伝わっていないと思いますが、OS選びは貴方の人生を左右すると言える程&lt;span style=&quot;color: #e69138;&quot;&gt;重要な選択&lt;/span&gt;ですので、慎重にかつちょっとだけ&lt;span style=&quot;color: #6aa84f;&quot;&gt;冒険&lt;/span&gt;してみてはどうでしょうか?&lt;br /&gt;
&lt;br /&gt;
今回紹介したOSにも他に沢山のOSが存在します。&lt;br /&gt;
代表的な物だけ述べましたが、沢山あるOSの中貴方が落ち着くOSを選択しましょう。&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/8412163462748643976/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/09/os.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/8412163462748643976'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/8412163462748643976'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/09/os.html' title='OSを見極める'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-lFc8Qz5vBdU/VAvK2MCEDxI/AAAAAAAAWMI/dTMWasYi6CY/s72-c/OS_logos.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-7419058115998887934</id><published>2014-09-06T02:07:00.000+09:00</published><updated>2014-10-18T23:55:17.529+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="JavaScript"/><category scheme="http://www.blogger.com/atom/ns#" term="プログラミング"/><title type='text'>プログラミングをする時の開発者の脳内</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
私自身大した開発者ではないですが、ある程度プログラミングする人として、&lt;br /&gt;
&lt;div&gt;
プログラミングをする時は脳内でどんな事を考えているのかを書いて行きたいと思います&lt;/div&gt;
&lt;div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://www.uesei.com/works_blog/wp-content/uploads/2c5afe0245813a9b2ef738a2b3825909.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://www.uesei.com/works_blog/wp-content/uploads/2c5afe0245813a9b2ef738a2b3825909.jpg&quot; height=&quot;240&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
私もプログラミングを学び始めた時は、&lt;/div&gt;
&lt;div&gt;
「皆なに考えてスラスラ、プログラミングしているんだろう??」っと疑問になりました。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
これから書くのは私の脳内での話になりますが、参考になればと思います。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
まず、何を作るか決定しているとしましょう。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
今回は例として、HTML要素の中身を変更する事にしましょう。&lt;/div&gt;
&lt;div&gt;
私はこの&quot;何をするか&quot;の時点でどういった流れで処理するかを想像します。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
今回の場合はHTML要素の中身を変更するので、&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;HTML要素を取得(idでもclassでもどちらでもいい)&lt;/li&gt;
&lt;li&gt;取得したオブジェクトを変数へ代入&lt;/li&gt;
&lt;li&gt;プロパティを使って内容変更&lt;/li&gt;
&lt;li&gt;END&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
こんな事を瞬時に考えます。&lt;/div&gt;
&lt;div&gt;
第一プログラミングの中で難しいのは、コードを書ける様になるのではなく、処理の順序を考える(アルゴリズム)のが難しいです。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
今回の例はとても簡単な事なので、瞬時に考える事が出来ますが、&lt;/div&gt;
&lt;div&gt;
より大規模な場合はもっと悩みます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
あと、プログラマーの苦労としては、情報収集もあります。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
話が少しズレましたが本題に戻りましょう。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
アルゴリズムを瞬時に考えたら次に実際にソースを書きます。脳内では、どんなコードを書くのか考えます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
ま〜単純に言うと、命令文を脳内から検索的な??&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
どうしてもソースが思い出せない場合は、速やかに検索をします。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
例えば、HTML要素の取得方法等が分からない場合は、&lt;/div&gt;
&lt;div&gt;
「JavaScript HTML 取得」&lt;span style=&quot;background-color: #0b5394; color: white;&quot;&gt;[検索]&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
と検索すると、沢山の情報が出てきます。&lt;/div&gt;
&lt;div&gt;
大体思い出せない場合は、ソース見て10秒後には書く事が出来ますが、&lt;/div&gt;
&lt;div&gt;
全く分からない場合は、複数のサイトを閲覧し、情報を比較します。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
比較すると、一番重要なのがどの部分で、何を書けば思い通りに行くんだろう??&lt;/div&gt;
&lt;div&gt;
っと考えます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
サイトによって様々な書き方されていますが、それらを比較し、正しい情報を得るのも開発者の役目です。なので、検索スキルは必須です。(プログラミングを始めると、嫌でも検索スキルは上昇するに違いない)&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
検索で情報を得たら再び記述に移ります。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
この繰り返しです。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
プログラマーは全ての関数・メソッド・オブジェクト名・クラス・プロパティ・引数を覚えているわけではありません。脳に入っている情報はホント初歩的な事で、複雑な事をしようとすると、検索する意外他に何もありません。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
だから非プログラマーの皆さん勘違いしないで下さい。&lt;/div&gt;
&lt;div&gt;
プログラミングが出来るのは選ばれた人なのではなく、意欲また、やる気、挫けない根性がある者がプログラマーなのです。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
また目標がしっかりしている者もプログラマーになれます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
なので、諦めない気持ちがある方は絶対にプログラミングは出来ます。&lt;/div&gt;
&lt;div&gt;
プログラマーは頭がいい訳ではありません。現にこの自分も日本一の馬鹿です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
定時制高校中退・小・中ほぼ授業を受けない児童だった僕でもプログラミングは出来るんですから。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
当然SEを目指す方はそれなりの計算能力は必要です。(一応定時制の数学のテストは結構高得点だったww)でも趣味でやるならお金の計算が出来れば十分です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
途中内容が変わりましたが、開発者はどんな事を考えているのかお分かり頂けただろうか?&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/7419058115998887934/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/09/blog-post.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/7419058115998887934'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/7419058115998887934'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/09/blog-post.html' title='プログラミングをする時の開発者の脳内'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-3921357292276452356</id><published>2014-08-31T18:36:00.000+09:00</published><updated>2014-08-31T18:36:10.694+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="google"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="JavaScript"/><category scheme="http://www.blogger.com/atom/ns#" term="その他"/><category scheme="http://www.blogger.com/atom/ns#" term="技?"/><title type='text'>Google Chromeのデベロッパーツールの使い方</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
皆さんはGoogle Chromeのデベロッパーツールを使った事はあるでしょうか??&lt;div&gt;
今更記事にするのも遅い気がしますが、Web開発やプログラマーなら一度は使った事のあるツールだと思います。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
今回まだ、Google Chromeのデベロッパーツールの使い方が分からなくて、&lt;/div&gt;
&lt;div&gt;
不便な生活をしている開発者のタマゴを対象にして書いて行きたいと思います。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;color: #6aa84f;&quot;&gt;Google&lt;/span&gt; &lt;span style=&quot;color: #f1c232;&quot;&gt;Chrome&lt;/span&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;デベロッパー&lt;/span&gt;&lt;span style=&quot;color: #e69138;&quot;&gt;ツール&lt;/span&gt;&lt;span style=&quot;color: #3d85c6;&quot;&gt;とは?&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
最近のブラウザーには大体デベロッパーツールと言うのが付属されていますが、&lt;/div&gt;
&lt;div&gt;
私は基本的にGoogle Chromeのデベロッパーツールを利用しています。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://3.bp.blogspot.com/-VGQ-0KFeVXk/VALlq7WigUI/AAAAAAAAWAU/n890yTL3CZI/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-31%2B18.06.20.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-VGQ-0KFeVXk/VALlq7WigUI/AAAAAAAAWAU/n890yTL3CZI/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-31%2B18.06.20.png&quot; height=&quot;218&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
私が個人的に気に入っている機能は、&lt;/div&gt;
&lt;div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;マウスで気になる要素を選択し、HTML/CSSソースを解析出来る&lt;/li&gt;
&lt;li&gt;JavaScriptのエラーまた、リンクエラーを発見出来る&lt;/li&gt;
&lt;li&gt;ページロード時に一番読み込みにかかったファイルを探せる&lt;/li&gt;
&lt;li&gt;直接HTML/CSSの編集が出来る&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
この4つは一番気に入ってます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
上記画像では、タイトル部分を選択し、HTMLソースCSSソースを表示しています。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://2.bp.blogspot.com/-d-X8RhynEG8/VALnJAM2PQI/AAAAAAAAWAc/bKLwIDZwE0s/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-31%2B18.12.50.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://2.bp.blogspot.com/-d-X8RhynEG8/VALnJAM2PQI/AAAAAAAAWAc/bKLwIDZwE0s/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-31%2B18.12.50.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
では試しにこれがとうなっているのか、&lt;/div&gt;
&lt;div&gt;
デベロッパーツールで調べてみましょうか。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Google Chromeを開き、デベロッパーツールを開きます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://4.bp.blogspot.com/-rSUZ-7SJ2xg/VALnqxCJoMI/AAAAAAAAWAk/11pjsw9d-cY/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-31%2B18.15.07.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-rSUZ-7SJ2xg/VALnqxCJoMI/AAAAAAAAWAk/11pjsw9d-cY/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-31%2B18.15.07.png&quot; height=&quot;145&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
虫眼鏡マークを押してから、ブラウザー上の要素をマウスで選択します。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
するとその要素のHTML部分が表示されます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://3.bp.blogspot.com/-CRFsz2inAtk/VALrmLgaTbI/AAAAAAAAWAw/thXRZqhx8Wk/s1600/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-CRFsz2inAtk/VALrmLgaTbI/AAAAAAAAWAw/thXRZqhx8Wk/s1600/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A.jpg&quot; height=&quot;162&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
HTMLの構造・CSSで定義されているスタイル等簡単に見る事が可能です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
また、セレクタも分かるので、&lt;/div&gt;
&lt;div&gt;
hoverや擬似セレクタでどの様なスタイルを定義しているのかも分かります。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
この様にして上手くデベロッパーツールを使いこなせれば、&lt;/div&gt;
&lt;div&gt;
ブログのデザイン等を考えたりしながら実際に組むのも簡単です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/3921357292276452356/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/google-chrome.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/3921357292276452356'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/3921357292276452356'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/google-chrome.html' title='Google Chromeのデベロッパーツールの使い方'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-VGQ-0KFeVXk/VALlq7WigUI/AAAAAAAAWAU/n890yTL3CZI/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-31%2B18.06.20.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-3206567492594064514</id><published>2014-08-30T02:57:00.003+09:00</published><updated>2014-08-30T02:57:49.759+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="css"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><category scheme="http://www.blogger.com/atom/ns#" term="テンプレート"/><category scheme="http://www.blogger.com/atom/ns#" term="デザイン"/><title type='text'>CSSで横からボックスをスライドする</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
現在制作しているテンプレートにちょっと変わった「新着情報リスト」を作りたかったので、色々考えた結果、日付だけを右側に固定で表示し、それにマウスが触れると内容が見れると言う様な物を作ってみました。&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://2.bp.blogspot.com/-PQaVH5OrHw4/VAC82F9Nm5I/AAAAAAAAVuw/yrEgmokDlIU/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-30%2B2.47.14.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://2.bp.blogspot.com/-PQaVH5OrHw4/VAC82F9Nm5I/AAAAAAAAVuw/yrEgmokDlIU/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-30%2B2.47.14.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
前提として、この機能にJavaScriptは使わないと言う事です。&lt;/div&gt;
&lt;div&gt;
全てCSSで記述しました。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
実際にやってみたい方は以下のソースを参考にしてください。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #3d85c6; font-size: large;&quot;&gt;HTML&lt;/span&gt;&lt;/div&gt;
&lt;pre class=&quot;brush: html;&quot;&gt;
&lt;ul id=&quot;new_view&quot;&gt;
 &lt;li data-new=&quot;俺の誕生日やで!!&quot;&gt;2014/08/22&lt;/li&gt;
    &lt;li data-new=&quot;サンプルテキスト&quot;&gt;2014/09/01&lt;/li&gt;
&lt;/ul&gt;

&lt;/pre&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #e69138; font-size: large;&quot;&gt;CSS&lt;/span&gt;&lt;/div&gt;
&lt;pre class=&quot;brush: css;&quot;&gt;
#new_view { position: fixed; top: 110px; left: 0px; }    /*親要素で、固定配置する*/

#new_view li{
 background-color: rgba(254,101,104,0.89);
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 border-left: 8px solid rgba(64,145,238,1.00);
 padding-left: 10px;
 padding-right: 10px;
 color: rgba(255,255,255,1.00);
 line-height: 30px;
 margin-bottom: 20px;
 transition: .42s;
 width: 100px;
 height: 30px;
 overflow-y: hidden;        /*はみ出る内容を非表示にする*/
 margin-right: 10px;
 -webkit-box-shadow: 0px 5px 5px rgba(140,140,140,0.63);
 box-shadow: 0px 5px 5px rgba(140,140,140,0.63);
}
#new_view li:hover{
 background-color: rgba(255,143,144,0.90);
 height: 30px;
 width: 100%;
}
#new_view li:after{
 content: attr(data-new);
 margin-left: 10px;
 color: rgba(245,245,245,1.00);
}

&lt;/pre&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/3206567492594064514/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/css.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/3206567492594064514'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/3206567492594064514'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/css.html' title='CSSで横からボックスをスライドする'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-PQaVH5OrHw4/VAC82F9Nm5I/AAAAAAAAVuw/yrEgmokDlIU/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-30%2B2.47.14.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-8670913797212744352</id><published>2014-08-27T02:33:00.003+09:00</published><updated>2014-08-27T02:33:59.303+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="その他"/><category scheme="http://www.blogger.com/atom/ns#" term="技?"/><category scheme="http://www.blogger.com/atom/ns#" term="日常"/><title type='text'>Webページを保存する方法</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
先ほど、Webページだけを手軽に保存出来ればいいな。&lt;div&gt;
っと思って検索した結果身近にあるもので、直ぐに保存出来る方法がありました。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
ページの一部分を保存するならスクリーンショットで十分です。&lt;/div&gt;
&lt;div&gt;
ですが、ページ全体の情報をまとめて、保存するならPDFとして保存しましょう。&lt;/div&gt;
&lt;div&gt;
自分も先程知った事で、感動しました。もう荒れたブックマークを整理する事は必要ありませんよ!!&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
自分の場合は、プログラミング関係やお絵かき関係のページを見る事がほとんどで、&lt;/div&gt;
&lt;div&gt;
サイト自体の内容を全て必要としている訳でもなく、そのページに記載されている情報だけあれば十分と思う事がよくあり、その度にブックマークしています。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
以降ほとんどそのページへ訪れる事はなく、ブックマークが荒れるわけです。&lt;/div&gt;
&lt;div&gt;
まして、自分の場合はオフライン環境での作業もあるので、いちいちネットの繋がる所へ移動して、調べたりはしないわけです。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
でも、PDF化してページを持ち運べば、どんな環境でもページの情報を見る事が出来るわけです。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
前置きが長くなりましたね。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
PDF化してページを保存するにはブラウザにある「印刷」から保存可能です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://2.bp.blogspot.com/-NPEdXQfZSKI/U_zEn5yXWpI/AAAAAAAAVhc/TfyRP9f6XXk/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-27%2B2.31.48.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://2.bp.blogspot.com/-NPEdXQfZSKI/U_zEn5yXWpI/AAAAAAAAVhc/TfyRP9f6XXk/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-27%2B2.31.48.png&quot; height=&quot;208&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
これであとは保存するだけですね。&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
こんな素晴らしい機能がブラウザにあるなんて驚きました。&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: left;&quot;&gt;
てっきり印刷だけする機能なのかとw&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/8670913797212744352/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/web.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/8670913797212744352'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/8670913797212744352'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/web.html' title='Webページを保存する方法'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-NPEdXQfZSKI/U_zEn5yXWpI/AAAAAAAAVhc/TfyRP9f6XXk/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-27%2B2.31.48.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-941787706939696068</id><published>2014-08-26T03:02:00.000+09:00</published><updated>2014-08-26T03:02:33.123+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C言語"/><category scheme="http://www.blogger.com/atom/ns#" term="Qt"/><category scheme="http://www.blogger.com/atom/ns#" term="プログラミング"/><title type='text'>Qtを使ってみた</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
今回初めて、Qtを使ってみました。&lt;br /&gt;
&lt;br /&gt;
使ってみた感想等を今回は淡々と書いていきます。また、ある程度Qtの使い方??等も説明出来ればな〜っと思います。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;color: #e06666;&quot;&gt;Qt&lt;/span&gt;&lt;span style=&quot;color: #6aa84f;&quot;&gt;とは&lt;/span&gt;&lt;span style=&quot;color: #3d85c6;&quot;&gt;何&lt;/span&gt;&lt;span style=&quot;color: #e69138;&quot;&gt;??&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
そもそもQtが何なのか分からない方の為に説明すると、&lt;br /&gt;
どんなOSでも動くGUIライブラリ?? いや、コンソールアプリケーションも出来るから違うと思いますが、とにかく低級言語で幅広い事するのに使われます。&lt;br /&gt;
&lt;br /&gt;
いや、そもそもC言語が低級言語だと言う事は有名だけど、C++もその内に入るのかな??&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://3.bp.blogspot.com/-7ektrECDYR8/U_tyQFDAiPI/AAAAAAAAVgQ/DOB-Jm_50-U/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B2.18.11.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-7ektrECDYR8/U_tyQFDAiPI/AAAAAAAAVgQ/DOB-Jm_50-U/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B2.18.11.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
格OSに開発環境が用意されているので、正直誰でも開発は可能です。&lt;br /&gt;
「&lt;span style=&quot;color: #93c47d;&quot;&gt;&lt;span style=&quot;background-color: white; font-family: &#39;Open Sans&#39;, sans-serif; font-size: 13px; line-height: 18.000059127807617px;&quot;&gt;Qt Creator&lt;/span&gt;&lt;span style=&quot;background-color: white; font-family: &#39;Open Sans&#39;, sans-serif; font-size: 13px; line-height: 18.000059127807617px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;」と言う公式の開発環境では、デザイナーがあり、あの&lt;span style=&quot;color: #a64d79;&quot;&gt;Win&lt;/span&gt;向けにある、&lt;br /&gt;
とある&lt;span style=&quot;color: #3d85c6;&quot;&gt;V&lt;/span&gt;から始まる開発環境と似た様なデザイナーがあるので、&lt;br /&gt;
&lt;br /&gt;
あの&lt;span style=&quot;color: #3d85c6;&quot;&gt;V&lt;/span&gt;から始まる開発環境を使った事のある方は直ぐに使いこなす事が出来るでしょう。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
使用する言語はC++です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
昨日辺りに、C++の勉強をまともに初めたのでこのQtを今日使い始めました。&lt;br /&gt;
&lt;br /&gt;
以前まではWinのVから始まるソフトでC#を使って簡単な物を開発していましたが、&lt;br /&gt;
正直その時はC#自体あまり理解していない状態で、デザイナーで作ったGUIを上手く操作する事すら一苦労でした。&lt;br /&gt;
&lt;br /&gt;
ってかそもそもC#のあの複雑?面倒な文法が嫌でCへ逃げて来ました。&lt;br /&gt;
一つ言われる事はCはC#より難しいとの事だけですが、諦めずCにこびり付いていました。&lt;br /&gt;
&lt;br /&gt;
そこで、文法も理解出来る言語で、手軽にGUIを使えるなんて、超素敵じゃないですか!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
あ、話が色々と脱線しましたねww&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
上に添付されている画像からするに、ソースコードめっちゃ書かれてて結果難しそうとなるかもしれませんが、正直C言語でWinAPIを使ってGUIを作るより楽ですw&lt;br /&gt;
&lt;br /&gt;
ま〜とにかく、どんな感じで作業して行くのかをご覧になれば早いと思います。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://3.bp.blogspot.com/-aAymsdOHzXI/U_t1eiUwCgI/AAAAAAAAVgc/mJTwTp8SgOQ/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B2.42.04.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-aAymsdOHzXI/U_t1eiUwCgI/AAAAAAAAVgc/mJTwTp8SgOQ/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B2.42.04.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
まず新規プロジェクトを作成すると、&lt;br /&gt;
添付画像の様にエディタが開きます。&lt;br /&gt;
&lt;br /&gt;
エディタの横にプロジェクトファイルが並んでいるのが分かると思いますが、その中の「フォーム」フォルダーを開きます。&lt;br /&gt;
「widget.ui」と言うファイルがあるのでそれを開くとデザイナーが開きます。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://3.bp.blogspot.com/-NpeQmW63EzI/U_t2ST8BZyI/AAAAAAAAVgk/alU0aFpvqos/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B2.45.31.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-NpeQmW63EzI/U_t2ST8BZyI/AAAAAAAAVgk/alU0aFpvqos/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B2.45.31.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
デザイナーでは横にあるツールボックスから追加したい部品をドラッグして配置するだけの単純作業となります。&lt;br /&gt;
&lt;br /&gt;
今回は試しに、ボタンとラベルを配置します。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://3.bp.blogspot.com/-MYkL6418_sw/U_t3GGQkanI/AAAAAAAAVgs/DgoPQMG6HfY/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B2.48.58.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-MYkL6418_sw/U_t3GGQkanI/AAAAAAAAVgs/DgoPQMG6HfY/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B2.48.58.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
画面右下にあるボックスで、部品のプロパティ等を設定出来ます。&lt;br /&gt;
&lt;br /&gt;
また、部品の大きさ等も自由に変更可能ですので色々試してみてください。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://4.bp.blogspot.com/-MTA_9lEzSEI/U_t3j2kuNgI/AAAAAAAAVg0/-jFCLURVvMo/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B2.50.52.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-MTA_9lEzSEI/U_t3j2kuNgI/AAAAAAAAVg0/-jFCLURVvMo/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B2.50.52.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
次に、ボタンをクリックした時に何らかの動作をする様にイベントを設定しましょう。&lt;br /&gt;
&lt;br /&gt;
ボタンを右クリックして、「スロットへ移動...」を選択して、使いたいイベントを選択します。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://1.bp.blogspot.com/-A4h2bZSC0Po/U_t4KOkG_hI/AAAAAAAAVg8/6oEtd9gpHnE/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B2.53.30.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-A4h2bZSC0Po/U_t4KOkG_hI/AAAAAAAAVg8/6oEtd9gpHnE/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B2.53.30.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
すると、エディタが開き、&lt;br /&gt;
&lt;span style=&quot;color: olive;&quot;&gt;void&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: purple;&quot;&gt;Widget&lt;/span&gt;::on_pushButton_clicked()&lt;br /&gt;

が作られているので、この中にイベント発生後のプログラムを記述して行きます。&lt;br /&gt;
&lt;br /&gt;
今回は試しにラベルの文字を変更しましょう。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;!--StartFragment--&gt;&lt;span style=&quot;color: olive;&quot;&gt;void&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: purple;&quot;&gt;Widget&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;::&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;on_pushButton_clicked&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;()&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;{&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: silver;&quot;&gt;    &lt;/span&gt;&lt;span style=&quot;color: olive;&quot;&gt;char&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;test_data&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;[]&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: silver;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: green;&quot;&gt;&quot;こんにちは&quot;&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;;&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: silver;&quot;&gt;    &lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;ui&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;setText&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;test_data&lt;/span&gt;&lt;span style=&quot;color: black;&quot;&gt;);&lt;/span&gt;&lt;/pre&gt;
&lt;pre style=&quot;-qt-block-indent: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-indent: 0px;&quot;&gt;&lt;span style=&quot;color: black;&quot;&gt;}&lt;/span&gt;&lt;/pre&gt;
&lt;br /&gt;
&lt;pre&gt;
&lt;!--EndFragment--&gt;&lt;/pre&gt;
&lt;br /&gt;
あとは、ソースを記述して実行するだけです。&lt;br /&gt;
「▶︎」ボタンを押すと実行されます。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://1.bp.blogspot.com/-cm81nFVlhRI/U_t5vs1C-mI/AAAAAAAAVhM/_9l3ahp4jEg/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B3.00.15.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-cm81nFVlhRI/U_t5vs1C-mI/AAAAAAAAVhM/_9l3ahp4jEg/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B3.00.15.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
どうですか??ちゃんと動作したでしょうか??&lt;br /&gt;
これで大体の流れは分かったと思います。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
今回はここまでですが、Qtを始めたいと思っている方は、今直ぐに初めてくださいね。&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/941787706939696068/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/qt.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/941787706939696068'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/941787706939696068'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/qt.html' title='Qtを使ってみた'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-7ektrECDYR8/U_tyQFDAiPI/AAAAAAAAVgQ/DOB-Jm_50-U/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%2B2014-08-26%2B2.18.11.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-6382736900477578220</id><published>2014-08-24T18:42:00.000+09:00</published><updated>2014-08-24T18:42:22.267+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C言語"/><category scheme="http://www.blogger.com/atom/ns#" term="Mac"/><category scheme="http://www.blogger.com/atom/ns#" term="お勉強"/><category scheme="http://www.blogger.com/atom/ns#" term="プログラミング"/><title type='text'>初めてC++のお勉強を真面目にしたのでメモ〆</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
C++と言えば、Cの進化系で、やっぱオブジェクト指向が一番重要ですよね。&lt;br /&gt;
まず、C++を学ぶ理由は、CでGUI作るならC++で作った方がいいと言う意見と、&lt;br /&gt;
Cより若干情報量が多い。あとは...文字列の扱いが簡単になった??&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
とかですね。&lt;br /&gt;
&lt;br /&gt;
って事で今回初めてC++を真面目に勉強したのでメモしておきます。&lt;br /&gt;
そもそもCを自分は今まで使ってたので、大体の基礎知識はありました。&lt;br /&gt;
なので、今回はオブジェクト指向について色々お勉強しましたよ。&lt;br /&gt;
&lt;br /&gt;
入門サイトは以下のURL先です。&lt;br /&gt;
&lt;a href=&quot;http://www.asahi-net.or.jp/~yf8k-kbys/newcpp0.html&quot;&gt;http://www.asahi-net.or.jp/~yf8k-kbys/newcpp0.html&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
そして、まず始めにビルドの方法を書いて置きます。&lt;br /&gt;
&lt;span style=&quot;color: #e06666; font-size: x-small;&quot;&gt;※Winの方法は知らん&amp;amp;Microsoftの便利な開発環境を使えばいい。&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Macだと、Xcodeと言うアプリケーションをインストールしてくださいね。&lt;br /&gt;
このXcodeで実際にソース記述して実行するのもいいですが、個人的に使いにくいソフトだと思うので、普通にターミナルからビルドします。&lt;br /&gt;
&lt;br /&gt;
ターミナルでは、g++コマンドでビルド出来ます。&lt;br /&gt;
自分てっきりCもC++も同じだと思い、gccコマンドで実行してました。&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;background-color: #0b5394;&quot;&gt;&lt;span style=&quot;color: #eeeeee;&quot;&gt;&lt;span style=&quot;font-size: x-small;&quot;&gt;　g++ FileName &lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;/span&gt;&amp;nbsp; &lt;br /&gt;
&lt;br /&gt;
以下に今回実際に書いたソースです。&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;background-color: #6aa84f;&quot;&gt;&lt;span style=&quot;color: #d9ead3;&quot;&gt;　Test.cpp　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;#include&lt;/span&gt; &lt;span style=&quot;color: #bf9000;&quot;&gt;&amp;lt;iostream&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;#include&lt;/span&gt; &lt;span style=&quot;color: #bf9000;&quot;&gt;&amp;lt;string&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;#include&lt;/span&gt; &lt;span style=&quot;color: #bf9000;&quot;&gt;&amp;lt;stdio.h&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;using&lt;/span&gt; namespace std;&lt;br /&gt;
&lt;br /&gt;
&lt;i&gt;&lt;span style=&quot;color: blue;&quot;&gt;class&lt;/span&gt;&lt;/i&gt; Fukumi&lt;br /&gt;
{&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;string name;&lt;br /&gt;
&lt;span style=&quot;color: #e06666;&quot;&gt;public:&lt;/span&gt;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #6aa84f;&quot;&gt;Fukumi&lt;/span&gt;(string s) : name(s){}&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&lt;i&gt;void&lt;/i&gt;&lt;/span&gt; &lt;span style=&quot;color: #6aa84f;&quot;&gt;nosi&lt;/span&gt;() &lt;span style=&quot;color: #e06666;&quot;&gt;const&lt;/span&gt;{&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt;  &lt;/span&gt;cout&amp;lt;&amp;lt;name&amp;lt;&amp;lt;&lt;span style=&quot;color: #bf9000;&quot;&gt;&quot;ヾ(*´д`*)ﾉｼ&quot;&lt;/span&gt;&amp;lt;&amp;lt;endl;&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;}&lt;br /&gt;
};&lt;br /&gt;
&lt;br /&gt;
&lt;i&gt;&lt;span style=&quot;color: blue;&quot;&gt;int&lt;/span&gt;&lt;/i&gt; &lt;span style=&quot;color: #6aa84f;&quot;&gt;main&lt;/span&gt;(){&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;Fukumi dora(&lt;span style=&quot;color: #bf9000;&quot;&gt;&quot;ふっくん&quot;&lt;/span&gt;);&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: #3d85c6;&quot;&gt;printf&lt;/span&gt;(&lt;span style=&quot;color: #bf9000;&quot;&gt;&quot;動作開始&lt;/span&gt;&lt;span style=&quot;color: #674ea7;&quot;&gt;\n&lt;/span&gt;&lt;span style=&quot;color: #bf9000;&quot;&gt;&quot;&lt;/span&gt;);&lt;br /&gt;
&lt;span class=&quot;Apple-tab-span&quot; style=&quot;white-space: pre;&quot;&gt; &lt;/span&gt;dora.&lt;span style=&quot;color: #3d85c6;&quot;&gt;nosi&lt;/span&gt;();&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
まず、一番感動したのが、[string型]がある事です。Cの場合char[]で「[~]」の中に入れる文字数を指定しないといけませんでした。&lt;br /&gt;
&lt;br /&gt;
ですが、sring型はそんな指定しなくても文字が入るので、文字数を気にする事なく代入可能です。何故か[]が付いていると配列を意識してしまうので、string型がある事はとても魅力的です。&lt;br /&gt;
&lt;br /&gt;
そして、classは、class Name{~};に書く様です。&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/6382736900477578220/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/c.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/6382736900477578220'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/6382736900477578220'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/c.html' title='初めてC++のお勉強を真面目にしたのでメモ〆'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-6362665137413573634</id><published>2014-08-22T23:44:00.001+09:00</published><updated>2014-08-22T23:44:15.878+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="その他"/><category scheme="http://www.blogger.com/atom/ns#" term="日常"/><category scheme="http://www.blogger.com/atom/ns#" term="記念"/><title type='text'>みんなお誕生日メッセージありがとう</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
Google+の皆さんお誕生日メッセージありがとうございます。&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
今年初めてGoogle+プロフィール上で誕生日を公開しました。&lt;/div&gt;
&lt;div&gt;
何故以前までは公開しなかったのかと言うと、私がGoogleアカウントを作った時は、&lt;/div&gt;
&lt;div&gt;
私の年齢ではアカウントが作成出来ないと言われ、&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
ちょいと年を盛ってアカウントを作成したのですが、もう参加出来る歳になり、生年月日をちゃんとした物に戻そうとしたところ...Googleさんに変更を拒否されました。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
年齢を変更するにはGoogleに直接身分証明等を提示し、変更出来る様ですが、色々と複雑そこで皆に年齢を間違われない様に、誕生日を未公開にしてたわけです。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
でも、なんか設定をよく見ると年齢は公開しないで、誕生日だけ公開出来る様なので、&lt;/div&gt;
&lt;div&gt;
今年から公開する様にしました。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
そこで、あまり期待をせずに今日を待ち寝て起きたらなんと!!&lt;/div&gt;
&lt;div&gt;
沢山の誕生日メッセージが来ていて泣きそうになりました。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
メッセージを送ってくれた方々ありがとうございますo(*⌒─⌒*)o&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;a class=&quot;g-profile&quot; href=&quot;https://plus.google.com/112927338413701972906&quot; target=&quot;_blank&quot;&gt;+竹内史&lt;/a&gt;&amp;nbsp;さんからは、画像のプレゼントを貰いました。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://1.bp.blogspot.com/-Cu7yrd_aHHc/U_dWa4UOZRI/AAAAAAAAVdA/apww6DxAuNg/s1600/fukumi.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-Cu7yrd_aHHc/U_dWa4UOZRI/AAAAAAAAVdA/apww6DxAuNg/s1600/fukumi.jpg&quot; height=&quot;213&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
こんな画像まで作ってくれてありがとうございます。ヾ(=^▽^=)ﾉ&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
今年の誕生日はホント充実しました。&lt;/div&gt;
&lt;div&gt;
これを「リア充」と言うのですねww&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
メッセージ送ってくれた方々ホントにありがとうございます。&lt;/div&gt;
&lt;div&gt;
そして、これからもよろしくお願いします。(∗ ˊωˋ ∗)&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/6362665137413573634/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/blog-post_79.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/6362665137413573634'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/6362665137413573634'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/blog-post_79.html' title='みんなお誕生日メッセージありがとう'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-Cu7yrd_aHHc/U_dWa4UOZRI/AAAAAAAAVdA/apww6DxAuNg/s72-c/fukumi.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-2602246220399329556</id><published>2014-08-22T04:18:00.000+09:00</published><updated>2014-08-22T04:18:06.635+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="JavaScript"/><category scheme="http://www.blogger.com/atom/ns#" term="プログラミング"/><title type='text'>プログラムの最適化について</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
今回は初心者さん限定の記事となるのですが、今回お教えするのは、&lt;div&gt;
「プログラムの最適化」です。具体的にどのような事なのか分からない方も居ると思いますけど、プログラムのソースを出来るだけ短縮し、分かりやすく書くと言う事を自分では最適化と思っています。(勝手に)&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
ではちょいと手元にあったソースを元にしてみます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
今回書いたソースは&amp;nbsp;&lt;a class=&quot;g-profile&quot; href=&quot;https://plus.google.com/112927338413701972906&quot; target=&quot;_blank&quot;&gt;+竹内史&lt;/a&gt;&amp;nbsp;にお願いされて書いた簡単な関数です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
function url_TextData(data){&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; var val = 0;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; var Textif0 = new RegExp(&quot;^https?:\\/\\/[\\w_\\-\\.]+[^\\.]\\.([a-z]{2,2}\\.[a-z]{2,2}|[a-z]{2,3})\\/?$&quot;);&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; var Textif1 = new RegExp(&quot;^http?:\\/\\/[\\w_\\-\\.]+[^\\.]\\.([a-z]{2,2}\\.[a-z]{2,2}|[a-z]{2,3})\\/?$&quot;);&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; if (data.match(Textif0)) { val++; }else if(data.match(Textif1)){ val++; }&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; return val;&lt;/div&gt;
&lt;div&gt;
}&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
関数の内容は、URLであるかでないかを判断するプログラムです。&lt;/div&gt;
&lt;div&gt;
URLでは無いときは0を返して、URLである場合は1を返します。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
至って簡単なプログラムですね。&lt;/div&gt;
&lt;div&gt;
このソースはもう既に最適化しています。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
これを最適化してない状態だと以下の様になります。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
function url_TextData(data){&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; var val = 0;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; var Textif0 = new RegExp(&quot;^https?:\\/\\/[\\w_\\-\\.]+[^\\.]\\.([a-z]{2,2}\\.[a-z]{2,2}|[a-z]{2,3})\\/?$&quot;);&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; var Textif1 = new RegExp(&quot;^http?:\\/\\/[\\w_\\-\\.]+[^\\.]\\.([a-z]{2,2}\\.[a-z]{2,2}|[a-z]{2,3})\\/?$&quot;);&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; var a = data.match(Textif0);&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; var b = data.match(Textif1);&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; if (a) { val++; }else if(b){ val++; }&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; return val;&lt;/div&gt;
&lt;div&gt;
}&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
これだと、無駄に変数に値を入れている感じしますよね。&lt;/div&gt;
&lt;div&gt;
なんせC言語を使ってたら、そんなどうでもいい事まで気になってしまいます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
こういった変更をする事により、無駄に記述を無くし、かつ、奇麗にソースを書く事が出来ます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
皆さんも試してみてね。&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/2602246220399329556/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/blog-post_22.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/2602246220399329556'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/2602246220399329556'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/blog-post_22.html' title='プログラムの最適化について'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-8669546851260822298</id><published>2014-08-13T16:45:00.004+09:00</published><updated>2014-08-13T17:34:33.713+09:00</updated><title type='text'>JavaScriptを簡単に覚えれる様に日本語に変換</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
JavaScriptを今頑張って勉強しているけど、全然頭に入らない　｡･ﾟ(ﾟ⊃ω⊂ﾟ)ﾟ･｡&lt;br /&gt;
&lt;div&gt;
等、初めてプログラミングする方には難しい所も多々あると思います。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
っと言っても私からすると、JavaScriptである程度何か作れるのは当たり前。&lt;/div&gt;
&lt;div&gt;
でも私は何故ある程度の物なら作れるのかと言うと、単にルールを覚えているだけで、&lt;/div&gt;
&lt;div&gt;
関数・や値の取得方法等は全て検索し、情報を得てます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
恐らく大体のプログラマはそうですけど、何も検索しないで何らかのアプリケーションを作る事は不可能です。基本的な記述は出来るけど、詳しくは知らないから検索する。&lt;/div&gt;
&lt;div&gt;
または、この関数の引数は何なのか調べる。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
プログラマは確実にオフライン状態で生きて行くのは結構難しいでしょう。&lt;/div&gt;
&lt;div&gt;
全ての関数の引数・取得したい値の取得方法なんて全部覚えている人は1/100くらいの確率でしょう。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
でも何故プログラムが組めるか?それは基本的な記述方法と基礎知識があるからなのです。&lt;/div&gt;
&lt;div&gt;
また、一番プログラマを苦しめるのはアルゴリズム(処理の順序や流れ)でしょう。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
って事で前置きが長くなりましたが、今回はJavaScriptの基本的な記述の仕方を覚えて独り立ち出来る様になりましょう。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h4 style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;color: #e69138;&quot;&gt;いつ&lt;/span&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;処理&lt;/span&gt;&lt;span style=&quot;color: #3d85c6;&quot;&gt;を&lt;/span&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;始める&lt;/span&gt;&lt;span style=&quot;color: #674ea7;&quot;&gt;??&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;div&gt;
プログラムを組む前にいつ処理を始めるのか決めましょう。&lt;/div&gt;
&lt;div&gt;
色々な場面で魔法を発動したい時があるでしょう。例えば、ローカルアプリケーションの場合は、実行ファイルがクリックされた時に処理を開始します。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
ですが、JavaScriptはブラウザーと言う既に実行されている環境の中処理するので、いつ処理を開始するのかを決めておく必要があります。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
この「いつ処理するか」の事をイベントと言います。&lt;/div&gt;
&lt;div&gt;
そうまず始めにプログラムの具体的な処理を書く前に、イベントを作りその中に書いて行きます。主に、JavaScriptにはイベントが2つの分類があります。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;ol style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;ロード後にそのまま実行。&lt;/li&gt;
&lt;li&gt;マウス等で操作によるイベント&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
一番簡単なのは[1.]のロード後によるイベントです。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
以下のコードでロード後に処理を開始します。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;window.addEventListener(&#39;load&#39;, function(){&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;&amp;nbsp; &amp;nbsp; //ここに具体的な処理&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;}, false);&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
では、このソースを日本語に変換してみましょうか。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #6aa84f;&quot;&gt;ウィンドウ.イベントハンドラ(ロード後に, この関数の中身を実行せよ(){&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp; //ここに具体的な処理&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #6aa84f;&quot;&gt;}, false);&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
こんな感じに変換する事が出来ます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
正直これでホントはJavaScript入門は終わりなのです。&lt;/div&gt;
&lt;div&gt;
Q「本当にかよw」って言われそうなのですが、後は何がしたいかにより検索すれば情報は腐る程出てきます。ここからはあなたの検索力のよる戦いとなりますが、Google先生は凄いのでどんな下手な検索でも適切な結果を表示してくれます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
例えば、とあるID属性のある要素の値わ取得したい場合は、&lt;/div&gt;
&lt;div&gt;
まずその要素を取得してから表示すればいいだけなので、要素の取得等と検索すれば出てきます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;window.addEventListener(&#39;load&#39;, function(){&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;&amp;nbsp; &amp;nbsp; var data = document.getElementById(&quot;test&quot;);&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;&amp;nbsp; &amp;nbsp; alert(data);&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;}, false);&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
このソースを日本語に変換すると、&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #6aa84f;&quot;&gt;ウィンドウ.イベントハンドラ(ロード後に, この関数の中身を実行せよ(){&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp; var データ = ドキュメント.ID属性のある要素をGetする(テスト);&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #6aa84f;&quot;&gt;&amp;nbsp; アラート(データ);&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: #6aa84f;&quot;&gt;}, false);&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
恐らくこの辺で大体分かると思いますが、プログラマに必要な力は検索する力。&lt;/div&gt;
&lt;div&gt;
これが無くてはまずプログラミングをする事は不可能でしょう。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
っと言う事で今回のプログラミングの授業は終わりです。&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/8669546851260822298/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/javascript.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/8669546851260822298'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/8669546851260822298'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/javascript.html' title='JavaScriptを簡単に覚えれる様に日本語に変換'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-7600915605116436881</id><published>2014-08-08T03:09:00.001+09:00</published><updated>2014-08-08T03:09:37.325+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Mac"/><category scheme="http://www.blogger.com/atom/ns#" term="プログラミング"/><category scheme="http://www.blogger.com/atom/ns#" term="日常"/><title type='text'>開発環境を紹介</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
MyPCをMacにしてからWinの時の開発と異なる為今回はMacバージョンの開発環境を紹介したいと思います。Winの方は見てもつまらないかもしれません。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://3.bp.blogspot.com/-vN68_eQ3XcA/U-O-o7Z6YBI/AAAAAAAAUWs/mIVWaTiqMQg/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-08+2.59.40.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-vN68_eQ3XcA/U-O-o7Z6YBI/AAAAAAAAUWs/mIVWaTiqMQg/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-08+2.59.40.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
ま~主な開発環境はこんな感じですね。ローカルアプリケーション等は、Xcode等を現在は利用しています。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
&lt;li&gt;Dreamweaver (HTML/CSSのコーディングに使用)&lt;/li&gt;
&lt;li&gt;Editor (主にサーバーサイドのプログムやローカルアプリケーションの開発に使用)&lt;/li&gt;
&lt;li&gt;MAMP (php実行環境設備)&lt;/li&gt;
&lt;li&gt;Xcode (C/Obj-C等の開発に使用)&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
以上の開発環境で私は過ごしています。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Macを使い始めた方でまだ開発環境をどうするか悩んでいる方の参考になれば幸いです。&lt;/div&gt;
&lt;div&gt;
また、これからMacに乗り換える予定の方の参考にもなればうれしいです。&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/7600915605116436881/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/blog-post_8.html#comment-form' title='1 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/7600915605116436881'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/7600915605116436881'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/blog-post_8.html' title='開発環境を紹介'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-vN68_eQ3XcA/U-O-o7Z6YBI/AAAAAAAAUWs/mIVWaTiqMQg/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-08+2.59.40.png" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-7614059806504271523</id><published>2014-08-07T10:34:00.002+09:00</published><updated>2014-08-07T10:34:42.504+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="お勉強"/><category scheme="http://www.blogger.com/atom/ns#" term="やってみた"/><category scheme="http://www.blogger.com/atom/ns#" term="日常"/><title type='text'>暑いのでエアコンの仕組みを調べてみた。</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
最近ホントに暑いですね。&lt;br /&gt;
&lt;br /&gt;
今日は 暑いのでミニ扇風機を分解して隅々までホコリを落としたのですが、まだ暑い....&lt;br /&gt;
って事で今回はエアコンの仕組みについて調べてみました。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
「エアコンの仕組み」で検索した所いいサイト発見&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;img border=&quot;0&quot; src=&quot;http://2.bp.blogspot.com/-Tdoz7CvhBLg/U-LR5Js1gbI/AAAAAAAAUU0/dhzP8MniD18/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-07+10.09.29.png&quot; height=&quot;200&quot; width=&quot;320&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;a href=&quot;http://www.daikin.co.jp/naze/html/a_1.html&quot;&gt;http://www.daikin.co.jp/naze/html/a_1.html&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;エアコン&lt;/span&gt;&lt;span style=&quot;color: #38761d;&quot;&gt;は&lt;/span&gt;&lt;span style=&quot;color: #e69138;&quot;&gt;何故&lt;/span&gt;&lt;span style=&quot;color: #0b5394;&quot;&gt;冷えるのか??&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;
私の最初のイメージとしては、エアコンで外と中の空気を巡回させて、涼しくしていると思いましたが、全く違いました。ってかそこそこ気づいてましたww&lt;br /&gt;
&lt;br /&gt;
エアコンは熱のみを逃がしている様です。&lt;br /&gt;
&lt;br /&gt;
熱は熱の少ない所に移動する性質がある様で、&lt;br /&gt;
その性質を利用して外へ逃がすみたいです。その熱を外へ逃がすには冷媒管と言うのでを使うらしいですね。皆さん一度は見た事のあるこれです。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://sweden.style-space.com/11house/img/joutou47.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://sweden.style-space.com/11house/img/joutou47.jpg&quot; height=&quot;280&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
これと同じ様なのがCPUクーラーとしても使われていますね。&lt;br /&gt;
&lt;br /&gt;
大体想像付くと思いますが、説明すると、&lt;br /&gt;
&lt;br /&gt;
ファン等で冷媒に暑い空気をぶつけます。すると冷媒は熱を通しやすいので、冷媒に熱が吸収されそのまま外へ、すると外の空気は冷媒より熱が少ない為、先ほどいった性質により、外の空気へ移動していきます。そうすると冷媒からは熱が消えまた部屋へ行きます。&lt;br /&gt;
&lt;br /&gt;
するとまた部屋の空気の熱より冷媒の熱の方が熱が少ない為吸収されます。&lt;br /&gt;
&lt;br /&gt;
この繰り返しでどんどん部屋から熱を逃がしている様です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
って事はですよ!&lt;br /&gt;
&lt;br /&gt;
扇風機2台と冷媒を買ってこれば自分でクーラーを作れるわけなんですよwww&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://ecx.images-amazon.com/images/I/61hLhWANMYL._SL1500_.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://ecx.images-amazon.com/images/I/61hLhWANMYL._SL1500_.jpg&quot; height=&quot;182&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
冷媒管&lt;br /&gt;
&lt;br /&gt;
4,051円&lt;br /&gt;
&lt;br /&gt;
Amazonより&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://ecx.images-amazon.com/images/I/316BckSSTYL.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://ecx.images-amazon.com/images/I/316BckSSTYL.jpg&quot; height=&quot;151&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
冷媒ガス&lt;br /&gt;
&lt;br /&gt;
17,000円&lt;br /&gt;
&lt;br /&gt;
Amazonより&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
ふむ。機材があれば無理ではなさそうだ。(その前にウィンドウクーラーでよくねってなる)&lt;br /&gt;
&lt;br /&gt;
もしくは、要らないPCをかき集めて冷媒を連結する方法もありますね。&lt;br /&gt;
何にせよとにかく冷たい物を部屋に置いたりしてもそこに熱が移動するだけで部屋が涼しくなるわけでもない事が分かりました。&lt;br /&gt;
&lt;br /&gt;
なのでこれからいかに部屋の外に熱を逃がすかを考えましょう。&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/7614059806504271523/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/blog-post.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/7614059806504271523'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/7614059806504271523'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/blog-post.html' title='暑いのでエアコンの仕組みを調べてみた。'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-Tdoz7CvhBLg/U-LR5Js1gbI/AAAAAAAAUU0/dhzP8MniD18/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-07+10.09.29.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-8342938112061081446</id><published>2014-08-05T08:29:00.000+09:00</published><updated>2014-08-05T08:31:44.238+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C言語"/><category scheme="http://www.blogger.com/atom/ns#" term="PHP"/><category scheme="http://www.blogger.com/atom/ns#" term="デザイン"/><category scheme="http://www.blogger.com/atom/ns#" term="プログラミング"/><category scheme="http://www.blogger.com/atom/ns#" term="日常"/><title type='text'>Macのいいエディタがあった。</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
今回紹介するのは、「Editor」です。&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
このEditorは様々なプログラミング言語に対応し、UIもシンプルで使いやすいです。&lt;br /&gt;
一応有料となりますが、たった1,000円なので大丈夫。&lt;br /&gt;
&lt;br /&gt;
私自信主に、PHP/C等の開発に使う予定なので、十分です。&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://1.bp.blogspot.com/-Pt8-iKpSdzo/U-ATUVKVMBI/AAAAAAAAUHA/A2tDvr52Vu0/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-05+8.11.44.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-Pt8-iKpSdzo/U-ATUVKVMBI/AAAAAAAAUHA/A2tDvr52Vu0/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-05+8.11.44.png&quot; height=&quot;250&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;color: #cc0000; font-size: x-large;&quot;&gt;個&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;人的&lt;/span&gt;&lt;span style=&quot;color: #3d85c6;&quot;&gt;に&lt;/span&gt;&lt;span style=&quot;color: #f1c232;&quot;&gt;気に入っている&lt;/span&gt;&lt;span style=&quot;color: #6aa84f;&quot;&gt;機能&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://4.bp.blogspot.com/-jmWAIFQjaDE/U-AUZwcSujI/AAAAAAAAUHI/IAaPGjGTnPs/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-05+8.16.28.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-jmWAIFQjaDE/U-AUZwcSujI/AAAAAAAAUHI/IAaPGjGTnPs/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-05+8.16.28.png&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-jmWAIFQjaDE/U-AUZwcSujI/AAAAAAAAUHI/IAaPGjGTnPs/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-05+8.16.28.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-jmWAIFQjaDE/U-AUZwcSujI/AAAAAAAAUHI/IAaPGjGTnPs/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-05+8.16.28.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
このアプリケーションの凄い所は、&lt;/div&gt;
&lt;div&gt;
「自動入力補助機能」が凄い所です。複数の言語の補助をしてくれる為長い関数等、キーワードを記述する際にとても役立ちます。&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://4.bp.blogspot.com/-ekwUXeBsmKc/U-AVDk_rgcI/AAAAAAAAUHQ/B67aaZlmgaA/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-05+8.19.01.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-ekwUXeBsmKc/U-AVDk_rgcI/AAAAAAAAUHQ/B67aaZlmgaA/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-05+8.19.01.png&quot; height=&quot;187&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
補助単語も任意で追加する事が出来るので尚便利ですね。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
補助されない単語も自分で追加すれば後から幾らでも補助してくれるのでこの機能はとても便利です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://1.bp.blogspot.com/-SgKNKfcaRJ0/U-AVwLvyvuI/AAAAAAAAUHY/G_zZC4sTWGY/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-05+8.22.09.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-SgKNKfcaRJ0/U-AVwLvyvuI/AAAAAAAAUHY/G_zZC4sTWGY/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-05+8.22.09.png&quot; height=&quot;246&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
他にもテキストカラー設定も可能で、最初から幾つかテンプレートは用意されています。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
気に入るテンプレートが無い場合は任意で独自のデザインにしていきましょう。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
これは実際に使ってみて分かるのですが、とても使いやすいです。&lt;/div&gt;
&lt;div&gt;
入力補助でこまでしてくれる入力補助を持つエディタは大抵高額だったりしますが、&lt;/div&gt;
&lt;div&gt;
このアプリケーションではたった1,000円なので無駄な買い物した気にはなりませんね。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
UIもシンプルでMac本来の美しさを消していません。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
ダウンロードは以下のURLからどうぞ、&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
https://itunes.apple.com/jp/app/editor-simple-texteditor/id661536561?mt=12&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/8342938112061081446/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/mac.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/8342938112061081446'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/8342938112061081446'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/mac.html' title='Macのいいエディタがあった。'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-Pt8-iKpSdzo/U-ATUVKVMBI/AAAAAAAAUHA/A2tDvr52Vu0/s72-c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-05+8.11.44.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8230954895603258771.post-306819692561771151</id><published>2014-08-02T04:33:00.003+09:00</published><updated>2014-08-02T04:33:50.190+09:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="google"/><category scheme="http://www.blogger.com/atom/ns#" term="google+"/><category scheme="http://www.blogger.com/atom/ns#" term="その他"/><category scheme="http://www.blogger.com/atom/ns#" term="日常"/><category scheme="http://www.blogger.com/atom/ns#" term="機会"/><title type='text'>自分にとってのGoogle+</title><content type='html'>&lt;div dir=&quot;ltr&quot; style=&quot;text-align: left;&quot; trbidi=&quot;on&quot;&gt;
最近Macばかりいじって基本Windowsを開かなくなった　ふっくんです。&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
今回は私がこよなく愛してるGoogle+の魅力をお伝えしたいと思います。&lt;/div&gt;
&lt;div&gt;
その前にこの記事では前提としてGoogleアカウントを持っている方を前提とします。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://4.bp.blogspot.com/-1XtFXteZR0Q/U9van3c_K2I/AAAAAAAAT3Y/aL2YEDgvxKg/s1600/googleplus.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-1XtFXteZR0Q/U9van3c_K2I/AAAAAAAAT3Y/aL2YEDgvxKg/s1600/googleplus.jpg&quot; height=&quot;228&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
私が何故こんなにGoogle+が好きなのかと言うと、&lt;/div&gt;
&lt;div&gt;
第一として、クリエイティブな方が多いのが一番の理由かと思います。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
私自身クリエイティブな事が好きで、&lt;/div&gt;
&lt;div&gt;
それらを話し合える、共有出来る事がとてもいいと思っています。&lt;/div&gt;
&lt;div&gt;
ただ今の話からするに、PCとかにあまり詳しくない方からすると無縁等と思うかもしれませんが、そうではありません。基本的に皆がPostするのは、日常系等、&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Twitterでも見かける様な日常のハプニング等をPostしたり、ごちそうフォトを共有したり&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
個人的にGoogle+はとても居心地のいい所です。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-size: x-large;&quot;&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;Google+&lt;/span&gt;&lt;span style=&quot;color: #6aa84f;&quot;&gt;知&lt;/span&gt;&lt;span style=&quot;color: #3d85c6;&quot;&gt;識&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
今までTwitterとかやってたけど、Google+もやってみたいと言う方の為、&lt;/div&gt;
&lt;div&gt;
理解を整理する為にサークルは何なのか等を説明して行きます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: center;&quot;&gt;
&lt;span style=&quot;color: #3d85c6;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;サ&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;ークル&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #cc0000; font-size: large;&quot;&gt;と&lt;/span&gt;&lt;span style=&quot;color: #6aa84f; font-size: large;&quot;&gt;は&lt;/span&gt;&lt;span style=&quot;color: #e69138; font-size: large;&quot;&gt;?&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
サークルとはTwitterで言うフォロワーの事で、「サークルに追加」と言うのは貴方の作ったサークル内にユーザーを追加すると言う事になります。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://4.bp.blogspot.com/-XbWgYVriSu4/U9vi1fQicFI/AAAAAAAAT3o/ncO991WBZE4/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-02+3_Fotor.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-XbWgYVriSu4/U9vi1fQicFI/AAAAAAAAT3o/ncO991WBZE4/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-02+3_Fotor.jpg&quot; height=&quot;200&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
サークルは複数作る事が可能で、サークルごとに共有出来ます。&lt;/div&gt;
&lt;div&gt;
例えばリア友だけに共有したいPostは、リア友サークルを作成し、リア友を追加します。&lt;/div&gt;
&lt;div&gt;
そこで、共有時に「共有」の中からリア友のサークルを選択するとそのサークル内のユーザーだけに共有されます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
サークルを上手く利用すれば、「この人には見られたいけど、この人達には見られたくない~」等の時にとても役立ちます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: right;&quot;&gt;
&lt;span style=&quot;color: #38761d;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;ハ&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;ングアウト&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #cc0000; font-size: large;&quot;&gt;と&lt;/span&gt;&lt;span style=&quot;color: #0b5394; font-size: large;&quot;&gt;は&lt;/span&gt;&lt;span style=&quot;color: #e69138; font-size: large;&quot;&gt;?&lt;/span&gt;&lt;/h3&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://2.bp.blogspot.com/-jsDCr8hheLo/U9vksLXkvsI/AAAAAAAAT3w/H0BmCKwi5Pc/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-02+3_Fotor.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://2.bp.blogspot.com/-jsDCr8hheLo/U9vksLXkvsI/AAAAAAAAT3w/H0BmCKwi5Pc/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-02+3_Fotor.jpg&quot; height=&quot;320&quot; width=&quot;150&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
ハングアウトはGoogle+のサークルメンバーとチャットやビデオ通話等でコミュニケーションを取る事の出来るツールです。これで特定の方と連絡を取ったりする事が出来ます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
もちろんサークルメンバー同士の通話等は無料です。&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: left;&quot;&gt;
&lt;span style=&quot;color: #cc0000;&quot;&gt;&lt;span style=&quot;font-size: x-large;&quot;&gt;コ&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;ミュ&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: #e69138; font-size: large;&quot;&gt;ニティ&lt;/span&gt;&lt;/h3&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://4.bp.blogspot.com/-qqdigddIeNY/U9vmkJJlGXI/AAAAAAAAT38/ulKdnvViwik/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-02+4_Fotor.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-qqdigddIeNY/U9vmkJJlGXI/AAAAAAAAT38/ulKdnvViwik/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-02+4_Fotor.jpg&quot; height=&quot;176&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
最近のSNSでは減りつつあるコミュニティ機能がちゃんとGoogle+にもあります。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
同じ趣味同士で情報を共有し、コメントし合う。これがコミュニティの定番ですよね&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
コミュニティは誰でも簡単に作成可能です&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;text-align: right;&quot;&gt;
&lt;span style=&quot;color: #cc0000; font-size: x-large;&quot;&gt;イ&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;span style=&quot;color: #e69138;&quot;&gt;ベ&lt;/span&gt;&lt;span style=&quot;color: #6aa84f;&quot;&gt;ン&lt;/span&gt;&lt;span style=&quot;color: #3d85c6;&quot;&gt;ト&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://1.bp.blogspot.com/-xTDH6fUVdsw/U9vonzhpZzI/AAAAAAAAT4E/R8iwkS6bLKE/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-02+4_Fotor.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; float: right; margin-bottom: 1em; margin-left: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://1.bp.blogspot.com/-xTDH6fUVdsw/U9vonzhpZzI/AAAAAAAAT4E/R8iwkS6bLKE/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-08-02+4_Fotor.jpg&quot; height=&quot;174&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
ユーザー同士でオフ会したり、飲み会等のイベントを作る事が出来ます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
参加・不参加等を選択する事により、参加するかしないかを決めれます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
その他「ページ」等もあります。&lt;/div&gt;
&lt;div&gt;
ページでは企業のPR等にも有効的に利用出来ます。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Google+にはこれよりももっと魅力的な機能が盛りだくさんです。&lt;/div&gt;
&lt;div&gt;
連写された写真があれば、自動的に動く画像GIF化したり、雪の写真があれば、静止画をGIF化して雪が降っている様に見せたり、その他色々&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
これで私がGoogle+が好きな理由はお分かり頂けただろうか?&lt;/div&gt;
&lt;div&gt;
どんなSNSよりも高機能かつ便利で楽しいSNSはGoogle+だけです。&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
是非まだGoogle+を初めてない方はこれを機会に初めてみてはどうでしょうか??&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://aquarzx2010.blogspot.com/feeds/306819692561771151/comments/default' title='コメントの投稿'/><link rel='replies' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/google.html#comment-form' title='0 件のコメント'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/306819692561771151'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8230954895603258771/posts/default/306819692561771151'/><link rel='alternate' type='text/html' href='http://aquarzx2010.blogspot.com/2014/08/google.html' title='自分にとってのGoogle+'/><author><name>Izumikawa Fukumi</name><uri>http://www.blogger.com/profile/08463570724799113731</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEKJYp0j5777Nt12fzkdYi-zu8HeAb7MfY0wCf-5e3FR-W6Ip2Dg9wJK8FlKIMlqAIXnziV8mHl5Jybw_B7O95nJ4sMgYp-xiKVVQ4nR1v0VArinZXuML1_msk76wQw/s220/Fukumi-Materialdesign*500.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-1XtFXteZR0Q/U9van3c_K2I/AAAAAAAAT3Y/aL2YEDgvxKg/s72-c/googleplus.jpg" height="72" width="72"/><thr:total>0</thr:total></entry></feed>