常連

社会貢献

自己紹介

初めまして。
Python/BeautifulSoup 両共に初心者です。

[質問]
上記を使ったスクレイピングにて、下記ページの商品画像urlだけを1位~80位まで
取得したいと思っております。

http://ranking.rakuten.co.jp/daily/100155/

下記のようなコードを書いて、pictureの画像urlだけを全て抜きだそうとしたのですが、どうしても1位~20位までの画像urlしか抜き出せず、20~80位までの画像urlを抜き出す事ができません。解決策を教えて頂きたいです。

from urllib.request import urlopen
from bs4 import BeautifulSoup
html = urlopen('http://ranking.rakuten.co.jp/daily/100155/')
bsObj = BeautifulSoup(html,'html.parser')
list_audio_picture1 = []
for audio_picture1 in bsObj.findAll("div",{"class":"rnkRanking_imageBox"}):
	a = audio_picture1.find('img').get('src')
	list_audio_picture1.append(a)
[ゴール]
画像urlを抜き出して
list_audio_picture1にリスト格納する。

[疑問]
classで区切っているので全て抽出できるはずかと思っているのですが、なぜできないのでしょうか...


よろしくお願いいたします。

python Beautifulsoupを使ったスクレイピング

先日Docker、DockerToolBoxで立てたCentOs7のコンテナに
Python3をインストールしました。
そこで実際にPython3になっていることも確認し、
Python3で開発を行っていました。

しかし、本日DockerToolBoxを立ち上げて
コンテナに接続してみたところ
Pythonは2.7に戻っており
pyenvなども`not command`と言われてしまいました。

仕方なく、最新のイメージからコンテナを作りなおしてみたものの
それでも入っていないと言われてしまいました。

なにを間違えてしまったのでしょうか？
それともこれらは維持できないのがDocker何でしょうか？
原因がよくわからないので質問させていただきました。


### 追記
`docker run -d -P -i -t -p 8080:80 --name appserver -v /c/Users/user01/Documents/Kitematic/appserver:/app_server centos /bin/bash`

でCONTAINERを作成後以下のサイトの手順に従いPython3をインストールしました。

http://daichan.club/python/916

その後、イメージを`commit`コマンドで作成。

DockerToolBoxを閉じてPCをつけたまま翌日へ。
翌日再度CONTAINERに接続して確認したところPython3が入っていない状態に戻っていました。

なので、上記コマンドの`centos`部分を昨日作成したイメージ名に変更して実行。

で、そのCONTAINERで`python --version`を実行しましたがPython2.7でした。

Docker インストールしたはずのPython3系が使えなくなった

RaspberryPiを取得したドメインで外部からアクセスする方法について教えて下さい。

使用機器：RaspberryPi3
ルーター：WZR-300HP
ドメイン：Mydnsで取得したドメイン
回線：Bフレッツ光

現在行った方法は
①RaspberryPi3にラジコンをリモートで動作させるウェブページ作成 （ラズパイマガジン新装刊６月号に記載されているものです。）
OSはRaspbianです。
②ルーターにアクセスしてポートを開放 TCPポート20 HTTPポート80 (この辺がよく理解していません）
③mydnsにてドメイン取得
④mydns の domain info で domain MX を取得したドメインに設定 ⇨ check
⑤IP addr direct で 現在のIPv4(Dynamic IP)アドレスを入力 ⇨ check
⑥1時間後iPhoneでWiFiをOFFにし、取得したドメインにアクセス

と行いましたが、504 Gateway Timeoutとなります。

何が間違っているのでしょうか？


-------------------------------------
締め切り後追記

問題は２重ルーターの可能性がありました。
auひかりで繋いでおり、AtermBL-900HWを強制的に使用する必要がありました。無線を使う場合別途契約が必要なので、バッファローのルーターをもうひとつ繋いでバッファローから無線接続としていました。
別途契約して無線接続する方法は、今の時代納得できないですねー。

RaspberryPiを取得したドメインでアクセスする方法

###前提・実現したいこと
raspberry piにカメラモジュールを取り付け、撮影した写真を共有フォルダに送り、その画像を管理するシステムを作ってます。画像に製品の情報があり、複数台のラズパイでそれぞれ撮影し工程管理をするもの。

###発生している問題・エラーメッセージ
作ったプログラムを自動起動させようとしても、rc.localがうんともすんとも言わない。

```
エラーメッセージ

特になし
```

###該当のソースコード
@rc.local

.
..
...
＃起動時に実行したい処理

/home/pi/start.sh

python/home/pi/window.py
sudo python/home/pi/window.py
/home/pi/window.py

sudo raspistill -o test.jpg

exit 0

このようにいろんなコマンド入れてるんですけど全部無視されます。

ls -oを叩くと

-rwxrwxrwx 1 root 721 

となっておりますのでパーミッションも多分大丈夫だと思っているのですが…

ちなみに、start.sh はwindow.pyを起動するシェルが入っているだけで
window.pyは新規ウインドウが出てシャッターボタンを押すと撮影するプログラムです。
こちらは普通に動作しますので問題無いと思います。

###試したこと
まずはパーミッションと、上記のようにいろんな形でコマンドを入力してみましたがダメでした。

###補足情報(言語/FW/ツール等のバージョンなど)
OSはraspbian jessieです。あと、個人的に所有しているraspberry piもrc.localが効かなくなっていました。以前まで動いておりましたが、jessieからは方法が変わったのでしょうか？
ちなみに、質問でメインになっている方がpi3で、個人的に所有しているものがpi2モデルBです。
何かヒントをいただけると嬉しいです。


追記:見ていただいた方、ありがとうございます。
raspbian jessieからどうやらrc.localよりもsystemedが推奨されているようです。(それは理解しておりました。)
ですが
sudo raspi-config
で
"Wait for Network at Boot" -> " Slow Wait for network connection before completing boot"
に設定を変えてrebootでrc.localが動くようになるそうです。

ですが、version8.0には" Slow Wait for network connection before completing boot"という設定が消えていて、もう分からないです。
ただ言える事は、rc.localがあるという事は多分設定はあるのかな、という事と
多分おとなしくsystemedを勉強しないとダメかな、という事です。
最新raspbianでrc.local使える方法があれば嬉しいです。

なければsystemedを頑張って覚えます。

raspberry pi 3のrc.localが動作しない【raspbian jessie】

###５枚ある画像をうまく回したいです。
５枚ある画像の中で、最後の５枚目の時に次へボタンを押したら１枚目に。
１枚目の時に前へボタンを押したら５枚目に動かしたいです。

画像を表示させるクラスなどの受け渡しが
上手くいっていないと思います。

説明が下手で申し訳ないですが、
よろしくお願いいたします。

```javascript
$(function() {

    var last_page = $('.slide').length - 1;

    function toggleChangeBtn() {
    var slideIndex = $('.slide').index($('.active'));
    $('.change-btn').show();

      if(slideIndex == 0) {
        $('.slide').eq(last_page).addClass('active');
        $('.slide').eq(0).removeClass('active');
      }else if( slideIndex == last_page){
        $('.slide').eq(0).addClass('active');
        $('.slide').eq(last_page).removeClass('active');
    }
   }

  $('.index-btn').click(function() {
    $('.active').removeClass('active');
    var indexNumber = $('.index-btn').index($(this));
    $('.slide').eq(indexNumber).addClass('active');
    toggleChangeBtn();

    $('.index-btn').removeClass('active_btn');
    $(this).addClass('active_btn');
  });

  $('.change-btn').click(function() {
    $displaySlide = $('.active');
    $displaySlide.removeClass('active');
    if ($(this).hasClass('next-btn')) {
      $displaySlide.next().addClass('active');
    } else {
      $displaySlide.prev().addClass('active');
    }
    toggleChangeBtn();
  });
});

```


####以下が使用しているhtml,cssファイルです。


```html
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>Progate</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  </head>
  <body>
    <div class="slide-wrapper">
      <h2 class="slide-title">にんじゃわんこの一年</h2>
        <div class="change-btn-wrapper">
          <div class="change-btn prev-btn">← 前へ</div>
          <div class="change-btn next-btn">次へ →</div>
        </div>
        <ul class="slides">
          <li class="slide active"><img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/jquery/advanced/spring.jpg"></li>
          <li class="slide"><img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/jquery/advanced/rainy.jpg"></li>
          <li class="slide"><img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/jquery/advanced/summer.jpg"></li>
          <li class="slide"><img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/jquery/advanced/autumn.jpg"></li>
          <li class="slide"><img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/jquery/advanced/winter.jpg"></li>
        </ul>
        <div class="index-btn-wrapper">
          <div class="index-btn active_btn">1</div>
          <div class="index-btn">2</div>
          <div class="index-btn">3</div>
          <div class="index-btn">4</div>
          <div class="index-btn">5</div>
        </div>
      </div>
    <script type="text/javascript" src="common.js"></script>
  </body>
</html>

```


```css
body {
  font-family: "Hiragino Maru Gothic ProN", sans-serif;
}

ul {
  list-style: none;
}

.slide-wrapper {
  text-align: center;
  width: 1000px;
  margin: 0 auto;
  color: #5e6f84;
  padding: 60px 0;
}

.slide-title {
  font-size: 40px;
  margin-bottom: 30px;
}

.change-btn-wrapper {
  width: 500px;
  margin: 20px auto;
  font-size: 18px;
}

.change-btn-wrapper:after {
  content: "";
  clear: both;
  display: block;
}

.prev-btn {
  cursor: pointer;
  float: left;
  /*display: none;*/
}

.next-btn {
  cursor: pointer;
  float: right;
}

.slides {
  padding: 0;
}

.slide {
  display: none;
}

.active {
  display: block;
}

.slide img {
  width: 500px;
  height: auto;
  border-radius: 5px;
}

.index-btn-wrapper {
  font-size: 16px;
  margin-top: 20px;
}

.index-btn {
  display: inline-block;
  color: #4e90af;
  background-color: #e0f5ff;
  width: 40px;
  padding: 6px 0;
  margin: 0 5px;
  border-radius: 3px;
  cursor: pointer;
}

.index-btn:hover {
  color: #fff;
  background-color: #5cabd0;
}

.active_btn{
  color: #fff;
  background-color: #5cabd0;
}

```

jQuery slider　画像をうまく回したいです。

タイトルの通りubuntuでandroidエミュレータを使うためにはKVMのインストールが必要みたいなので、インスロールしてみたのですが下記のエラーがでてしまいました。

taka@:~$ sudo apt-get install kvm virt-manager libvirt-bin bridge-utils
[sudo] taka のパスワード: 
パッケージリストを読み込んでいます... 完了
依存関係ツリーを作成しています                
状態情報を読み取っています... 完了
注意、'kvm' の代わりに 'qemu-kvm' を選択します
bridge-utils はすでに最新バージョン (1.5-9ubuntu1) です。
libvirt-bin はすでに最新バージョン (1.3.1-1ubuntu10) です。
qemu-kvm はすでに最新バージョン (1:2.5+dfsg-5ubuntu10.1) です。
virt-manager はすでに最新バージョン (1:1.3.2-3ubuntu1.16.04.1) です。
以下のパッケージが自動でインストールされましたが、もう必要とされていません:
  linux-headers-4.4.0-21 linux-headers-4.4.0-21-generic
  linux-image-4.4.0-21-generic linux-image-extra-4.4.0-21-generic
これを削除するには 'sudo apt autoremove' を利用してください。
アップグレード: 0 個、新規インストール: 0 個、削除: 0 個、保留: 14 個。
taka@:~$ echo vhost_net | sudo tee -a /etc/modules
vhost_net
taka@:~$ sudo service libvirt-bin start
Job for libvirt-bin.socket failed. See "systemctl status libvirt-bin.socket" and "journalctl -xe" for details.

下記のサイトを参考にして入力していたのですが、、、
http://qiita.com/TsutomuNakamura/items/944072c4637b435a6acd

ubuntuを使い始めたのは最近でコマンド等あまりわかっていません。

ですので少しやさしく説明していただけると幸いです。

###発生している問題・エラーメッセージ

```
エラーメッセージ
```

###該当のソースコード
```ここに言語を入力
ここにご自身が実行したソースコードを書いてください
```

###試したこと
toshi_yamaさんのアドバイスどおり試してみた結果を載せてみます。
taka@:~$ egrep -c '(vmx|svm)' /proc/cpuinfo
4

taka@:~$ lsmod | grep kvm
kvm                   536576  0
irqbypass              16384  1 kvm

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

ubuntuでandroidエミュレータを使うためにKVMをインストールしたいのですが

###Python3での入力についての質問です。

###もっとスマートな書き方を教えてほしいです。
```Python
a = int(input())
b = int(input())
c = int(input())
```

Python入力

以下のプログラムで全体のマスの表示の初期状態を「(スペース)」として
奇数回目のクリックではクリックされたマスは○
偶数回目のクリックではクリックされたマスは×
と表示されるようにしたいのですが、どのように処理させればよいのでしょうか。

```
<html>
<head>
<script language="JavaScript">
  function ticktack(id){
    if(document.getElementById(id).value.match(/^×$/)){
    document.getElementById(id).value = "○";
    }else{
    document.getElementById(id).value = "×";
    }
  }

  </script>
</head>
<body>
  <form name="tick">
  <table>
    <tr>
        <td><input type="button" id="r1c1" onclick="ticktack('r1c1')"></td>
        <td><input type="button" id="r1c2" onclick="ticktack('r1c2')"></td>
        <td><input type="button" id="r1c3" onclick="ticktack('r1c3')"></td>
    </tr>                                                          
    <tr>                                                           
        <td><input type="button" id="r2c1" onclick="ticktack('r2c1')"></td>
        <td><input type="button" id="r2c2" onclick="ticktack('r2c2')"></td>
        <td><input type="button" id="r2c3" onclick="ticktack('r2c3')"></td>
    </tr>                                                          
    <tr>                                                           
        <td><input type="button" id="r3c1" onclick="ticktack('r3c1')"></td>
        <td><input type="button" id="r3c2" onclick="ticktack('r3c2')"></td>
        <td><input type="button" id="r3c3" onclick="ticktack('r3c3')"></td>
    </tr>
  </table>
</body>
</html>
```

よろしくお願いします。

3行3列のマスに○×を表示させる。

###前提・実現したいこと
javascriptでマルバツゲームを作っているのですが、ボタンを9個使って、初期値はスペースで何も表示せず、1回クリックで〇を表示させ、2回目のクリックで×が表示するようになっています。3回目にはアラートがでて、そこには置けないというメッセージを表示させています。
そこでですが、今まではボタンを9個同じものを並べていたのですが、後々の課題で9個別々に識別できるようにする必要があり変数宣言でnewArray(9)を宣言し、「i」で0～8の数字が入るようにしたのですが、どうにもうまくいきません。

###発生している問題・エラーメッセージ

```
2-1.html:15 Uncaught TypeError: Cannot set property 'value' of undefined
```

###該当のソースコード
```ここに言語を入力
 <script language="JavaScript">
 var check=0;
 var i = new Array(9);
 //初期化処理（ボタン表示の初期化）
 function init() {
	document.tick.elements[i].value = "  ";
 }
 
 function ticktack(botan){
 
 if (tick.elements[i].value == "  ") {
	if (tick.elements[i].value == "○") {
		tick.elements[i].value = "×";
	} 
	else {
		tick.elements[i].value = "○";
	}
 }
 else if (tick.elements[i].value == "○") {
	if (tick.elements[i].value == "○") {
		tick.elements[i].value = "×";
	} 
	else {
		tick.elements[i].value = "○";
	}
 }
 else{
 alert("そのマスはすでに選ばれています。");
 }
} 
 </script>
```

###試したこと
初期化処理をいろいろ変えてみたり、forで回してみたのですが何時間かけても解決できなかったので質問させていただきました。

javascriptでマルバツゲームを作っています

元がcsvのデータで、数値と文字の混ざった列があります。
このままpandasのread_csvで読み込むと、「object」になります。

これを、数値と文字に分けたいのですが、方法がわかりません。

例えば、以下のように数字は整数と少数が混在しておりますが、
文字部分は日本語に限られています。

変換前  変換後
1.2 －－＞1.2
2後半ーー＞2  ,後半
3弱 ーー＞3  ,弱
3半 ーー＞3  ,半
2.5 －－＞2.5 

データフレームにしてから以下のように試してみましたが、これでは小数点を考慮できず、
「1.2」ー＞「1」となってしまいました。
```python
df[カラム名].str.extract('([0-9]+)').astype(float)
```

正規表現もよく理解できておらず恐縮ですが、どうぞよろしくお願いいたします。

【python】文字列から、数値と文字に分ける方法を教えてください。

###前提・実現したいこと
二次元平面上の点をデータとするハッシュ表をチェイニングで実装しようとしています。
乱数を用いてデータを生成し、最終的に生成した各バケットに登録されているデータの個数の統計量を導出したいです。

###発生している問題・エラーメッセージ
生成したハッシュ表を画面に出力しようとしたところ、Segmentation Fault: 11が表示されます。
一度print_hashでH[i]がNULLのときに出力したところ、H[B]すべてがNULLでした。
原因がわからないのでご教授よろしくお願いします。

###該当のソースコード
```C
  1 #include<stdio.h>
  2 #include<stdlib.h>
  3 #include<time.h>
  4 #include<math.h>
  5 #define B 10000
  6 #define N 5
  7 #define M 5000  //使用しません
  8 #define X 10000
  9 #define Y 10000  //使用しません
 10 
 11 //二次元平面上の点
 12 typedef struct POINT{
 13   int x;
 14   int y;
 15 }point_t;
 16 
 17 //点の新規作成
 18 point_t new_point(int x, int y)
 19 {
 20   point_t p;
 21   p.x = x;
 22   p.y = y;
 23   return p;
 24 }
 25 
 26 //連結リストのノード
 27 typedef struct NODE{
 28   point_t point;  //登録する点
 29   struct NODE *next;
 30 }node_t;
 31 
 32 //ノードの新規作成
 33 node_t *new_node(point_t p)
 34 {
 35   node_t *ndPtr;
 36   ndPtr = malloc(sizeof(node_t));
 37   
 38   if (ndPtr == NULL) {
 39     return NULL;
 40   } else {
 41     ndPtr->point = p;
 42     ndPtr->next = NULL;
 43   }
 44 
 45   return ndPtr;
 46 }
 47 
 48 //ハッシュ表 = ノードへのポインタを格納する配列
 49 node_t *H[B];
 50 
 51 //ハッシュ表初期化関数
 52 void init_hash()
 53 {
 54   int i;
 55   for (i = 0; i < B; i++) H[i] = NULL;
 56 }
 57 
 58 //ハッシュ表出力関数
 59 void print_hash();
 60 {
 61   node_t *ndPtr;
 62   int i;
 63 
 64   for (i = 0; i < B; i++) {
 65     ndPtr = H[i];
 66     if (ndPtr != NULL) {
 67       printf("%6d %5d %5d\n", i, ndPtr->point.x, ndPtr->point.y);
 68       ndPtr = ndPtr->next;
 69     }
 70     while (ndPtr != NULL) {
 71       printf("       %5d %5d\n", ndPtr->point.x, ndPtr->point.y);
 72       ndPtr = ndPtr->next;
 73     }
 74   }
 75 }
 76 
 77 //ハッシュ関数1
 78 int hash1(point_t point)
 79 {
 80   int i;
 81   for (i = 0; i <= X; i++) {
 82     if (point.x == i) return i;
 83   }
 84   return -1;
 85 }
 86 
 87 //ノードの探索, *head:探索始点ノードへのポインタ, p:探す点
 88 //見つかればそのアドレスを, 見つからなければNULLを返す
 89 node_t *search_node(node_t *head, point_t p)
 90 {
 91   while (head != NULL) {
 92     if (head->point.x == p.x && head->point.y == p.y) return head;
 93     head = head->next;
 94   }
 95   return NULL;
 96 }
 97 
 98 //新しいノードをリストの先頭へ挿入, *head:先頭ノードへのポインタ, p:挿入する点
 99 int insert_node_top(node_t **head, point_t p)
100 {
101   node_t *ndPtr;
102   ndPtr = new_node(p);
103   if (ndPtr == NULL) return -1;
104   *head = ndPtr;
105   return 1;
106 }
107 
108 //pointの探索, pがハッシュ表に含まれていれば1, 含まれていなければ0を返す
109 int search_hash(point_t p)
110 {
111   int b;
112   b = hash1(p);
113 
114   if (search_node(H[b], p) != NULL) return 1;
115   else return 0;
116 }
117 
118 //点をハッシュ表に重複なしで登録する関数
119 int insert_hash(point_t p)
120 {
121   int b;
122   b = hash1(p);
123 
124   if (search_hash(p) == 0) {
125     insert_node_top(&H[b], p);
126     return 1;
127   }
128   else return 0;
129 }
130 
131 //各バケット(H[0], H[1],...)に登録されているデータの個数の最大値と最小値および分散
132 void hash_status()
133 {
134   int max = 0, min = B;  //登録データ数の最大値, 最小値
135   double sum = 0;  //登録データ数の和
136   double ave, var, dif = 0;   //平均, 分散, 二乗差
137   int i;
138   int count[B] = {};  //各バケットに登録されているデータの個数
139 
140   for (i = 0; i < B; i++) {
141     node_t *ndPtr;
142     if (H[i] != NULL) {
143       ndPtr = H[i];
144       while (ndPtr != NULL) {
145         count[i]++;
146         ndPtr = ndPtr->next;
147       }
148       if (count[i] > max) max = count[i];
149       if (count[i] < min) min = count[i];
150       sum += count[i];
151     }
152   }
153 
154   ave = sum / B;
155 
156   for (i = 0; i < B; i++) {
157     dif += pow(count[i] - ave, 2);
158   }
159   var = dif / B;
160 
161   printf("MAX : %5d\n", max);
162   printf("MIN : %5d\n", min);
163   printf("VARIANCE : %5.5f\n", var);
164 }
165 
166 int main()
167 {
168   int i = 0;
169 
170   init_hash();
171 
172   srand((unsigned)time(NULL));  //乱数生成
173 
174   while (i < N) {
175     int rx, ry;
176     point_t p;
177 
178     rx = rand() % B;  //0-9999の整数
179     ry = rand() % B;  //0-9999の整数
180 
181     if (rx >= ry) {
182       p = new_point(rx, ry);
183       if (insert_hash(p) == 1) i++;
184     }
185   }
186 
187   print_hash();
188 
189   hash_status();
190 
191  return 0;
192 }                                                                                                                                
```

C ハッシュテーブルの実装

ドッドインストールを利用して、Vagrantを使ってlinuxの学習をしています。ところが、以下のようなメッセージが表示されて、Vagrantの中に入ることができません。どうすればよろしいでしょうか？

①
![イメージ説明](5d2c9fd97ff565b02a32a70ef7542443.png)


②
![イメージ説明](96273817364f4fae44a46e7adb45b3b5.png)

Vagrantの中に入れません。

PHPでfile_get_contentsでjsonファイルを読み込み
その後配列（データ）を追加してfile_put_contentsで保存したのですが、
追加データしたが２つになってしまいます。


###data.json
```json
[{"id":1,"name":"test1"}]
```

```php
$json = file_get_contents('data.json');
$records = json_decode($json, true);

$records[] = [
    'id' => 2,
    'name' => 'test2',
];

$out_json = json_encode($records);

print_r($out_json);

$result = file_put_contents("data.json", $out_json, LOCK_EX);
```


直前のprint_rでは追記した配列が一つだけ追加されているので良さそうなのですが、
書き出したdata.jsonを開くと下記のようにid2の項目が２つになっています。


```json
[{"id":1,"name":"test1"},{"id":2,"name":"test2"},{"id":2,"name":"test2"}]
```

一つだけ追記したい場合はどのようにすればいいでしょうか。
よろしくお願いします。

【PHP】読み込んだJSONファイルに配列を追記して保存すると同じデータが２つになってしまう

lv9でPHP工房の問い合わせフォーム設置の練習をしたのですが、確認画面、送信画面、
その後のトップページに戻るまで問題なくできているのですが、メールがホットメールにもヤフーメールにも届きません。

こちらのレンサバはhtaccsessといういい、練習用には向かないでしょうか？

もしもっと練習に向く無料のレンサバなどあれば教えてください。

cloud9が一番でしょうか？
簡単に使ってみたのですが、PHPを書く画面が出てきましたが、実際のWEBページが出てこないので、実際の動きは見れないのでしょうか？

練習に向く無料のレンサバなどあれば教えてください。

任意の 0でない自然数 n をとり、 n が偶数の場合は n を2で割り、 n が奇数の場合は n に 3をかけて 1を足す。」という操作繰り返すと、有限回で1に到達するという 「コラッツの問題」。これを 1,000 から 5,000の任意自然数について確かめるプログラム作成したいんですがうまくいきません。

ちなみに「1,000から5000までの自然数(n)を入力して下さい」というダイアログボックスを表示した後、
alertでそれ以外の数字を入力してしまった場合は「入力した自然数(n)が間違っています。」を表示します。
逆に入力した数字が条件内であれば「入力した自然数(n)は[ｎ]です。」と表示し改行した後１に達するまで「n=[ｎ]は偶数：[n]/2=[n/2]」or「n=[n]は奇数：[n]*3+1=[n*3+1]」を計算し表示し続けるものになります。

一応、自分が書いたプログラムはこんな感じです。
```
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>コラッツ</title>
  </head>
    <body>
      <script>
        var i = prompt("1,000から5,000までの自然数(n)を入力して下さい。","");
         if(i<1000||5000<i){
        var i = alert("入力した自然数(n)が間違ってます。");
        }else{
        document.write("<p>入力した自然数(n)は" + i + " です。</p>");
          while(i!=0){
            if(i%2==0){
            document.write("<p>n=" + i + "は偶数：" + i + "/2=" + i/2 +"</p> ");
           
            }else{
            document.write("<p>n=" + i + "は奇数：" + i + "*3+1=" + i*3+1 +"</p> ");
           
            }
           return i;
          }
        }
  </script>
  </body>
</html>
```
よろしくお願いします。


＜追記＞

while文のループをｎが1に達したら抜け出せるようにしたいのですがどうしたらいいのでしょうか？

javascriptのプログラミングが分かりません

題名の通り、yahooapiから店舗でお客様が使う予算情報を知りたいです。
yahoo!ロコのサイトをみると、店舗でお客様が使う予算情報が載っているのでyahooapiから予算情報を取得できるのではないかと思ったのですが、apiのレスポンスフィールドを見ても予算情報に関して何も記載されていないので取得出来るのか気になります。
どうやったら予算情報を取得できますか？

yahooapiから店舗でお客様が使う予算情報を知りたい

インスタグラムから複数アカウントの投稿を取得したり、ハッシュタグを指定して投稿を取得し一覧にして表示したいのですが、どのような手順を踏めばよいのでしょうか？

よく見かけるものは、下記のサイトで解説されているようなアクセストークンを取得して...といった方法ですが、
こちらの方法では自分のアカウントに関する情報しか取得できなくないですか？
[https://syncer.jp/instagram-api-matome](https://syncer.jp/instagram-api-matome)

ハッシュライクスなどのように、複数の他ユーザーの投稿も表示されたり、ハッシュタグ指定で一覧を表示したりなどのことを行いたいです。

どなたかご教授いただけますと幸いです。

インスタグラムの投稿を取得し表示させる方法

jQuery初心者のため、サイトの初心者用のページを見ながら勉強しています。

そこでクリックの度に背景色が変わるtoggleイベントのサンプルがあったので、
実行してみたのですが、クリックしても背景の色が変わりません。

今回はまだ勉強なので、実現できないと仕事に影響が出るわけではありませんが、
なぜそのようなことが起こっているのか、どうすれば実現できるのかを後の勉強に活かしたいと思い、
今回質問させていただきました。
###試したこと
①以下のjsを実行したところ、文字は表示されますがクリックしても背景色は変わりません。
②ためしに1つの命令($(this).css("background-color","green"))だけ実行してみると文字は表示されますが、すぐ下から上へフェードアウト
してしまいます。

タイプミスかと思い、サンプルをコピペしましたが同じ状況です。
これ以外のソース(javascriptやcss)は作成していません。
まだまだ勉強不足なのは承知しておりますが、ご教授ください。
```jQuery
$(function(){
	$(".changeToggle").toggle(function(){
			$(this).css("background-color","green")
		},function(){
			$(this).css("background-color","yellow")
		},function(){
			$(this).css("background-color","red")
		},function(){
			$(this).css("background-color","orange")
		});
	});

```

```html
<html>
  <head>
    <title>クリックの度に色が変わる</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    <script type="text/javascript" src="myScript.js"></script>
  </head>

  <body>
    <div class="changeToggle" >クリックの度に色が変わります。</div>
  </body>
</html>

```

###補足情報(言語/FW/ツール等のバージョンなど)
jQueryはgoogleのCDNを利用しています。
windows7 64bit

jQuery トグルボタンの実装について

C言語を書いていると、大量のヘッダーファイルが必要となるので、多重読み込みの混乱を避けるためにインクルードガードが必要となります。

`#pragma once`という標準化されていない方法もあるのですが、移植性のあるやり方としては`#ifndef`～`#define`～`#endif`の流れとなっています。

もちろん特に問題なく使っていたのですが、あるときこんなヘッダーファイルを見つけてしまいました。

```C
/* define_only.h：自分が書いていたやり方 */
#ifndef DEFINE_ONLY_H_INCLUDED
#define DEFINE_ONLY_H_INCLUDED

/* ヘッダーの中身 */

#endif /* DEFINE_ONLY_H_INCLUDED */

/* define_1.h：新しく見かけたもの */
#ifndef DEFINE_1_H_INCLUDED
#define DEFINE_1_H_INCLUDED 1

/* ヘッダーの中身 */

#endif /* DEFINE_1_H_INCLUDED */
```

インクルードガードに使う記号定数に値を割り当てることで、何かしらのメリットがあるものなのでしょうか。ご存知でしたらお知らせいただければ幸いです。

(2016/05/17 9:48 追記)

見かけた場所というのが、[Ruby処理系のヘッダーファイル](https://github.com/ruby/ruby/tree/trunk/include)内です。検索してもインクルードガード以外に使われていなさそうだし、ほぼ全ファイルで1が`#define`されていました。

C言語ヘッダーファイルのインクルードガードで、#defineの書き方について

以下の処理を実現できるコマンドを教えてください。

前提）
・ある親ディレクトリ内に複数の子ディレクトリがある
・子ディレクトリ名はすべて数字で構成されている。
・子ディレクトリはすべて空でない
処理）
・子ディレクトリ名を降順（新しい順）に並べたとき、xx個を除いた子ディレクトリをすべて削除する。
例）
1～40という名前の40個の子ディレクトリが存在しているとき、降順の上位5個を除いた1～35の子ディレクトリをすべて削除する。