常連

注目の的

社会貢献

拍手喝采

自己紹介

![イメージ説明](890ac1c6ac34a67f14ddcf505d30c13c.jpeg)テキストエディットで .bash_profileを開き、編集したかったので、open~/.bash_profileとターミナルでEnterを押すと以下のような表示がされ、開けません。
どのようにしたら開く、または編集できるでしょうか!
テキストのエンコーディングも変えたのですがダメでした。[イメージ説明](0a362951c5d93645660239091f959a6d.jpeg)

bash_profileが開けない

JavaやC言語の入門書の本を読んでいるのですが、読み終わって、自分でプログラミングをしてみようとするのですが、全くできません。

Javaは「スッキリわかるJava入門」、C言語は「明解C言語」を読みました。

変数や条件分岐といった基礎的なものは、本を読んだので、わかっていると思うのですが、それ以降に進もうとすると、何が分からないのか分からないといった状態になります。

どうしたら、プログラミングを楽しみながらできるようになるのでしょうか？プログラミングにハマるくらいになりたいです。

JavaやC言語が難しいのでしょうか？JavaScriptとかからやった方が良いのでしょうか？

迷走している自分に良いアドバイスがありましたら、教えてください。

よろしくお願い致します。

プログラミングの基礎以降がどうやって勉強したらよいかわかりません。

JavaScriptで、varで宣言された変数の値が
falseからTrueに変わったら実行される関数の作り方を探しております。
変数を監視しているようなものと言ったら良いのでしょうか。

【背景】
ソースコードに対する単体検証用テストベンチを作成しているのですが
変数の値の変化をトリガとして使いたいと考えています。

ご存知の方いらっしゃいましたら、よろしくお願い致します。

JavaScript 変数の値の変化で実行される関数の作り方

画面上に絶対表示させている画像の切り替えを位置に応じて行いたいのですが
タブレットやスマートフォンのように表示がまちまちの場合は
どれくらいのpxをスクロールしたかで切り替えるという方法がうまくいきません。

例えば下記のように4つのボックスがあるとして
上記の方法だと仮に#box01の高さが800px、#box02の高さが1000pxだとしたら
0pxから800pxまでは画像Aを表示、801pxから1800pxまではBの画像を表示というような挙動になります。

こういった方法ではなくそれぞれボックスの1番上が絶対表示の画像に差し掛かったときに
切り替えることができれば環境を問わず期待した位置で切り替えられると思うのですが
jQueryでどのように実装したらよいでしょうか。

<div id="box01">
コンテンツ（文章や画像など）
</div>

<div id="box02">
コンテンツ（文章や画像など）
</div>

<div id="box03">
コンテンツ（文章や画像など）
</div>

<div id="box04">
コンテンツ（文章や画像など）
</div>

jQueryでのスクロール位置の取得

現在、webエンジニアの評価基準の見直しを考えているのですが、
みなさまの環境ではどのような評価をどのように行なっておりますでしょうか。

当方では、チーム開発を大切にしておりますので、コードの質は担保するように
日々の開発を進めております。定期的なコードレビュー、プログラムテストは
複数人で行ない、いつ改修がかかってもいいように常に分かりやすいコードを
意識してコーディングをさせております。

その中で、1人1人が生産性の高い仕事ができているかを計れる評価基準を設けたいと
考えているのですが、どこに重点をおいていいか、なかなかまとまりません。

・残業時間の長さ（残業が少ないを基準においていいのか）
・業務量の多さ（何を持ってタスクをどれだけこなせているかと考えるべきか）
・障害への対応方法（突発的な対応があった際に、適切な対応が行なえているか）
・設計のシンプルさ（他の人から見て複雑な設計になっていないか）
・企画サイドとサービスを作る視点で業務ができているか

など、エンジニアの業務を計る基準をいろいろと模索しておりますが、
まとまらず、みなさまの環境での参考となりそうな事例がございましたら、
教えていただきたく存じます。

お忙しい中恐縮ですが、よろしくお願いいたします。

webエンジニアの評価基準を教えていただきたいです。

htmlでwebサイトを作ろうと考えているのですが、javascriptでdiv内の文字の取得の仕方が解りません。
どなたか詳しい方取得の方法を教えていただけますか。

```ここに言語を入力
<div id="div1">
   <div>1</div>
   <div>2</div>
   <div>3</div>
</div>
```

htmlでdivの中身を取得したい

Webコーディング初心者です。よろしくお願いします！

https://github.com/jnicol/particleground
上記情報のアニメーションを背景に実装したく
いろいろなサイトが書いてある手順を元に進めていたんですが
背景に敷きたい箇所を<div id="particles">で囲っても
背景に敷かれず、html情報の下に入ってしまいます。
どうすれば、背景へ実装できるでしょうか？
cssの中身に関しても必要なことがあればお教えいただきたいです！
どうぞよろしくお願いいたします！！

背景にアニメーションするパーティクルを実装したいです！

みなさん、こんにちは

どのように勉強すればjsらしく記述で、パワフルなコードを書けるようになるのでしょうか？

私が今jsを書くと、どことなくJavaやC#っぽくなってしまいます。
これは、サーバサイドがJavaなので、影響を受けてjavaっぽいコードになっているのかもしれません。

レスポンスやベストアンサーを選ばないかもしれないので、それでもOKという方のみ回答して頂いけますでしょうか。

JavaScriptの勉強方法はどのようにすればよいか？

```javaScript
document.getElementById("tab_open").click();
```
上記コードでボタンをクリックし、新しくページを開いて、下記のように新しいページの要素にセットしたいのですが、可能でしょうか。
```javaScript
document.getElementById("name").value = "teratail";
```
無理そうな感じもするのですが、よろしくお願い致します。

.click()で開いたページの要素にセットしたい。

`.btn`をクリックするとAjax通信する以下の様なコードで
```javascript
$container.on( 'click', '.btn', function()
{

	//ローディング画像を出す

	$.ajax({
		url: 'hoge.php'
	}).done( function() {
		...
	}).always( function() {

		//ローディング画像を消す

	});
}); 
```
コメントになってる部分を実装してみたのですが、Ajax通信中に
何度も`.btn`をクリックするとローディング画像が複数出て、Ajax通信も複数回行われてしまいました。

`.btn`をクリックすると、Ajax通信をし、通信中はローディング画像を表示し、通信が完了するまでクリックによるイベントを停止させるにはどうすればいいでしょうか。
どうかご教授ください。

【jQuery】Ajax通信中、イベントを受け付けないようにしたい

こういった場所には初めての投稿になります。
至らない点など多いかと思いますが、よろしくお願い致します。

これまで、いずれかのレンタルサーバーを契約し、
ローカルの開発では、ほぼDreamweaverやサクラエディタのみを使用してマークアップ、
その後FTPにてサーバーへアップロード、というやり方を行っています。

これまで携わってきた業務上、チームとしての開発環境に拘る職場がなく、
上記のような古い(?)方法でやってきまして、現在もそれで困ることは正直ないのですが、
将来のことを考えて色々と学習したり、セミナーや勉強会のような場に行くと、
周囲は開発環境が最近の主流で当たり前という状況な為、危機感と焦りを感じております。

言語はHTML,CSS以外ではPHPやjavascriptがメインです。
もはや古いやり方なのかもですが、XAMPP環境での動作テストなどは何とかある程度わかるようになりましたが、
PHPに関しましても、ライブラリなどはよく使いますが、フレームワークなどは使用する機会が無かった為、
フレームワークやSmartyあたりの技術はやっと意味合いがわかって何となくは触れる程度にはなりました。

ですが、最近良く(?)目にする、Git,Jenkins,Chef,Docker,VirtualBox,vagrant ... などなどがとにかく多く、
どんどん増えていくので、何からどう手を付けてどんなふうに学習していけばいいのか…で非常に混乱しております。
調べるにあたってもこういったツール？などでの開発や開発ツールの総称がよくわからず…といった状態です。
そもそも重複するようなものも多いのかもしれませんが…。

そこで、既にご使用の方からすると、今頃？という技術なのかもしれませんが、
こういった状況からの開発環境の導入や学習をどのように行っていけば良いかのアドバイスを頂ければと思っております。
(そもそもの役割やこういった順番でやっていくと良い、など…)

非常にざっくりな質問で大変申し訳ございません。
よろしくお願い致します。

ローカル環境での開発・運用ツールの導入や学習について

他のJSファイル内の関数や、変数を使用する方法がわからないのですが、どのような記述をすれば、他のjsファイルでも使用できるのでしょうか？

JS　他のjsファイルの関数や、変数を使用する方法

jQueryのライセンスは「MIT License」だと思いますが
実際どのようなことを守れば良いのでしょうか?

jQueryを写経してちょっとわかりやすく書き換えてgitにあげようと思っていますが

http://wisdommingle.com/mit-license/
こちらを読んだ限りですとMIT Licenseは「著作権表示」と「MITライセンスの全文」を記載する必要があると書かれていました

jQueryで言うとソースの先頭にある
http://code.jquery.com/jquery-1.2.2.js
```
/*
 * jQuery 1.2.2 - New Wave Javascript
 *
 * Copyright (c) 2007 John Resig (jquery.com)
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * $Date: 2008-01-14 17:56:07 -0500 (Mon, 14 Jan 2008) $
 * $Rev: 4454 $
 */
```
こちらを記述したままにして(これが著作権表示部分?)
別途MIT-LICENSE.txt(これがMITライセンスの全文?)を同じディレクトリにでも置く必要がある
http://code.jquery.com/MIT-LICENSE.txt
という認識でよろしいでしょうか？

知識が浅くて申し訳ございませんがよろしくお願いします

jQueryのライセンスについて

現在symfony2でウェブサービスを構築しているのですが、フォームバリデーションはサーバーサイドで設定しようと思っております。
その際エラー表示の挙動を下記のようなhtml5のフォームバリデーションと全く同じようにしたいのですが、こちらは可能でしょうか。
![イメージ説明](470a65480078ba011153b50d9e047650.png)
可能であれば、どういったcss及びjavascriptのコードで実装すればよいかまで教えていただけると助かります。
よろしくお願いいたします。

html5のフォームバリデーションのCSSが知りたい

フロントエンジニアを目指しているものが、今から使う場合grunt gulpどちらを採用したほうが良いと思いますか？

画像をコマンドひとつで圧縮したり、ベンダープリフィックスをつけてくれたりすると聞いています。

SASSやNode.jsなどは、まだやった事はないのですが、シェルでcentosをいじった事なら多少あります。



まだサーバサイドの学習にはいたっていないので詳しい事はわかりませんが、画像圧縮など面倒な作業をコマンドひとつで行ってくれる便利ツールと聞いていました。

そのような使い方でまず使ってみたいと思っています。

SASSを使わないとほとんど利益のないものなのでしょうか？

フロントエンジニアを目指しているものが、今から使う場合hgrunt gulpどちらを採用したほうが良いと思いますか？

下記のソースについて質問です。
関数内のonメソッドは、クラス.1の要素をタッチしたら「１」と記述されたアラートを出します。
clickメソッドは、クラス.2の要素をクリックしても「１」がアラートされます。
これは、.2がクリックされたら、.1をタッチされたことに等しいので、タッチされていなくてもタッチしたことにしてアラート「１」を出現させる処理を行うという認識であっていますか。
```html
	<div class="1">aaa</div> 
<div class="2">bbb</div> 
```
```javascript
$(function(){ 
    $(".1").on("touch",function(){alert(1)}); 
    $(".2").click(function(){$(".1").trigger('touch')}); 
}) 
```

.trigger()についての認識

Twitter Bootstrapを始め、CSS中の文字サイズの指定は、pxの代わりにemを使っているものが多いように思います。
中には `24px` を `2.4em`と書けるようにわざわざ `font-size: 62.5%;`のような設定をしているものすら見受けられます。

確かに2000年代のブラウザは拡縮しても画像やpx単位で指定した文字のサイズは変化しませんでした。しかし今日のブラウザはそうではありません。

未だなおpx単位を避ける理由があれば教えて下さい。

CSSのフォントサイズ指定に px 単位を使わないのはなぜですか？

cssやjavascriptのライブラリを使用する時に以下のようなことで困っています。

例えばですが、ライブラリ.cssの中に
h1{ font-size:10em;}（この設定は使用したくない）と書かれていた時、

再度自分で作った、自分作成.cssの中で
h1{ font-size:2em;}など上書きで設定しなおさなければならないのが面倒で困っています。

良い方法ありましたらご教示ください。
ライブラリの必要な部分だけ切り取って使うというのも考えたのですが、ライセンス上よくないですよね？

cssやjavascriptのライブラリを使用する時

Blogに限定する必要は無いのですが、
技術系の情報を書くのにお勧めの
「Blog・Wiki・CMS・WordPress」などを教えてください。

必須
・(自分の収入になる)GoogleAdsなどの広告をつけられる
・コードをキーワードハイライティング可能
 デフォルトで出来なくとも拡張できれば可
・無料もしくは安い

出来れば
・**レスポンシブWebデザインに勝手になる**もしくは対応が容易
・使いやすい・見栄えをよくしやすい
・SEO的に有利
・技術系の人がよく見る。コメントが付く
・(自分の収入にならない)自動挿入広告がないもしくは少ない
・無料
・別のサービスに移りたいときにエクスポートできる・移行が容易

もともとGoogleSiteを使っていました。無料で使え自分の広告もつけられるのでよかったのですが、若干使いにくく見栄えがよくなく、その上規約が変わり広告をつけられなくなったので移転先を考えていました。

「結局、無料サービスを使うより、格安サーバーを借りてしまった方がいい」みたいなご意見でもありがたいです。その際、具体的に「どこの…円のプランで契約し、MediaWikiをインストールして使っている」など教えていただきたいです。

さらに、こんな感じで使っているよという具体例として、**もし可能なら実際に回答者様が書いているブログ等のサイトURLを教えていただけるととてもうれしいです**。


結構前から検討はしていたのですが放置していて、年末年始に取り組もうかなと思って質問をしました。

技術系の情報を書きとめるのにお勧めのBlog・CMSサービスを教えてください。
よろしくお願いします。

技術系の情報を書くのにお勧めのBlogなどのサービス

JavaScriptの関数の引数について質問です。

JavaScriptの関数の引数は、
```
function 関数名([引数１], [引数２]…){
    var 変数1 = 引数1;
    var 変数2 = 引数2;
      :
    命令
    return 戻り値;
};
```
というようにすべて```var 変数 = 引数; ```と扱うべきなのでしょうか。

何冊かのJavaScriptに関する本を持っていますが、
そのなかで引数は、変数の宣言なしで使っていたり宣言したりして使っています。
自分は関数の引数はいつも宣言して使っています。

var をつけることで名前の衝突を防ぐことができる、といことが目的なのでしょうか。
でも宣言した変数は外から取り出せないし、衝突することもないと思いますが…。

引数の扱いは、どうするべきでしょうか。
```var 変数 = 引数;```というように扱うべきでしょうか。
または、宣言をせずにそのまま用いるべきでしょうか。
できるだけ詳しい理由とともに、教えてください。

よろしくお願いします。