常連

注目の的

社会貢献

質問力

自己紹介

通常、Googlechrome上でweb上の画像を右クリック、PCに保存。自分のブログにアップロードという流れを
ほとんど右クリック一発で、アップロードまで行うというプログラムの開発を目指しています。
そのうちの、chrome上で得たURLをPHPファイルに送って、そこで投稿という事を想定しています。
様々な言語で様々な方法があると思われるのですが、
私の調べて進めた作成途中の方法では、言語で、
javascript、jquery、PHP、あたりでこれらはできるのかと予測をしつつ、進めております。
既存のこれらのものを検索してみますと、一発ではてなフォトにアップロードしたり、一発でDropboxへ、などあるようでしたが、
自分のブログにアップロードするものは見当たらず、
これが出来たら、ブログの記事装飾も格段と早くなると考え、どうしても作成をしたいと思っております。
画像自体はもちろん無料素材等の問題ないものです。


以下はまず、Chromeの右クリックうんぬんでなく、
javascript、jqueryから、POSTしてちゃんとPHPにデータが渡っているかどうかを模索しました。
chromeから自分のPHPファイルに送信さえできれば、その変数を画像投稿でもなんでも使えるので、まずはuseridの値やpasswardの値さえ送ることができれば、と思いました。



```ここに言語を入力
【私のレンタルサーバー上のindex.html】
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
        $.ajax({
            url:'～～～上記と同様の私のレンタルサーバー上のPHPファイルのURL～.php',
            type:'POST',
            data:{
                'userid':'aaaaaaaa',
                'passward':'bbbbbbbb'
            }
        })
        // Ajaxリクエストが成功した時発動
        .done( (data) => {
            $('.result').html(data);
            console.log(data);
        })
        // Ajaxリクエストが失敗した時発動
        .fail( (data) => {
            $('.result').html(data);
            console.log(data);
        })
        // Ajaxリクエストが成功・失敗どちらでも発動
        .always( (data) => {
       });
</script>

```




```ここに言語を入力
【～～～私のレンタルサーバー上のPHPファイルのURL～.php】
<?php

if (isset($_POST['userid'])) {
$bbbb = $_POST['userid'];
}

///////////ここに$bbbbをphpmyadminに挿入するような処理を記載。　
成功なのでデータ送信も成功している。ブログへの画像投稿も送信がしっかり成功すれば成功するはずである。

?>       

```




まず上記では成功しているので、単なるhtmlファイル（javascript,jquery）、PHPファイルではデータは技術的にはミスはないと考えました。
続いてchrome拡張機能の開発ですが、


```ここに言語を入力
【manifest.json】
{
     "manifest_version": 2,
     "name": "mission",
     "version": "2",
     "browser_action": {
          "default_popup": "popup.html",
          "default_icon": "33.png",
          "default_title": "Hello"
     },
     "background": {
          "scripts": ["background.js","jquery-3.1.1.min.js"]
     },
     "permissions": [
          "contextMenus",
          "tabs"
     ],
     "icons": {
          "16": "33.png"
     }
}
```


popup.html、pngファイル、同一フォルダに取り込んであるjquery-3.1.1.min.js等々はおいておきまして、
background.jsは以下です。


```ここに言語を入力
background.js
chrome.contextMenus.create({title: "hoge", "contexts":["image"],onclick: hoge}, function(){
     alert("コンテキストメニュー登録完了");
});

function hoge(){

                $.ajax({
                    url:'～～～私のレンタルサーバー上のPHPファイルのURL～.php',
                    type:'POST',
                    data:{
                        'userid':'aaaaaaaa',
                        'passward':'bbbbbbbb'
                    }
                })
                // Ajaxリクエストが成功した時発動
                .done( (data) => {
                    $('.result').html(data);
                    console.log(data);
                })
                // Ajaxリクエストが失敗した時発動
                .fail( (data) => {
                    $('.result').html(data);
                    console.log(data);
                })
                // Ajaxリクエストが成功・失敗どちらでも発動
                .always( (data) => {

                });
                          

};

```


これで、データはPHP側にはいかないのですが、
どうすればよろしいでしょうか；；申し訳ありません；宜しくご指導願います！！

Chrome拡張機能プログラム、ブラウザ上の画像を右クリックでURLを抽出してPHPファイルにデータ送信して、自ブログにアップロード、など。

dot.installでsocket.ioについての勉強をしているのですが、
サーバーに接続する際に、下記のようなエラーが出ます。
```ここに言語を入力
/home/vagrant/socket.io/node_modules/socket.io/node_modules/engine.io/node_modules/uws/uws.js:3
const http = require('http');
^^^^^
SyntaxError: Use of const in strict mode.
    at Module._compile (module.js:439:25)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Module.require (module.js:364:17)
    at require (module.js:380:17)
    at Server.init (/home/vagrant/socket.io/node_modules/socket.io/node_modules/engine.io/lib/server.js:115:16)
    at new Server (/home/vagrant/socket.io/node_modules/socket.io/node_modules/engine.io/lib/server.js:65:8)
    at Function.attach (/home/vagrant/socket.io/node_modules/socket.io/node_modules/engine.io/lib/engine.io.js:123:16)
    at Server.initEngine (/home/vagrant/socket.io/node_modules/socket.io/lib/index.js:274:21)

```
調べるとnode.jsのバージョン(v0.10.48)が古くsocket.ioに対応していないために起こるエラーであるとのことでしたのでUpdateしようとしたのですが、インストールをし直しても、npmから更新をかけても、バージョンが0.10.48から更新されません。
心当り等ありましたら教えていただけませんでしょうか？

追記いたします：
OS : MacOS
npm : v 5.5.1

node.jsとsocket.ioについて

MacOSX（Marvericks）にインストールしたXAMPP上で、
Apacheが起動しません。

ポート80の競合が原因であることが多いそうなので調べてみたところ、
確かにChromeがポート80を使っていました。
そこでChromeを終了してポート80が開放されたことを確認して
再度XAMPPからApacheを起動してみたのですが、
やはり起動しません。

ポートの競合以外に考えられる原因と、
解決方法をご存知のかたがいらっしゃいましたら
どなたかご教授ください。。

よろしくお願い申し上げます。

【環境】
・MacOSX (10.9.5)
・XAMPP 5.6.12-0

MacのXAMPPでApacheが起動しない

こんにちは．
タイトルまんまで，常に一番下を見せたいです．
チャットシステムのようなものを作っているのですが，ページより下にテキストがいってしまうと，わざわざスクロールしなければいけなくなります．
しかし，それでは面倒くさいので，自動的に一番下になるようにしたいです．

```lang-jquery
$(function(){
  $("html,body").animate({scrollBottom:0});
});
```
自分で書いてみたコードです．
scrollTopがあるんだから，scrollBottomもあるはず？と思って（笑）．
しかし，できませんでした．

どうすればできるのでしょうか？

よろしくお願いします．