常連

注目の的

拍手喝采

初歩的な疑問があります｡
Python のDjangoを使っていて(他のものでもだと思うのですが)ページ遷移メソッドな種類があり､これはどのタイミング使用していいのか､疑問に思いました｡例にあげれば

0. HttpResponseRedirect
0. reverse
0. redirect
0. render
0. reverse_lazy
の場面によっての使い分けが分かりません｡
一応自分がよく使うものの例が
```python
# HttpResponseRedirectとreverseを使ったもの
from django.views.generic.edit import CreateView
from django.http import HttpResponseRedirect
from django.core.urlresolvers import reverse

class UserDetailCreateView(CreateView):
    def dispatch(self, request, *args, **kwargs):
        # ログインしてないとエラー
        if not request.user.is_authenticated():
            messages.error(self.request, '新規登録後の設定になります')
            # return redirect('auth_login')?
            return HttpResponseRedirect(reverse('auth_login'))


# reverse_lazyを使ったもの
class UserDetailUpdateView(LoginRequiredMixin, UpdateView):
    model = UserDetail
    form_class = UserDetailModelForm
    success_message = "%(first_name)s さんの情報が追加されました｡"
    success_url = reverse_lazy('events:list')



# 他にも関数を使ったもので
# redirectとrender
def user_info_add(request):
    form = UserInformationModelForm(request.POST or None)
    if form.is_valid():
        user_info.save()
        messages.success('userが追加されました｡')
        return redirect('userdates:home')
    context = {
        'form': form,
    }
    return render(request, 'userdates/user_info_add.html', context)

```

一応自分の認識を例に上げると
・redirectとrenderの違いは､POSTで返って来たデータを安全に破棄して違うviewに遷移させるのがredirectで､ただもらったデータを元にTemplateに渡すだけのものをrenderかなと思っています｡
・reverse_lazyは､reverseを文字列として渡す時に使用する
以上です｡
これは違う言語やFrameworkでも同じことだと思うのですが､皆様の見解をどうかお聞かせ下さい｡

Djangoのページ遷移メソッド reverseやredirectやrenderについて

初めて投稿致します。
　AccessでフロントとDBとに別分けにして、リンクテーブルでADOで作成したものがあります。
　DB部分をSQL-Serverにして、ネットワーク接続を試みておりますが、うまくいきません。調べ方が悪いことはわかるのですが、どのようなキーワードで調べれば良いか検討もつかず、ここに行き着きました。
　
　環境ですが、
　Windows7 Pro 64bit版に、Access2010とSQL-Server2014 Expressを入れて、ODBC設定やSQL-Serverからのリンクテーブル設定をして、これは稼働成功をしております。こちらのＰＣには、Access2010の開発ソフトをインストールしてあります。
　この環境に対し、同じ社内のネットワーク上にある、Windows7 Pro 32bit版のパソコン（Accessの製品はなく、SQL-Server製品の類も全く無し）に、先ほどのAccess2010のフロント部分をコピーし、2010ランタイムも入れて、稼働させようとしたところ、
　
　「実行時エラーが発生したため、このアプリケーションの実行は中断されました。アプリケーションを実行できません。システムはシャットダウンされました。」と表示され、稼働しません。
　
　どのようにすればよろしいでしょうか？。

　対処した内容は、
・accdbでODBC接続設定をしたものをaccdeに変換して配布
・ODBCの設定は、下記を参考としました
　http://itdiary.info/microsoft-office/post-108/
・配布先PCには、Accessの開発環境は無い為、ランタイムをインストール
・配布先PCのAccessには、設定等の追加変更はしてない
・SQL-Serverの設定は、下記を参考としました
　https://doublequotation.com/gift/20160217.pdf
・加えて、SQL-Serverへの接続をする為に、トップ画面のフォームロードに、下記コードを追加しました。

****************************************
SQL-Server 2014 expressを入れた側のＰＣにおいて、
　PC名：AAA
　DB名：YYY
　saアカウントで、パスはxxxxという具合のものとすると、
****************************************
　
Dim cnnS As ADODB.Connection
Dim recW As ADODB.Recordset

Set cnnS = New ADODB.Connection
Set recW = New ADODB.Recordset

cnnS.Open "Provider=SQLOLE DB;" & _
"Data Source=AAA\SQLEXPRESS;" & _
"User ID=sa;" & _
"Password=xxxx;" & _
"Initial Catalog=YYY"


 当方、元々制御系開発従事者で、DB系の開発は、Accessオンリーの小さな者しか経験ありません。
 他のDB製品を使った開発経験はありません。
 SQL-Serverのインストール設定も書籍を見よう見まねで今回設定してみました。
　中小企業で、今回のは、基幹システムでもないので、常時接続は2・3人程度です。本来ならサーバー機とExpress以外の製品を購入して、となるのでしょうが、そんなお金はありませんし費用対効果がありません。よって、ＰＣでなんとか実現したいと存じます。

　よろしくご教授お願い致します。

クライアントＰＣのAccessからSQL Serverへの接続の方法について

###前提・実現したいこと
Vue.jsで自作した子コンポーネントを親から複数箇所で呼び出しています。
そのうちの1つでだけ値の入力後に独自の処理を行いたいため、
親から子に対してコールバック関数を渡したいです。

コンポーネントの中身はテキストボックスにコードを入れると名称を取得してきて隣に表示するというものです。
コールバックで行いたいのは、名称以外の値も一緒に変更するという処理です。
一緒に変更したい値が18個ぐらいあるので、変更したい側に書くよりコード変更時に処理したいと思っています。

Vue.jsのサイトを見るとpropsの型にFunctionが有ったので渡せるのでは？と思っていたのですが、
色々試してみても文字列になってしまいます。
どうやって関数自体を渡せばいいのでしょうか。

###該当のソースコード
※コンポーネントのソースが長いので、関数が渡せるかどうか試しているテストコードを載せています。
子コンポーネント
```js
var child =  {
    props:{
        testFnc : Function
    },
    template: "<input type='text' v-on:change='onChange' />",
    methods:{
        onChange:function(){
            this.testFnc("aaaa")
        }
    }
}
```
親側
```js
window.onload = function(){
	new Vue({
		el:'#vue_contents',
		methods:{
			setTest: function(msg){
				alert(msg);
			}
		},
		components : {
　          'child':child
		},
	});
}
```
呼び出すところ
```html
<child test-fnc="{{setTest}}"></child>
```
this.testFncに何が入っているかデバッグツールで覗くと「{{setTest}}」が入っています。

###試したこと
１．呼び出しのところにv-bindを付けないと文字列になるという記載を見つけて
```html
<child v-bind:test-fnc="{{setExtendInfo}}"></child>
```
にしてみました。
結果、ページ全体が表示されなくなりました。

２．関数を変数に入れて変数名を渡してみました。
```js
var test = function(){
  alert("呼べてますか…？");
}
```
無駄な抵抗で呼び出し側でもダブルクォーテーションを取ってみる。
```html
<child test-fnc=test></child>
```
文字列「test」が渡されました…。

３．そもそも親側でwatchしてコールバックを書いてみる
親のデータとバインドしていたので、親側でデータをwatchしてみました。
```js
 watch:{
   testdata:function(newVal, oldVal){
      alert("ここがコールバックになる予定");
   }
 },
```
呼ばれることは呼ばれましたが、1文字入力するごとに呼ばれてしまいます。
入力するコードが長さが決まっていないという仕様なので、入力値の長さでチェックすることもできません。

４．3案でフォーカスが当たっている間は処理しないようにしてみる
暫定でコードを入れるテキストボックスにid="testdata"と名付けました。
```js
 watch:{
   testdata:function(newVal, oldVal){
      if (document.activeElement.id === "testdata") {
          return;
      }
      alert("ここがコールバックになる予定");
   }
 },
```
alertが呼ばれることはありませんでした。
よく考えたら最後の文字が入力されたときに呼ばれてもフォーカスはまだ当たりっぱなしなので、当たり前でした…。

###補足情報(言語/FW/ツール等のバージョンなど)
言語：Vue.js 2.2.4

Vueで親から子に関数を渡す方法

昔、プログラマだったせいなのかインフラ系エンジニアになってる今もVBA（セキュリティ上、社内で使える言語がほぼそれしかない現状）でツールとか時々作ってます。VBAはググるとたいてい答えが出てくるので、あんまり悩まなくていいと思うのですが、ちょっと欲が出てきました。
　ふと、google apps scriptが気になって調べてみたのですが、これを仕事にしている方はおられますか？　google apps scriptベースのシステムを導入している会社はどれくらいあるのでしょうか？　インフラエンジニアとしては結構魅力的な技術だと思いますので、使ってるよという方がおられましたらお教えください。

追記：インターネットに接続できる環境でないと使えないというのがネックでしょうか。

google apps scriptは仕事になるの？

お世話になります。

現在BEMを勉強しており練習のため下記を作成しましたが、なんだか冗長的になってしまいました。

下記コードををBEMを用いて記述したい場合、皆さんならどうされますでしょうか？
ご意見いただきたいです。

```
<header class="header">
    <h1 class="header__logo">ロゴが入ります。</h1>
    <nav class="header__nav">
        <ul class="header__nav__list">
            <li class="header__nav__list__item--type1"></li>
            <li class="header__nav__list__item--type2"></li>
            <li class="header__nav__list__item--type3"></li>
        </ul>
    </nav>
</header>
```

css設計について【BEM】

仕事でNode.jsを使うことになり書籍を探したのですが、どれも古いものばかりに思いました。

このような場合、どうすればいいのでしょうか？
やはりtutorialが一番なのでしょうか？

node初心者が学ぶ時のオススメ書籍を教えてください。

抽象的な質問ですみません。
Web系のエンジニアで、自動車系の業界のIT部門にいます。
近年、IoTの世界でモノからデータをサーバに送るような試みが多くありますが、
その多くがNode.jsで開発されているような気がします。
しかしながら、Node.jsというサーバ言語がなぜそれほどIoTに適合するのかいまいちわかりません。
Node.jsにはノンブロッキングIOという仕組みがあって多くのリクエストを捌きやすいというのを聞いたことがあります。また、Socket.ioというWebSocketを実装したライブラリあることも知っています。
しかしこれらの要求は、他の汎用言語でも満たせると思いますし、JavaScriptという言語自体がサーバーサイドの開発において難易度が高そうな気がします。
僕はあまり知識がないので、簡単にでいいのでわかりやすく説明していただけないでしょうか。

なぜIoT分野ではNode.jsが用いられているのでしょうか？

# 質問

**サイトA**: HTTPでの通信
**サイトB**: 自己署名証明書のHTTPSでの通信

のサイトAとサイトBのどちらがセキュアといえるか？
という質問です。

# 質問背景

個人的にはサイトBの「HTTPSだけど証明書が自己署名証明書」方がセキュアなのではないかと考えています。
なぜなら、自己署名証明書の問題はHTTP通信でも抱えている問題だと思うからです。

ですが、**ChromeなどブラウザではHTTPはほとんど警告なしに表示するのに、証明書が信頼できないものは過剰な警告を出す**ので、
Chromeが「HTTPのほうがマシ（よりセキュア）」と言っているようなきがするのです。
こういう背景で質問して、スッキリしたいと思いました。



私の自己署名証明書の問題点の理解は、以下のサイトからです。

Qiita記事: [オレオレ証明書を使いたがる人を例を用いて説得する](http://qiita.com/Sheile/items/dc91128e8918fc823562)
から引用させていただくと、

> 1. 暗号化。サーバ側とクライアント側で暗号化／復号化を行うことにより、通信経路上での盗聴・改竄を防ぎます。

> 2. 通信相手が正しいことの保障。DNS cache poisoningや、MITM(Man in the middle)によるSSL終端など、攻撃者によって通信相手が変更された場合に警告を表示することで、攻撃者による盗聴・改竄を防ぎます。

> 3. 改竄の検出。サーバ側で証明書を使って署名することで、通信経路上で改竄された場合にもクライアント側で受信した際に改竄を検出することができます。

1は自己署名証明書でも可能
2, 3は自己署名証明書では問題になる

どっちがセキュアですか？「HTTP」と「オレオレ証明書のHTTPS」

今、アプリケーションをサーバレスで動かしたく、Google Apps Scriptを使ってます。

そこで、利用予定のAPIのトークンを書いておく必要があるのですが、
これを直接スクリプトに書いておいてもセキュリティ的に問題ないのでしょうか。

非公開にしていれば問題ないような気もするのですが、出来ればどこか安全な外部に配置して、そこから持ってくるような形にした方がよいのでは?と考えております。

実際にGoogle Apps Script等を運用してらっしゃる方がいれば、教えて頂きたいです。

Google App ScriptでAPIトークン等はどう扱うべきか

現在google forｍを使用してタイムカードとして利用しています。
回答はスプレッドシートに自動的に集計されていますが、このスプレッドシート内に月が変わるごとに新しいシート（「2017.04」といった具合）を自動生成することは可能でしょうか？
ご存知の方入らっしゃいましたらご教授いただければ助かります。

GAS フォームからの回答 月別にシートをわけたい

###知りたいこと
PHPで自社製品プログラムを開発しているのですが、ライセンスのある外部プログラム（`GPL`等）を自作プログラムに含めてパッケージングするといろいろと面倒なので、CDNに公開されているものはリンクして利用すれば気にしなくてOKだと思って開発を進めていました。ですが、一応、気になったので質問です。

JavaScriptやその他CSS等、CDNでリンクしてくるものは特にライセンスを気にせず自社製品に使ってOKなのでしょうか。
例えば [Font Awesome](http://fontawesome.io/) はGPLライセンスですが、 [cdnjsにあるFontAwesome](https://cdnjs.com/libraries/font-awesome) に以下のようにリンクして自社製品のHTML画面で利用した場合、ライセンス的に何か問題あるでしょうか。

```html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
```

`GPL` や `LGPL` や `MIT` などのライセンス内容を解説サイトなどで調べましたが、CDNリンクについての言及が見当たらなかったため、こちらにて質問させていただきました。
ご見識のある方、何卒ご教授願います。

CDNリンクだけならライセンス気にせず自社製品に使っていいでしょうか

タイトルの通りです。
ウェブサイト上でルート機能は実装可能でしょうか？

![イメージ説明](46f7b77ffa8ce13bc0c9789f2518cab5.png)

GoogleMapAPIでルート検索は実装できませんか？

### 質問

WEBエンジニアとして、必要なスキルを最短で身に付けるには、
何を、どのような順序で学んでいけばよいかご教示いただけないでしょうか。

### 現状のわたし

はじめまして。
現在WEBエンジニアとしてPHPを使って開発を行っています。
が、業務内容としては既存システムの運用がメインのため、自分でコードをイチから書ける自信があまりないです。
また、Apacheの動作原理などの理解も浅く、自分でWEBページを構築出来るかどうか不安といったような状況です。

### 課題

このような状態が続いてしまうことに大変な危機感を抱き始めてきました。
社内での異動などの話が上がってきているのですが、今他部署に行けば全く使えない状況なのは明らかです。
そこで、一刻もはやくWEBエンジニアとして使える人間になるためにはどうしたらよいかということを考えるようになりました。

とにかく早く、効率的に学習していきたいと考えていますが、
如何せん知識が乏しい為に、答えが見つからずにいます。

一言にWEBエンジニアといっても、必要な知識はいろいろとあると思います。
それらの知識を、どのような順番で学んでいけば良いのかをざっくりとでも良いのでご教示いただけないでしょうか。
そこから、具体的なスケジュールを組み、最短で使えるWEBエンジニアに成長していきたいと考えております。

最短で使えるWEBエンジニアになる為には

並び替えの動作は以下のスクリプトで動作することを確認できています。
このスクリプトを自動で動作させるタイミングを入れたいのですがどのようにしたらよいでしょうか？

実行タイミングは
１）google form からの回答が入り、スプレッドシートに集計される
２）この時にスプレッドシート内に行が追加されると思うので、そのタイミングで以下のスクリプトを実行したい

```Google Apps Script
function sort(){
    var ss = SpreadsheetApp.getActiveSpreadsheet();
    var sh = ss.getActiveSheet();
    var range = sh.getRange("A2:G");
    range.sort([{column: 1, ascending: false}]); //列１(A)を基準に 降順で並び替え
}
```


皆様のお力を貸していただけますと幸いです。
宜しくお願い致します。

Google formの回答でスプレッドシートに行が追加された際に降順で並び替えしたい

css3のアニメーションを使用して、
正円を線で描く処理を作成したいです。

どうしてもteratailのアンサー様の力が必要になりました。
出来ればソースコードによる回答して頂きますと分かりやすくてありがたいです。
どなたかよろしくお願いします。

css3のみで円を線でアニメーションを使用して描きたい

Googleのスプレッドシートで以下の表があったとし、
「配信対象」で「〇」としたものだけメールで送信するというのをしたいのですが、
１件づつであれば、スクリプトでの差し込みはわかるのですが「複数」だとやり方がよくわかりません。

項目１	項目２	配信対象	配信済フラグ
りんご	秋田	〇	配信済
みかん	埼玉	〇	
りんご	東京		
りんご	秋田	〇

配列設定をすればできるというのはわかるのですが、
どのようにスクリプトを書いていけばよいでしょうか。

＜送信本文イメージ＞
項目１	項目２
みかん	埼玉
りんご	秋田

※表形式でなくてもよいです。
※メール本文で複数の配列？情報を差し込むというのがよくわかりません。

ちなみに、送信後は「配信済フラグ」に「配信済」として
次回以降は実行しても、送信対象としないようにしたいです。


以上となりますが、どなたかご教示いただけないでしょうか。
よろしくお願いします。