HTML要素を真ん中に配置したい

HTMLの要素を中央に配置する場合

Gulpの知識 -- Web開発のタスクの自動化

  • 画像の圧縮・SassやLESSのコンパイル・簡易ローカルサーバの立ち上げ・FTPアップロードなどなど、Web制作の面倒な作業を自動化してくれる


#数字はdotinstallに対応

  • フロントエンドのタスクの自動化
  • Gulp.jsを使うにはNode.jsが必要 #02
//install epel nodejs npm gulp
sudo yum -y install epel-release
sudo yum -y install nodejs npm

// グローバルのオプション付きでglupをインストール
sudo npm install gulp -g
// フォルダの中だけにインストールする
npm install --save-dev gulp
  • ファイル内の移動、圧縮などを自動化できる!
  • 命令は、"gulpfile.js"に記述する #05
  • 高速に並列に処理することができる #06
  • 処理の順番を指定することができる #06
  • イメージの最適化に関して gulp-imagemin #07
  • タスクの名前を最初のパラメータに記述する #07
  • 圧縮の成果をconsoleを通して確認することができる #07
  • javascriptに変換する、結合方法、圧縮方法#08
  • プラグインのインストールの仕方 #08
  • jsに関するプラグイン gulp-coffee 、gulp-concat、gulp-uglify #08
  • gulp.watch() 変更があれば、自動でタスクを実行するということができる #09
  • gulp-plumber watch()だと間違いがあると止まってしまう。それを解消するプラグインがある。エラーが出そうなところに記述する。エラーが表示されるとともに実行もされる #10
  • gulp-header ヘッダープラグインに関して、メッセージを記述する。 #11 
  • gulp-webserver プラグイン、変換してものをすぐにブラウザに反映するということをするもの #12


用語
Node Packaged Modules(npm)とはNode.jsのライブラリやパッケージを管理することができるツール


参考

WebStormの知識 -- Web開発のタスクの自動化

  • JetBrains社が開発しているWeb開発向けのIDE
  • 初期設定をしなくても使うことができる
  • 新しいツールのサポートが早い
  • 各種フレームワークが選択できる
  • Webフロントエンド開発に必要なものは大体揃っている(HTML(5)+CSS+JavaScript)
  • Javascriptのサポートが手厚である

用語
IDE:integrated development environment

参考
WebStorm / PhpStorm 基礎 シーブレイン社内勉強会
最強のJavaScript IDE 「WebStorm」を使ってみた | Web Scratch



- Bower

sudo npm install -g bower

フロントエンド用パッケージマネージャー
必要なライブラリを簡単にインストールすることができる
BowerをインストールするにはNode.jsのインストールが必要

参考

- Yeoman

sudo npm install -g yo

参考

  • gulp-angular

[create new project]-[Yeoman]-[install generator]でインストールする。

【C#】set{ }get{ } 使用例

使用例1

public GameDifficulty Difficulty {
	get {
		return _difficulty;
	}
	//difficultyを選択する
	//セットするときにイベントを呼び出す
	set {
		_difficulty = value;
		EventsManager.OnGameChangeDifficulty(_difficulty);
		ChangeGravityBasedOnDiffculty();
	}
}


使用例2

public GravityState LevelGravity {
	get {
		return _gravityState;
	}
	set {
		_gravityState = value;
		switch (_gravityState) {
		case GravityState.Down :
			Physics.gravity =  Vector3.down * DefaultGravity;
			break;
		case GravityState.Up :
			Physics.gravity = Vector3.up * DefaultGravity;
			break;
		}
		EventsManager.OnGameChangeGravity(_gravityState);
	}
}

【Unity エラー】Android Manifest SDK version番号揃える

すべてのAndroidManifestのandroid:minSdkVersionとandroid:targetSdkVersionの番号を同じにする。

<uses-sdk android:minSdkVersion="16" android:targetSdkVersion="23" />

error

Temp/StagingArea/android-libraries/android-notifications-release/AndroidManifest.xml:3] Main manifest has <uses-sdk android:minSdkVersion='15'> but library uses minSdkVersion='16

minSdkVersion='16に設定する。

【C#】Interface

www.youtube.com

【Xcode エラー】 process launch failed: timed out waiting for app to launch

process launch failed: timed out waiting for app to launch

【インドネシア語】略語リスト

ATM : anjungan tunai mandiri
BKPM : Badan Koordinasi Penanaman Modal [投資調整庁]
Jansostek : jaminan sosial tanaga kerja [労働者社会保障]
Narkoba : narkatik dan obat-obatan berbahaya [麻薬]
PHK : putus hubungan kerja [解雇]
sembako : sembilan bahan pokok [生活必需品]
curanmor: pencurian kendaraan bermotor [自動車の盗難]
LSM : lembaga swadaya masyarakat [NGO(組織/自立/社会)]
sinetron: sinema elektronik
rudal : peluru kendali [ミサイル]
KTP : kartu tanda penduduk [ID]
KITAS : kartu izin tinggal sementara [visa]

NPWP : nomor pokok wajab pajak [納税義務基本番号]
PT : perseroan terbatas [株式会社(会社/限られた)]
persero : perusahaan perseroan [国有会社]
DPKK : dana pengembangan keahlian dan keterampilan [技術能力開発基金(Visa発行時に支払い)]


http://indonesia-jaman.blog.so-net.ne.jp/archive/c107704-1

【インドネシア語】グローバル化

Rasanya Anda sudah tidak asing dengan kata globalisasi. Memang, istilah ini tidak dapat dihindari. Era yang menuntut profesionalisme tinggi itu mulai mendekat. Apalagi dengan perkembangan di dunia teknologi yang terus saja melaju bagai tak terbendung. Tak ayal, persiapan menuju era itu harus disiapkan sejak dini. Salah satu yang menjadi unsur penting adalah pendidikan yang berkualitas tinggi dengan standar internasional.

Rasanya : だろう
tidak asing dengan : に関して不慣れでない。
Istilah : 用語
menuntut : 要求する
mendekat : 近づく
terbendung : 止める
melaju : 加速する
ayal : 疑う -> tak ayal 疑うこともなく
dini : 早期に

参考
http://indonesia-jaman.blog.so-net.ne.jp/2008-04-01#more

ここの[manja]に関するコメントが面白い。インドネシア語のフレキシブルさ、動詞、形容詞の区別をする必要があるのか。

【インドネシア語】[di]の省略に関して

[di]を省略することができる。

Di dalam sungai itu ada banyak ikan.
Dalam sungai itu banyak ikan.

Siti duduk di sebelah kiri saya.
Siti duduk sebelah kiri saya.

Mobil itu berhenti di depan rumah kami.
Mobil itu berhenti depan rumah kami.

[kepada] -> [pada]
Berikanlah uang itu kepada Ibu.
Berikanlah uang itu pada Ibu.

  • Dalam pada itu : こうしているうちに

Dalam pada itu, usaha untuk menolong melepaskan dia dari jeratan hukum itu tetap sia-sia saja.

  • Tidak pada tempatnya : 適切ではない

Tidak pada tempatnya Anda menempelak adik Anda di depan kawan-kawannya. Dia tentu malu.

参考
前置詞 (5):インドネシア語検定試験 非公式問題集:So-netブログ