行ってみたい海外のダム【ダム Advent Calendar 2017】7日目
はじめに
この記事は ダム Advent Calendar 2017 7日目の記事です。
行けるかわからないけど行ってみたいダムを挙げます。Wikipediaばっかりの完全な個人メモになってしまった。
フーバーダム
アメリカの重力式アーチダム。世界でも有名なダムらしい。
アスワン・ハイ・ダムとアスワン・ロー・ダム
エジプト。ハイ・ダムはロックフィルダム。ロー・ダムは重力式とバットレスとのこと（Wikipediaより） ロー・ダムのほうが古く作られたらしい。
アスワン・ハイ・ダム - Wikipedia Aswan Low Dam - Wikipedia
【追記】地図が間違っていたので修正しました（2017-12-07 21:17）
ゴードンダム
タスマニアにあるアーチダム
おわりに
海外はダムのスケールも大きい。あー、行けたらいいなー。
ダム Advent Calendar 2017
11月に出かけた千葉のダム【ダム Advent Calendar 2017】6日目
はじめに
この記事は ダム Advent Calendar 2017 6日目の記事です。
先月11月に千葉のダムを見てきたことを書きます。
千葉のどこ
- 増間（ますま）ダム
- 安房中央（あわちゅうおう）ダム
- 金山ダム
の3つに出かけました。
館山から鴨川に向かう道中で行けたダムです。と言ってもわかりづらいと思うので Google Maps を貼っておきます。
増間ダム
そばに神社とトイレ付きの駐車場がありました。駐車場に車を停めて歩きで坂道を登った先にあります。
安房中央ダム
ダム便覧に掲載されている写真は夏の緑々した堤体ですが、行ったのは秋なのでこんな感じに。
金山ダム
有料道路に入る手前で斜めに右折し細い道を進んでいった先にありました。
おわりに
本当は有料道路を進んでいった先の片倉ダムも見たかったのですが事情があってやめてしまいました。また行きたいです。
山道を運転してくれた主人に感謝しかありません。。。
参考リンク
ダム便覧のページ貼っておきます。いつもお世話になっています。
ダム Advent Calendar 2017
イラレで好きなショートカットキー【Adobe Illustrator Advent Calendar 2017】6日目
はじめに
この記事は Adobe Illustrator Advent Calendar 2017 6日目の記事です。
イラレを実務でゴリゴリ使っておよそ10年。好きなショートカットキーを挙げていきます。本当に好きなものだけなので偏っています。公式サイトにきちんと網羅してあるものがあるのでそちらを参考にしてください。
Macユーザーなので Mac のショートカットキーの書き方になっています。
Windows の方は、Cmd は Ctrl、 Opt は Alt に置き換えてください。Shift は Shift のままです。
ショートカットキー
スペースキー
手のひらツール。
今は直ってるかどうかちょっとわからないのですが、Chrome 開いたまま作業してるとまれに反応しなくなることがありました。
Shift + Cmd + A
選択解除。
これ覚えたら作業が爆速化しました。
図形ツールで Opt 押しながらドラッグ
クリックした位置が中心点になります。
Shift + Opt + Cmd + D
要オブジェクト選択。
変形パネルが表示される。
普通の変形とは違って、複数のオブジェクトを選択していても個別に変形できます。
3種類のペースト
Cmd + F
前面にペースト
覚え方：Front の F
Cmd + B
背面にペースト
覚え方：Back の B
Shift + Cmd + V
同じ位置にペースト
※Cmd + V がアートボードの今見えてるエリアでの中心にペースト
Cmd + L
新規レイヤー作成
覚え方：Layer の L
テキスト系
テキストを選択しておく必要あり
Shift + Cmd + L
テキスト左揃え 覚え方：Left の L
Shift + Cmd + R
テキスト右揃え
覚え方：Right の R
Shift + Cmd + C
テキスト中央揃え
覚え方：Center の C
ショートカットを使った具体例
ペンツール＋アンカー打って曲線書く＋アンカー打って曲線書く＋（繰り返し）＋選択解除
手動トレースするときはこんな感じです。
- 英数字にして P キー押す※ペンツール
- アンカーを打ちたいところにカーソル置いてドラッグ※曲線になります。
- アンカーを打ちたいところにカーソル置いてドラッグ
- （繰り返し）
- Cmd + Shift + A 押す（または Cmd 押しながらオブジェクトのないところでクリックも選択解除できる）
画像配置＋図形作成＋クリッピングマスク＋写真位置調整
- Shift + Cmd + P で配置ウインドウ表示 →画像ファイル選択してアートボード上に配置
- 英数字 M キー押す※図形の四角ツール
- 画像上でドラッグ
- 四角を選択した状態になるので、Cmd と Shift 押して画像も選択
- Cmd + 7 ※クリッピングマスク
- Shift + Cmd + A 押して選択解除
- 英数字 A キー押す※選択ツール
- 写真クリック
- 十字キーで位置調整（Shift 押しながらだと10倍の単位）
おわりに
確認しながら書いていますが、もしかしたら抜けがあるかもしれません…… ショートカットキーは作業が速くなったり楽になるので、知らなかった方は覚えて損はないと思います。
参考リンク
ぜひ公式を参考にしてください
helpx.adobe.com
お知らせ
Web系の本（技術系同人誌）を作りました。
Vue.jsというJavaScriptのライブラリを使ったシングルページアプリケーションで、ポートフォリオサイトを作ったときのことをまとめました。対象はHTML/CSSがひと通りわかっていて、JSが少し書ける方向けです。感想いただけるとうれしいです！
ゆるくてかわいみのある図解のお仕事始めます（来年以降〜
「本作りたいけど図を書くのがな〜〜」という方向けに図解のお仕事を始めようかと思っています。 ゆるい雰囲気の絵柄なのでとっつきやすさが出るのが強みです。初心者をターゲットにした本が良いかと思います。ゆるっと来年以降で、最初は知り合いの方優先で始めたいです。
最近作った本でこんな図をかきました。企業の方でも、個人の方の技術系同人誌でも何かお手伝いさせてください！https://t.co/eVxWP8KCuV pic.twitter.com/aeJBGTAeHC
— べこ🐄 (@becolomochi) 2017年10月26日
Adobe Illustrator Advent Calendar 2017
ダムが出ている番組：ウルトラQを観たこと 【ダム Advent Calendar 2017】5日目
はじめに
この記事は ダム Advent Calendar 2017 5日目の記事です。
ウルトラQという古い特撮番組を観たことを書きます。
ウルトラQとは
1966年に放送された円谷プロダクション制作の特撮番組です。ウルトラマンシリーズの第1作目とのこと。
ウルトラQを知ったきっかけ
3年前にさかのぼる
社会人芸大生として最終課題の卒業制作にて。最初のプレゼンテーションで「撮りためてあったダムの写真を使った作品を作りたい」と発表したところ、卒業制作担当だったあるひとりの先生から「子どもの頃に見た『ウルトラQ』という特撮アニメでダムが出ていて…」と聞いたのが始まりです。
探す→見つからない
とにかくダムの情報を集めたかったので探しましたが Wikipedia で情報を見つけただけで本編そのものは観ることができませんでした。 しかし最近になって……
ウルトラQがAmazonプライムビデオにあった
！！！！あったー！テンションが上がる即再生。「白黒の番組じゃん。何観てるの…（笑）」と訝しげな主人。
観た
ダムが出てくるのは13話の『ガラダマ』という話でした。熊谷ダムのダム湖に隕石がに落ち、ダム湖の水が蒸発。隕石からガラモンという怪獣が登場し、ダムを破壊する、というようなストーリーでした。
1966年放映のウルトラQのガラダマという話。ダムが出てくるんだけど怪獣が原因でダム湖の水が一気に蒸発してからダムが壊される。
— 水力ダム実（べこ） (@suiryokudammy) 2017年12月2日
もし水が蒸発してなかったら下流に住む人たちに被害が出て大惨事になるところだった！危な！という感想。
もし水が蒸発してなかったら下流に住む人たちに被害が出て大惨事になるところだった！危な！
そこばっかり心配している人。
ガラダマのロケ地って須田貝なんだ… https://t.co/LKODjDWKoW
— 水力ダム実（べこ） (@suiryokudammy) 2017年12月2日
Google 検索をしてヒットしたサイトの情報によると群馬県みなかみ町の須田貝（すだがい）ダムがロケ地である可能性が高いとのことで。 ※断言しているようなツイートになってしまっているのは微妙に誤り。
須田貝ダムの近くに矢木沢（やぎさわ）ダムと奈良俣（ならまた）ダムという大きなダムがあるため、あまり目立つ存在ではないですがそこが良いのです。あまり近くまで寄れないところも「黙々と働いている人を寄せ付けない職人」って感じで最高だな！と思っています。
おわりに
16話にもガラモンが出演しているらしいのでダム好きとしては観るしかないなという気持ちです。ガラモンを応援しよう。
参考文献
www.ultraloc.org - ウルトラQ - Wikipedia - ガラモン (ウルトラ怪獣) - Wikipedia
制作物紹介
私の卒業制作物に関する情報をまとめておきます。
卒業制作でダムの写真集を作りました - ダム便覧
ダムの情報サイト：ダム便覧に作品制作について寄稿しました。
実際は印刷＋手製本の作品ですが、Webで内容を公開しています。
dam.becolomochi.com
制作や展示のことについて。
becolomochi.hatenablog.com
ダム Advent Calendar 2017
transformプロパティとjQueryでアナログ時計を作ってみた【CSS Advent Calendar 2017】4日目
はじめに
この記事は CSS Advent Calendar 2017 4日目の記事です。
Webデザインの参考になるものを探しにギャラリーサイトを見ていたところ、以下のサイトを見つけました。
現在時刻がアナログ時計風に表示されていることにかなり興味を持ちました。 自分でも作れるかも？と思い、CSS と jQuery で作ってみました。
概要
- 時間の針、分の針の div 要素を用意
- JS で現在時刻を取得
- 時間と分の数値から角度を計算し transform 要素の rotate で角度をつける
- 秒針も作ってみた
- スムーズに回転するように transition をつけてみた
この秒針と transition によってかなり厄介なことに……
完成物
Codepen にアップしました。
制作のメモ
transition-timing-function の指定
デフォルト値が ease なため、一定の速度で針が動くよう linear を指定。
after 疑似要素で針を作成
transform: rotate はボックスの中心部分を原点に回るので、全体の半分の長さの after 疑似要素を作りました。
問題発生
59秒から0秒になるタイミングで秒針が逆方向に1周する
transition 要素でアニメーションさせているため、59→0に移るため逆回転してしまいました。
対策
分まで計算にいれて、毎分発生しないようにしました。ただし、計算するまで／毎時にぐるっぐるまわります。
うまくやるなら
原因の transtion の指定を外します。
おわりに
実用的ではない内容ですが、CSS（と JS ）でこういったものも作れる、ということを知っていただければ幸いです。
CSS Advent Calendar 2017
明日は takamasa_ さんです！
