アトリエ・エクレア

2DCG&3DCG, プログラミング, 日記などを掲載してます。

HTML5

HTML5

※ HTMLはマークアップ言語。

★ HTML5 テンプレート

  <!DOCTYPE html>
  <html lang="ja">
  <head>
   <meta charset="UTF-8" />
   <title>htmlテンプレート</title>
   <link rel="stylesheet" href="my-reset.css" type="text/css" />
   <link rel="stylesheet" href="my-css.css" type="text/css" />
   <script src="my-javascript.js"></script>
  </head>
  <body>
   <p>テンプレートです。</p>
   <img src="img/test.jpg" />
  </body>
  </html>

★ コメント

HTMLのコメント

  <!-- HTMLの一行コメント -->
  
  <!-- HTMLの
  複数行のコメント -->

CSSのコメント

  /* CSSの一行コメント */

  /* CSSの
  複数行のコメント */

JavaScriptのコメント

  // JavaScriptの一行コメント ※改行まで有効

  /* JavaScriptの一行コメント */

  /* JavaScriptの
  複数行のコメント */

★ ハイパーリンク(Hyperlink)

a要素の、href属性の値にパスを指定する。

  <a href="test.html">testページへ</a>

★ 画像

img要素の、src属性の値にパスを指定する。
img要素はインラインレベルの要素

  <img src="../img/test.jpg" width="500" height="300" alt="代替テキスト" />

"../"はひとつ上の階層を示す。
この例では、htmlファイルが入っているフォルダと同じ階層にimgフォルダがあり、その中にtest.jpgがある。


★ リスト

Ordered List

  <ol>
   <li>List_Item_1</li>
   <li>List_Item_2</li>
   <li>List_Item_3</li>
  </ol>

Unordered List

  <ul>
   <li>List_Item_1</li>
   <li>List_Item_2</li>
   <li>List_Item_3</li>
  </ul>

★ ボタン

type属性の種類:

  • submit (送信)
  • reset (リセット)
  • button (自由用途)
  <button type="button">ボタン</button>

★ グループ化 (div要素 と span要素)

  • div要素(ブロックレベル要素): 複数の要素をまとめてグループ化する。
  • span要素(インラインレベル要素): テキストやインライン要素などの行内容をグループ化する。
<div>
	<h1>見出し</h1>
	<p>段落</p>
	<p>段落</p>
<div>
<p>本日は<span>晴天</span>なり。</p>

★ header要素

a

a

★ footer要素

a

a

★ nav要素

a

a

★ article要素

a

a

★ section要素

a

a


テキストエディタ mi のインストール

テキストエディタ mi のインストール

最初は ミミカキエディット だったが、改称して mi (ミ)  になったらしい。
なぜミミカキだったんだろう・・・。

作者のWEBページへのリンクは自由とのことなので、 ここからダウンロードする。

こちら。

Windows版は現在α状態。
フリーソフトなので、ありがたく使わせていただます。


mi_01.jpg
ダウンロードしてきた。

mi_02.jpg
次へ。

mi_03.jpg
こんな画面がでる。

mi_04.jpg
インストール先を変更。

mi_05.jpg
次へ。

mi_06.jpg
次へ。


mi_07.jpg
閉じる。

mi_08.jpg
自動では起動しなかったので、スタートメニューからmiを探し、
タスクバーに入れて、起動。

mi_09.jpg
設定 → モードごとの設定。

mi_10.jpg
モード設定の画面は大きくならないみたい。
テキストエンコーディ・・・で切れてるんだけど、たぶんテキストエンコーディングだと思う。

標準 → テキストエンコーディングで UTF-8 になってることを確認。

mi_11.jpg
HTML → テキストエンコーディングで UTF-8 になってることを確認。
※CSSの設定が無い。モードが無いものは、標準モードの設定が適用されるらしい。

以上でインストール作業完了。


SyntaxHighlighter

SyntaxHighlighter

Brush name Brush aliases File name
AppleScript applescript shBrushAppleScript.js
ActionScript3 as3, actionscript3 shBrushAS3.js
Bash/shell bash, shell shBrushBash.js
ColdFusion cf, coldfusion shBrushColdFusion.js
C# c-sharp, csharp shBrushCSharp.js
C++ cpp, c shBrushCpp.js
CSS css shBrushCss.js
Delphi delphi, pas, pascal shBrushDelphi.js
Diff diff, patch shBrushDiff.js
Erlang erl, erlang shBrushErlang.js
Groovy groovy shBrushGroovy.js
JavaScript js, jscript, javascript shBrushJScript.js
Java java shBrushJava.js
JavaFX jfx, javafx shBrushJavaFX.js
Perl perl, pl shBrushPerl.js
PHP php shBrushPhp.js
Plain Text plain, text shBrushPlain.js
PowerShell ps, powershell shBrushPowerShell.js
Python py, python shBrushPython.js
Ruby rails, ror, ruby shBrushRuby.js
Sass sass, scss shBrushSass.js
Scala scala shBrushScala.js
SQL sql shBrushSql.js
Visual Basic vb, vbnet shBrushVb.js
XML xml, xhtml, xslt, html, xhtml shBrushXml.js

<pre class="brush: Brush_aliases">ソースコード</pre>

EIZO FlexScan EV2736W-FSBK

液晶モニター変更。

(旧) EIZO FlexScan EV2336W-FSBK (23.0型 Full-HD:1920×1080)

↓変更

(新) EIZO FlexScan EV2736W-FSBK (27.0型 WQHD:2560×1440)



display_01.jpg
箱くらべっこ。

display_02.jpg
さらにでかくなった。

display_03.jpg
ごそごそ・・・。

display_04.jpg
(´・ω・`)こうしてみると、あんまり違いわかんないな・・・。

display_05.jpg
一応でかくなってるんですよ。

display_06.jpg
いままでの。

display_07.jpg
裏。

display_08.jpg
これからの。

display_09.jpg
裏。


液晶ペンタブでもなく、タッチパネルにも対応してません。
しかぁ~し・・・ ノングレアで見やすい! 大きい! 抜群の安定感!!(T∀T`)値段も高い!!
PCでの長時間作業には、やはりEIZOでしょう。
いやぁ、すばらしいですわ。

ちなみにどれくらい大きいかというと、例えばyahoo japanのホームページを2個横に並べても余裕です。
モニター1台での2画面作業が余裕でできます。

残念なのは、スピーカーの音質かな・・・。




HDD増設

2013.10.06 (Sunday)
HDD増設



HDD_zousetsu_01.jpg
にゅ

HDD_zousetsu_02.jpg
Western Digital の 4TB HDD
こういうものは、どうせちょっと経てばまた安くていいのがでるんだよね・・・切ないねぇ。

HDD_zousetsu_03.jpg
HDD箱 表

HDD_zousetsu_04.jpg
HDD箱 裏

HDD_zousetsu_05.jpg
データ通信用ケーブル

HDD_zousetsu_06.jpg
ケーブルの箱 裏

HDD_zousetsu_07.jpg
取り出すとこんな感じ

HDD_zousetsu_08.jpg
SATA

HDD_zousetsu_09.jpg
SATAの形状

HDD_zousetsu_10.jpg
HDD

HDD_zousetsu_11.jpg
左がデータ通信用、右が電源用の接続部位

HDD_zousetsu_12.jpg
カバー取り外し

HDD_zousetsu_13.jpg
反対のカバー取り外し

HDD_zousetsu_14.jpg
作業開始前の状態
最初からついてるHDDを取り外す

HDD_zousetsu_15.jpg
上側に移動

HDD_zousetsu_16.jpg
下側に、新しいHDDを取り付ける

HDD_zousetsu_17.jpg
電源からきているケーブル

HDD_zousetsu_18.jpg
電源ケーブルを新旧HDDに取り付ける

HDD_zousetsu_19.jpg
データ通信用ケーブルをマザーボードに取り付ける

HDD_zousetsu_20.jpg
新しいデータ通信用ケーブルを新HDDに取り付ける。
従来からあるデータ通信用ケーブルを旧HDDに取り付けて、元に戻す。

HDD_zousetsu_21.jpg
取り付け完了

HDD_zousetsu_22.jpg
PCを起動すると、ドライバーソフトのインストールが自動で始まる。
終わるまで待つ。

HDD_zousetsu_23.jpg
まだ認識はされない。認識させるには初期化が必要。

HDD_zousetsu_24.jpg
スタートメニュー → コンピューターを右クリック → 管理

HDD_zousetsu_25.jpg
記憶域 → ディスクの管理


HDD_zousetsu_26.jpg
新しいHDD (ディスク0) が選択されていることを確認。


HDD_zousetsu_27.jpg
パーティションスタイルは、HDDの容量が2TB以上なのでGPTを選択 → OK

HDD_zousetsu_28.jpg
新HDDがオンライン表示に変わる


HDD_zousetsu_29.jpg
右クリックして、"新しいシンプルボリューム" を選択

HDD_zousetsu_30.jpg
新しいシンプル ボリューム ウィザードが出る → 次へ

HDD_zousetsu_31.jpg
シンプル ボリューム サイズ はそのまま → 次へ

HDD_zousetsu_32.jpg
フォーマットの設定 はそのまま → 次へ

HDD_zousetsu_33.jpg
設定内容を確認する

HDD_zousetsu_34.jpg
設定内容を、スクロールして全て確認する → 完了

HDD_zousetsu_35.jpg
自動再生がでる。閉じる。


HDD_zousetsu_36.jpg
新しいドライブのラベルは、" ボリューム " から " ローカル ディスク 2 " に変更した。



浅野恭司原画展 に行ってきた

今日は茨城県古河市にある ”古河市街角美術館” に行ってきました。
古河の読み方は ”ふるかわ” では無く、”こが” ですよ~。

みてきたのは、こちら↓↓↓

浅野恭司原画展 ~「進撃の巨人」「PSYCHO-PASS」「水曜どうでしょう DVD OP 映像」~

でございます!!


shingeki_no_kyojin_01.jpg
こちらが古河市街角美術館です。おもしろい建物ですねぇ。

shingeki_no_kyojin_02.jpg
じゃじゃ~ん!! いよっ!中村屋!!  ※浅野です。

浅野さんは古河市(旧総和町)生まれだそうです。それで古河での原画展というわけですなぁ。
でもこの企画は、ご本人が言い出したのではなく、文化協会の方々が地元の活性化のためにとお願いしたらしいです。
お願いされての原画展とは、すごいひとだぁ!!

shingeki_no_kyojin_03.jpg
※写真に指が入ってしまうという痛恨の一撃・・・。

”萌え” ですな・・・。

shingeki_no_kyojin_04.jpg
建物のなかに入って、階段のとこにはさりげなくBlu-ray&DVDの広告が!!
※まだ展示場外です。

shingeki_no_kyojin_05.jpg
展示場の前には進撃の巨人の主人公エレンの原画のでっかいのが!!!
両脇はお祝いの花。

ここでは写真をとってるひとがいっぱいいました。
すぐ右横には原画展主催の係員さんがいましたけど、写真とっていいみたいなんで自分も遠慮なくバシバシ撮りました。

shingeki_no_kyojin_06.jpg
「駆逐してやる!!」

shingeki_no_kyojin_07.jpg
AEDが設置してある。
これなら、原画のあまりの凄さに心臓が停まっても安心ですね(´・▽・人`)

shingeki_no_kyojin_08.jpg
お花にぐさっ☆ のシーン

shingeki_no_kyojin_09.jpg
もらった(´・▽・`)わーい♪

shingeki_no_kyojin_10.jpg
これももらった(´・▽・`)わーい♪

shingeki_no_kyojin_11.jpg
裏(いや表か?)は2枚とも同じデザイン。

<感想>
サイコパスが個人的に楽しかったのでそちらの原画がみれたのもうれしかった。コピーでいいからほしかった・・・。

ああ、このシーンみたぁ!!とか、 ああこれDVDパッケージのイラストだぁ!! とか、みたことあるイラストの原画がてんこ盛りでウハウハでしたぁ +.゜(*´∀`)b゜+.゜

サイコパスに進撃の巨人とどちらも観ていた作品だったし、今回の原画展は自分にとって非常にお得なパッケージでしたぁ。
まだやってるんで、もう一回いこうかなぁ・・・。土日(5日, 6日) はご本人も来るそうです。

<以下、余談>
lunch_pack_01.jpg
美術館の近くのコンビニに売ってたランチパック。
茨城県下妻市の梨を使ったもので期間限定ものです。
下妻物語の下妻ですぽ。
こちらも ”萌え” ですな。

lunch_pack_02.jpg
調べたら シモンちゃんは 蝶( オオムラサキ)の妖精 だそうです。
オオムラサキは 日本の国蝶でございますよ!!

lunch_pack_03.jpg
「はい、わたしシモンちゃん。さっさと食えよな、このゲス野郎!!」

※本物のシモンちゃんはこんなひどいことは言いません。

lunch_pack_04.jpg
裏。

lunch_pack_05.jpg
こだわりの梨。
ランチパックって、パンが2こ入ってるんだけど、2こ食べてもランチにはならんよね・・・。
なるひといるのかなぁ・・・。

<おまけ>
nazo_no_kannbann.jpg
途中で見つけたの。
” L (エル) ” を売ってるシャトレーゼ。
Lってうまいのかなぁ。どうなんだろう・・・


ZBrushまったり制作 ドラゴン 其の一

ドラゴン まったり制作 其の一

<1>
MyDragon_01.jpg

  • ZSphereを置いて、Editモードにする。

  • [X]キーでSymmetry編集モードにする。
    ※TransformパレットのActivate_Symmetryボタンを押しても同じ。

<2>
MyDragon_02.jpg

  • ZSphereを追加していく。
    ※右シェルフのLocal_TransformationsボタンをONにしておくと、細かい作業のときの回転がやり易い。

<3>
MyDragon_03.jpg

  • ZSphereを追加して、一気に大まかな形をとる。

<4>
MyDragon_04.jpg

  • ZSphere同士の間にあるLink_Sphereをクリックして間接をつくっていくとやり易い。

<5>
MyDragon_05.jpg

  • だいたいの形状をつくる。

<6>
MyDragon_06.jpg

  • Toolパレット → Adaptive_Skinサブパレットで、Make_Adaptive_Skinボタンをクリック。
    ※今回は、Densityは2で実行した。

  • 作成したSkinを選択する。

  • Toolパレット → Geometryサブパレットで、Subdivision_Levelを1にする。

<7>
MyDragon_07.jpg

  • Subdivision_Levelが1の状態で形状を整えていく。
    ※使用するブラシは、MoveブラシとMove_Topologicalブラシのみ。[B]キーでブラシライブラリに素早くアクセスできる。

<8>
MyDragon_08.jpg

  • Subdivision Levelを2に変更して形状を整えていく。
    ※使用するブラシは、MoveブラシとMove_Topologicalブラシのみ。

<9>
(´・д・`)飽きた・・・。


マイブログへようこそ♪
PLEASANT_DRAGON

2DCG&3DCG,プログラミング,
日記などを掲載中☆

(*´▽`*)コメント大歓迎です☆

最新記事
記事一覧

全ての記事を表示する

カテゴリ
SAI (0)
mi (2)
C (1)
C++ (1)
C# (0)
VBA (0)
月別アーカイブ
最新コメント
RSSリンクの表示
リンク
FC2ブログランキング

FC2Blog Ranking

ピックアップ商品1♪










カレンダー
09 | 2013/10 | 11
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
ブログ内検索フォーム
プロフィール

エクレア

Author:エクレア


  • 2DCG&3DCGの創作活動をしています。

  • SF系のメカが大好物。

アクセスカウンター
Twitter
ピックアップ商品2♪