常連

注目の的

社会貢献

質問力

#SFTP通信です
こんにちは。
公開鍵を使ってSFTPソフト（サイバーダック）でファイルのダウンロードやアップロードをしていました。
#ダウンロード可、アップロード不可
wordpress全体の領域（config.phpなど）はアップロード可能でしたが、テーマの領域（style.cssなど）は一切アップロードができません。
そのため、子テーマに無いファイルをアップロードしたいのにできません！
また新規でファイルを作成することもできませんでした！

ダウンロードはいくらでもできます。

#SSH通信では？
SSHでコマンドを用いてやろうとしたのですが、今度はダウンロードもアップロードもできなかったので、この問題は置いておこうといます。

#どうかよろしくお願い致します。
本当に困っています！
よろしくお願い致します。

【lightsail】ファイルのアップロードができない

### 前提・実現したいこと

worddpressにてcssを読み込みたいです。
### 発生している問題・エラーメッセージ

```

```

### 該当のソースコード

```ここに言語名を入力
<?php 

function add_style() {


    wp_enqueue_style( 
        'primary-style',
        get_template_directory_uri() . '/styles/vendors/reset.css' ,
        array()       
      );
      wp_enqueue_style( 
        'secondary-style',
        get_template_directory_uri() . '/styles/style.css',
        array( 'primary-style' )  
      );
}

add_action('wp_enqueue_style', 'add_style');

?>
```

### 試したこと

<?php echo get_template_directory_uri(); ?>をheader.phpに直接書き込めばcssを読み込んでくれるのですが、記事を色々読んでいると、functions.phpにまとめて記述する方が望ましいといことで、上記のように試してみたのですが、全く反映されません。

もしwordpressに詳しい方がいらっしゃいましたら、教えていただきたいです。
よろしくお願いします。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

wordpressでのcssの読み込み方法について

[https://dyno.design/articles/wordpress-laravel-differences/](https://dyno.design/articles/wordpress-laravel-differences/)
こちらのURLを参考に質問いたしました。

```
ブログサイトでよくWordPress使っているのをよく見ます。

```



[https://s8a.jp/wordpress-is-not-the-best](https://s8a.jp/wordpress-is-not-the-best)
```
上記のURLを見ると、Laravelの方がいいのかな、と考えました。
私はhtml css javascript php mysqlなどプログラミング6年実務7か月くらい携わっておりますのできればWordPressではなくLaravelでブログアプリを作りたいです（認証機能無し削除）
```
```
アフィリエイトサイトのブログを作りたいのですが、LaravelでなくWordPressで作った方がいいのでしょうか？
```

調べたこと

[WordPress（ワードプレス）7つの長所と9つの短所](https://www.akibare-hp.jp/soft/wordpress/)
[Laravelの開発で感じたメリットとデメリットをまとめてみた](https://developers.gnavi.co.jp/entry/laravel-2)

> Laravelは利用者が色々なことを自由に開発できる（規約が少ない）分、よく考えて利用しなければ痛い目に合う可能性が高いフレームワークでもあると感じました。

とリンク先に書いてあるのを確認しました。

###追記

プログラミング歴６年で実務は７か月くらいです。わかりにくくてすいません。

###さらに追記です

[ドットインストール Lalavel5.5](https://dotinstall.com/lessons/basic_laravel_v2)
こちらを参考に実務で４か月程度で経験し、３０回くらい最初から最後まで繰り返し見てみっちり作成しておりました。

ブログサイトをWordPressでなくLaravelで作りたい。

タイトルのとおりなのですが、喫茶店などでノートPCをいじっている環境で、
喫茶店のWifiから自宅PCの情報を取り出したいことがあり、sshでログインできるようい出来ないか考えています。

【環境】
自宅PC: Ubuntu 16.04
外出ノートPC: Korora 25 (Fedoraベースのdist.)
＊要は、どちらもLinux。

【調べたこと】
調べてみると大きく2つの方法があるらしい。
A：グローバルIPアドレスを持つサーバを立てて、そのサーバと自宅PC間で常時ポートフォワードしておき、
   外出先ではサーバ経由でログインする方法
http://www.clear-code.com/blog/2014/9/12.html

B：外出先から、自宅PCのグローバルIPアドレスにアクセスし、ルータにポートフォワードの設定をしておく方法
https://qiita.com/rintarou/items/bef523c7c8f11097e577

【質問】
１．AとBどちらが筋良しなどはあるでしょうか？

２．Aでやる場合、サクラインターネットなどでサーバを借りてやるのが手軽でしょうか？

３．Bの場合ですが、そもそも自室のルータに固有のグローバルIPアドレスが割り当てられているのでしょうか。
   私はアパートに住んでいますが、部屋ごとにグローバルIPアドレスは違うものなのか？
   （契約は個人でしています。自室にモデムを置いています）

初学者で恐縮ですが、よろしくお願い申し上げます。

以上

公衆LANからsshで自宅PCへログインする

プログラムについての質問ではないのですが
ここであればSSHクライアントを使っている人も多いのではないかと思っての質問です。

###私がGUIで使いたいわけ

Macにはデフォルトでsshクライアントが入ってますが、正直CUIなので使い勝手が悪いです。

特に私はRaspberryPiをよく使うので、同じホスト名ユーザ名を使うことが多々あります。
このとき、同じホスト名ユーザ名であっても、システムが別物なのでsshでのkeyが違います。
なので、いちいちkeyが保存されているファイルをいじるか削除しなければならないです。

また、多くのサーバを用いるのでいちいち覚えていられません。

**つまり、GUIで使いたい！**

###質問内容

正直言いますと
わたしは、vSSHを今は用いていまして、大変満足しております。
![イメージ説明](033e9517897c825661e847a452c8b90b.png)vSSH

しかし、他にもGUIのSSHクライアントがあるためとても気になります。
開発ツールって気になりますよね。
![イメージ説明](db280eda1c0b8503afc8cc716a8289ce.png)Termius![イメージ説明](a2df03651c39a24f2dcb64848d041ed6.png)JellyfiSSH

などなど色々あると思いますが
**皆さんのおすすめを教えてください！**

追記：
なぜおすすめなのかも教えてくれると嬉しいです。

ちなみに、
私はsshのほかにftpなどのWeb開発で用いられるサービスもよく使います。

GUIのSSHクライアント教えて[Mac]

毎回毎回git addしてからcommitしているのですが、これを一括でできないのでしょうか？
出来るのであれば一括でできる方法を教えてください。
お願いします。

git addとcommitを一括でしたい。

http://jun69.html.xdomain.jp/la_html/

上記↑デモサイトを作っているのですが、
iphoneでスクロールをする時上下にカクカクします。

・-webkit-overflow-scrolling: touch
・jquery ライブラリ(skrollr、nicescroll)最新バージョンにする

等、いろいろ試しましたが解決できません。。。

どなたか教えていただけないでしょうか。
よろしくお願いします。

safari でスクロールをする時のカクつき

今、自分はセキュリティに関して興味があります。しかし、どんなことを学べばいいかあまりよくわかりません。そこで、おすすめの書籍やサイトがありましたら是非教えてください。また、pythonのスキルアップに関してもよろしくおねがいします。
（ちなみに、pythonの基本的なプログラミングはできます。しかし、pythonでネットワークに関するプログラムをかくことはできません。また、使用しているosはubuntでterminalやvimの操作は基本的なことはできます。）

セキュリティに関する本

Webアプリのスピードアップを図るため、Googleが提供するPageSpeed Insightsで調べてみました。
https://developers.google.com/speed/pagespeed/insights/
すると、「レンダリングをブロックするJavaScript を除去してください」というのが出てきました。
原因は、下記のとおりです。
0. HTMLのテンプレートファイルにおいて、base.htmlという基本となるテンプレートを作り、個別のページはそれを継承してhtmlを読み込んでいます。
0. jqueryやbootstrapといったCDNから読み込むものを、base.htmlにおいて読み込んでいます。本来であれば、これらの読み込みはbodyの最後に行うべきだと思いますが、個別のhtmlにおいてjqueryのコードを動かすためには、base.htmlのheadの所で読み込まないと、そのCDNを受けてコードが動いてくれません。

```html

<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE|default:"en-us" }}">
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"          integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    {% block extrahead %}{% endblock %}
</head>
<body>
{% block content %}
        {{ content }}
    {% endblock %}
</body>
```
```html


{% extends "base.html" %}
{% block content %}

{% endblock content %}
```

結果として、jqueryをhtmlより先に読み込ませることになるので、ページの読み込みスピードが遅いと指摘されています。
考えられる方法として、base.htmlでは、CDNからjqueryを読み込むことをせず、各ページの個別のhtmlでCDNを読み込むことにすれば解決するのかと思いますが、全てのページに配置しておくのも、スマートなやり方ではないのかとも思います。
一般的に、このようにbase.htmlを引き継ぐ形で個別のhtmlを作る場合、jqueryのCDNへのリンクはどちらに配置すべきでしょうか。

jqueryのCDNへのリンクはbase.htmlに置くべきか、個別のhtmlに置くべきか

IPアドレスから住所の特定についてです。

以前、google chrome のアカウントにログインしたら、
> 「chrome」(Linux)からの新しいログイン ・・・・日本、○○県

と私のEメールにメールが来ました。GPS機能はOFFにしています。

一般的に、**IPアドレスからの住所の特定は不可能**と聞きます。

**ISPに問い合わせをしないと、住所は分からない**と思います。
警察がIPアドレスからISPに問い合わせを行う権限を持っているそうですが・・・

#なぜ、googleは「○○県」というのが分かるのでしょうか？？

調べてみました。
[IPひろば](http://www.iphiroba.jp/index.php)
[IPアドレスから都道府県を検索](http://www.iphiroba.jp/index.php)

を使うと、確かに「県」が表示されますが、**時々違う県が表示されます。**

１、googleもこれと同じように、場所特定をしているのでしょうか？？ それとも、もっとすごい技術で調べているんですかね？？
２、上記のようなサイトは、どのようにして「県」を特定しているのでしょうか？？
３、よく「deep webにいるような凄腕の技術者なら、IPアドレスから住所の特定が可能」のような話を聞くのですが、本当に詳しい場所まで分かるものなのでしょうか？？

IPアドレスから住所

https://www.goshu.co.jp/brands/nature-of-toyama/
上記のオープニングアニメーションを実装したいのですが
どういった技術を使用しているか、仕組みがわかりません

HTTrack Website Copierを使用してローカル環境で確認しようとしてもローカル環境だとアニメーションが再生されませんでした。

教えてくだされば幸いです。

水滴の落ちるオープニングアニメーションを実装したい

WPをよく作成するのですが、参考にさせていただくテーマやサイトでは
```php
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
  
  <?php endwhile; else : ?>
  
<?php endif; ?>
```
```php
<?php if ( have_posts() ) : ?>
  <?php while ( have_posts() ) : ?>
    <?php the_post(); ?>
    <p><?php the_title(); ?></p>
  <?php endwhile; ?>
<?php endif; ?>
```
とか書かれています。


**<?php ?>で細かくわける利点はなにがありますか？**

---

私としては細かく``<?php ?>``を書くのは無駄がおおいと感じてしまっていて、
```php
<h3><a href="<?php the_permalink(); ?>"><?php echo get_the_title(); ?></a></h3>
```
などのような
区切らなければ書きづらい場面だけに書いてます。

``if``,``while``とかは
```php
  <?php if (have_posts()) :
    while (have_posts()) : the_post(); ?>
```
と書いています。


**細かくわける理由を知りたいですm(_ _)m**

PHPの<?php ?>はなるべく書いたほうがいいのでしょうか？

現在、jQueryを勉強しています。

そこで、jQueryライブラリソースをダウンロードする方法ではなく[CDN](http://jquery.com/download/)を利用してライブラリを読み込んでいるのですが、

```lang-html
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
```

このsrcの参照先である「//code.jquery.com/」の「//」はダブルスラッシュ以前のプロトコル、http:やhttps:を省略している、とのことですが、

ローカル環境で動かすと、このダブルスラッシュでは正常に読み込めません。(明示的にhttp:を補う必要がある)

なぜローカル環境だとブラウザはhttpやhttpsを判別して、jQueryライブラリCDNにアクセスすることが出来ないのでしょうか？

CDNをローカル環境で使う場合について

wordpressで作成されたページを編集することになり、
ローカル環境をxamppで構築し、wordpressフォルダに
サーバーからダウンロードしたファイルを置きました。

TOPページの大部分は正しく表示されますが、
その中の他ページへのリンクボタンを押下すると
「Object not found!　要求された URL は本サーバでは見つかりませんでした。 
参照元ページのリンクが間違っているか、古くなってしまっているようです。 
ページの著者にこのエラーをお知らせ下さい。」と表示され、
正しく遷移先のページが表示されません。

また、TOPページ内にはwordpressのプラグインMW WP formで作成した
フォームが設置してあったのですが、
その部分が非表示となり、「[mwform_formkey key="19"]」のみが表示されています。

いずれもリンクがうまく機能していない気がします。
これらを解決するにはどうすればよろしいでしょうか。

wordpressのローカル環境での表示

###前提・実現したいこと
wordpressの投稿画面のビジュアルエディタに、自分で編集したcssの見た目を反映させたい。

使用している親テーマ：LION MEDIA
[http://lionmedia.fit-jp.com/](http://lionmedia.fit-jp.com/)

###発生している問題・エラーメッセージ
現在子テーマにcssを作成して、それを読み込ませています。
子テーマのfunction.phpにadd_editor_styleを追加して投稿画面にも読み込ませています。
しかし、投稿画面には全く反映されず、デフォルトの見出しのデザインのままです。（実際の記事ページやサイト上にはしっかりと読み込まれています）
投稿画面でキャッシュも消したのですが変化はありませんでした。
function.phpに読み込ませている関数の書き方が間違っているのでしょうか。ご教授お願い致します。

###function.phpのadd_editor_styleを使っている箇所
```ここに言語を入力
function my_add_editor_style() {
	add_editor_style("style.css");
}
add_action( 'after_setup_theme', 'my_add_editor_style', 20 );
```
※function.phpとstyle.cssは同階層にあります。

wordpressのビジュアルエディタにcssが反映されない

お世話になります。

phpで作ったテストページをクライアントの要望で、クライアント所有のWordPressに入れることになりました。
しかし、条件があり、

・編集者アカウントでの作業（外観編集やプラグイン等がメニューに表示されないアカウント）
・cssとjsは投稿もしくは固定ページ内に一緒に書込をする
 ⇒動作確認後、クライアント側でcssとjsファイルを移動させるとのこと

上記の条件で固定ページのエディタ内に、cssは<style>タグで全て記述、jsは<script>タグで全て記述してみましたが
やはり、テストページと同じように正常に表示されません。。
<style>タグの記述内容が適用されていない感じです。

同じ内容をWordPressではなくDWでhtml形式で保存、ローカルで確認すると若干のズレが一部ありますが、ほぼ正常に表示されます。

そこで質問です。

1：WordPressにソース直書きすると<style>や<script>タグが多いと反映さなくなる事はありますか？

2：WordPressのエディタ上ではclassの複数設定は出来ないですか？
 （エディタはWordPressのデフォルトのエディタです）
 ⇒classが2つ設定されているところは、1つをidに変更してみましたが、変化なしでした。



ちなみに、WordPressのバージョンは「WordPress 4.5.4」です。

すごい初歩的かもしれないのですがご教示頂けると幸いです。

WordPressの固定ページ内にstyleの記述

[このような](https://panasonic.jp/shaver/lamdash/dna.html)サイトはどうやって作られるのでしょうか。
どんなツールで作られてるのかご教授頂ければ幸いです。

まずはPhotoshopでつくってAnimateCCとかで作ってるのでしょうか。

canvasやsvgアニメーションのヒーローヘッダーの作り方

DataFrameのレコードの数からデータを絞りたいです。
DataFrameのdfがあり、中身は
```ここに言語を入力
	NAME	AGE		SCORE	
0	Tom		29		100
1	John		38		90
2	Juddy	19		10
・
・
・
101	Tom		29		97
102	John		38		89
103	Kei		28		92
・
・
・
```
のようになっています。
このデータの中から、
```ここに言語を入力
0	Tom		29		100　
```　
のようなNAMEごとのデータの合計数が１００にならないデータはdfから削除したいです。
```ここに言語を入力
print((df == “Tom”).sum())
```
とすると、何件データがあるのか確認でき、この場合１００と出てくるので残します。例えば、
```ここに言語を入力
2	Juddy	19		10　
```
のJuddyのデータがdf内に１０件しかない場合、１０件の全Juddyのデータは削除したいです。

データが何件あるのかを確認する方法はわかりますが、該当件数に満たないデータを自動的にチェックし削除する方法がわからず・・・。どのようにコードを書けばそれができますか？

DataFrameのレコードの数からデータを絞りたい

### 前提・実現したいこと

プロゲートのHTML＆CSSの道場コースで詰まっております...
お問い合わせ部分のh3の”お問い合わせ”の文字を、メイン部分の”学べるレッスン”と同じく左寄せにしたいです。
どちらにも"section-title"のクラスをつけています。
お問い合わせ部分のみに集中して、
.contactform h3 {text-align: left;}でやってみたのですが、”お問い合わせ”の文字が中央に寄ったままで、改善されませんでした。

### 発生している問題・エラーメッセージ

**HTMLはこちらです↓**

```HTML
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Progate</title>
    <link rel="stylesheet" href="stylesheet.css">
  </head>
  <body>
    
      <div class="header">
       <div class="header-logo">Progate</div>
           <div class="head-list">
             <ul>
               <li>プログラミングとは</li>
               <li>学べるレッスン</li>
               <li>お問い合わせ</li>
             </ul>
           </div>
      </div>
      
      <div class="main">
          <h1>HELLO WORLD<span>.</span> </h1>
          <h2>プログラミングの世界へようこそ</h2>
          <h3 class="section-title">学べるレッスン</h3>
        <div class="contents">
          <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/html.svg">
          <p>HTML&amp;CSS</p>
        </div>
        <div class="contents">
          <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/php.svg">
          <p>PHP</p>
        </div>
        <div class="contents">
          <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/ruby.svg">
          <p>Ruby</p>
        </div>
        <div class="contents">  
          <img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/swift.svg">
          <p>Swift</p>
        </div>
      
        
        
       <div class="contact-form">
         <h3 class="section-title">お問い合わせ</h3>
         <p class="contact">メールアドレス（必須）</p>
         <input type="text" class="email">
        
         <p class="contact">お問い合わせ内容（必須）</p>
         <textarea  class="contact"></textarea>
         
        
         <p class="contact">※必須項目は必ずご入力ください</p>
         <input type="submit" class="submit">
         </div>
      </div>

```

  </body>
</html>


**CSSがこちらです↓**

```CSS
/* CSSのリセット（消さないでください） */
html, body,
ul, ol, li,
h1, h2, h3, h4, h5, h6, p,
form, input, div {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

/* ここからCSSを記述してください */
body {
  font-family: "Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif;
}
/*ヘッダー部分*/
.header {
  background-color: #26d0c9;
  height: 90px;
  color: #fff;
}
.header-logo{
  float: left;
  font-size: 36px;
  padding: 20px 40px;
}
.head-list li {
  float: left;
  padding: 33px 20px;
}

/*メイン部分*/
.main {
  margin: 100px 80px;
}
h1 {
  font-size: 140px;
}
h2 {
  font-size: 60px;
  padding-bottom: 100px;
}
.section-title {
  border-bottom: 2px solid #dee7ec;
  font-size: 28px;
  padding-bottom: 15px;
}
span {
  color: #ff4a4a;
}

/*レッスン部分*/
.contents {
  float: left;
  padding-top: 50px;
  padding-right: 40px;
  margin-bottom: 100px;
}
.contents p{
  font-size: 24px;
  padding-top: 30px;
}
/*お問い合わせ*/
input {
  padding: 20px;
  border: 1px solid #dee7ec;
  margin-bottom: 30px;
  margin-top: 10px;
  width: 400px;
}
textarea {
    padding: 20px;
  border: 1px solid #dee7ec;
  margin-bottom: 30px;
  margin-top: 10px;
  width: 400px;
}
.contact-form h3 {
  margin-bottom: 50px;
  text-align: left;
}
.submit{
  font-size: 18px;
  color: #889eab;
  background-color: #dee7ec;
}

```




### 試したこと

色々試して見たのですが、根本的な理解が足りないため、どうにもなりません。
どこがどう間違っているか、教えていただけるとありがたいです。

### 補足情報（FW/ツールのバージョンなど）
こちらはプロゲート上でのプレビュー画面になります。
お問い合わせ以降が中央に寄ってしまっています。
![イメージ説明](ea9dc7bc6a17cd59762514e237ee6fc8.png)

目標物はこちらです。↓
![イメージ説明](a942db56872f4ab56f7ecbc1e5d9dd75.png)

こちらをローカル環境にて表示してみると全然違う表示です。これはどこか間違っているのでしょうか？↓
![イメージ説明](9d2d23826830fad901bc4b417b7a08d8.png)]

初心者のHTML＆CSSにて、2つのh3要素に同じCSSを適用したいのですが

Python をはじめたばかりの初心者です。

Python はプログラミング言語として初心者が始めやすく扱いやすいとして紹介されていました。

プログラミング言語を学ぶうえでも、言語の将来性が高いことやgoogleなどにも採用されている等で、実用性が高いということで魅力的であるといわれているようです。ただ、、

自分の中ではいまだ Python の良さがいまいちわかりません。以下が理由です。
---

（よくあるPythonの紹介）
- Python は対話的にプログラミングができるからいい。
→プログラミングって対話的にやってる人いなくない？？ 

- Python は、いろいろ使えるしライブラリーが豊富、海外でもユーザーが多い。
→ライブラリの使い方がわからない。海外にユーザー多くても英語で読めないので結果使えない。そもそもAPIの説明書を見てもよくわからない。

- Python は、インストールも簡単だから初心者もOK、Linuxを使ってるひとならコマンドで...
→そもそも初心者ってLinux 使ってるのか？ コマンドって黒い画面（コマンドプロンプト）から初心者はやらなくない？？

- Python でTweepyを使うなら、pip から簡単に...
→pip ってなに？

--
わたしがいま直面しているのがこのようなところです。結局pythonをいじり始めて、参考書片手に基礎を進めていますが、いまいち広がりが感じられず、そもそもpythonって初心者に優しいのかが疑問になってきました。紹介されているコードも結構動かなかったりしてるので、何が正しいのかもわからず頓挫しています。


Pythonの良さや、わかりやすい参考書、あるいは初心者がPythonを使いこなせるようになるためにいいサイトなどがあればご教示いただけますでしょうか？