  |
はてなキーワード: Creative Cloudとは
本日AdobeによるFigmaの買収が発表され、私の愛するデザインツールは世のクリエイター達が唾棄するかの忌まわしいCreative Cloudの一員となることが決まった。ユニコーン以上の時価総額とされるデカコーン企業が開発する新進気鋭のクリエイティブツール、FigmaはAdobeの軍門に下ったのだ。
Figmaの最もクールなポイントの1つとして、そのデザインのあり方がとてもオープンだということが挙げられる。ワンクリックでURLを発行して共有、ブラウザ上で動作するのでインストールも不要、OSも関係ない。PCに疎いクライアントだって簡単にデザインのチェックができる。
これは単なる "Easy to share" ではない、デザインプロセスに変革をもたらしデジタルプロダクトのデザインを開かれたものにした。デザインのあり方そのものを変えたことがFigmaの最もクールな部分であり、Sketchと比較して動作が軽快なことやAdobe XDよりもカラーマネジメントがまともなことは本質ではない。
一方 Adobeの提供するCreative Cloudは本質的にGated Communityであり、毎月5000円程度の "Adobe税" を納めた者だけが居住を許されるエデンである。問題は金額の多寡ではない、一般のユーザーはAdobe CCなんて契約していないということ、そしてAdobeはAcquireした数多くのプロダクトをぶち壊してきたということだ。
Macromediaを買収したAdobeはFireworksのサポートを打ち切り、FLASHを亡き者にし、Dreamweaverを倉庫の片隅に追いやった。大方のデザイナーはFigmaの代わりにXDが無くなると予想しているが、Figmaだって無傷では済まないだろう。Figmaを取り巻くクールなコミュニティは、クリエイティブの皮を被ったM&A企業 Adobeによって、クリエイティブ市場のコントロールのために骨抜きにされたのだ。
Figmaを愛用してきた私たちはどうするのか。Figmaが買収されると聞いて目の前が真っ白になった。オマケに相手はAdobe。これはCloudじゃなくってFogだ。
Figmaの対抗馬としてはSketchやInVision Studioが挙げられる。しかし、すぐに飛びつくのは尚早かもしれない。Sketchはかつて日本の、特にエンジニアに愛されていたがFigmaのほとんどのユーザーを奪われた過去がある。InVision Studioは? オタクのデザイナー以外誰も知らないだろう。
しかし希望はある。すべてのクリエイターはAdobeがヘイトを集めていることを知っているのだ。機を見るに敏と、デジタルプロダクトデザインのアプリ達は猛攻勢をかけるだろう。私たちはその可能性に賭け、できるだけクリエイティブ業界の勢力図がカオスになるよう努めるべきだ。そもそもクリエイティブの市場がほぼ一社に独占されているのはかなりマズい状況だ。"クリエイティブたれ" と言われたみんなが同じ筆しか使えないのは正常なんだろうか? これは業界全体の敗北といっても良いだろう。
クリエイティブ業界を札束で引っ叩き、そのイニシアチブを取って業界のコントロールのみに奔走するAdobeに私たちは立ち向かわなければならない。この業界が完全にAdobeに支配されることはデジタルデザインの死だ。そのとき、"Creativity" の意味は "Adobe Score" なんかと同じものになってしまうだろう。
https://www.watch.impress.co.jp/kodomo_it/special/1326404.html
低スペックの1人1台PCを生徒は使わない！ 高校GIGA、情報科教員が語るICT環境整備のポイントとは
――「公立高校で生徒1人1台のPCを5年間活用して分かったこと～Windowsのメリット～」レポート
提供：
赤池淳子
GIGAスクール構想によって、すでに1人1台を経験した中学生が高校に進学しているが、高校の1人1台環境整備はこれからであり課題となっている。高校では2022年度からプログラミング教育を含む「情報I」が必修化されるほか、2024年度の大学入学共通テストからはCBT方式の導入も予定されており、ICT環境整備は急務である。
日本マイクロソフトは5月15日、学校関係者に向けて高校での1人1台活用をテーマにしたオンラインセミナー「公立高校で生徒1人1台のPCを5年間活用して分かったこと～Windowsのメリット～」を実施した。登壇したのは、東京都の「ICTパイロット校」としてGIGAスクール構想の前から1人1台環境に取り組んできた東京都立三鷹中等教育学校（以下、三鷹中等教育学校）の能城茂雄教諭。プロジェクトの担当者として5年間にわたる活用の中で得られた知見や、様々な実践的ノウハウが披露された。
東京都立三鷹中等教育学校での1人1台活用の様子（能城教諭提供）
「ICTパイロット校」における1人1台のPC整備、5年間の遍歴
三鷹中等教育学校は、中1から高3まで6年間を通して学ぶ公立中高一貫校。1学年160名で、計960名の生徒が学んでいる。同校は平成28年度からの4年間、東京都教育委員会から「ICTパイロット校」として指定され、1人1台環境における教育効果の検証に取り組んだ。
1〜2年⽬：高校生はスマホに比べて性能が劣るPCの利⽤率が徐々に低下
初年度となる平成28年度は、中学生全員と教員に合計560台の端末が導入された。機種は、富士通のWindowsタブレット「ARROWS Tab Q506/ME」。中学生が使用することを考慮し、堅牢性を重視した「文教モデル」が選ばれた。また2年目は、導入済の端末は生徒の進級とともに端末も持ち上がり、新1年生には「ARROWS Tab Q507/PE」が配備された。
能城教諭は2年目の振り返りとして、「この頃から、生徒の使用にはPCスペックが重要であることが分かってきた」と述べた。特に高校生の場合、スマホの持ち込みや使用を許可しているため、高性能なスマホに比べて、スペックが劣るPCの利便性を生徒が感じられず、利用率の低下につながるというのだ。「高校生だから性能の低いパソコンで良いという考えは間違っており、大人でもそうしたパソコンを仕事で使うと不満が出る。これは高校生も同じであり、生徒たちも学びに使う道具が不便であれば使わない」と能城教諭は述べた。
低スペックPCは、高校生が所持しているスマホより不便。そんな高校生に対して、低スペックPCでも良いという考えは間違っていると能城教諭
3〜4年目：PCのスペックを大幅アップし、生徒のPC利用率が上昇
こうした経験を踏まえて、3年目・4年目の機種選択時には、学校の要望としてスペックを充実させてもらうよう、教育委員会にも届けた。その結果、「私たちの意見を受け入れてもらい、PCの性能を大きく上げてもらった」と能城教諭。一般のオフィスで使用するのにも十分なほどの高性能モデル、富士通Windowsノートブック「LIFEBOOK P728/S」が導入された。
これにより、生徒たちがサッと端末を取り出して、調べ物やまとめる作業がしやすくなり、授業での活用頻度もアップ。「生徒たちがPCを使って”やってみたいな”と思えることをできるようになったほか、教員も新しい学びに挑戦できるようになった」と能城教諭は話す。
3～4年目に配備された「LIFEBOOK P728/S」。CPUやストレージ等が性能UP
5〜6年⽬：PCが教科書・辞書・ノートと同じように学習活動に使う「⽂房具」に
その後、4年間のICTパイロット校としての取り組みに一区切りがつき、同校は5年目に新たに「Society5.0に向けた学習方法研究校」として研究指定を受けた。能城教諭は4年間の検証を振り返り、現場では「PCのスペックが導入効果に大きくかかわる」と判断。スペックが高いPCほど生徒の学習深度への効果は高く、メンテナンス性などでも有利だったと話す。
同教諭らは、こうした意見を教育委員会に主張し続け、現在の中1・中2年には「Surface Go 2 LTEモデル」が導入された。CPUには同機種の中で最も高性能なインテル Core M3が搭載。メモリーは8GB、ストレージはSSD 128GBを選択し、十分すぎるくらい快適な動作が可能になった。能城教諭は「GIGAスクールで導入されたような端末では、ICTを活用した新しい学びのカタチを実現できない」と述べ、ある程度のスペックの必要性を説く。
令和2年度・令和3年度に配備された「Surface Go 2 LTEモデル」。CPUにはSurface Go 2の中でも最も高性能なインテル Core M3を搭載
実際、導⼊されたSurface Go 2では、「⽣徒たちは教科書、辞書、ノートを出すようにPCを出して学習活動を⾏なうことができている」と能城教諭。同時に教員⽤のPCも平成28年度に導⼊されたタブレットPCから、生徒と同じSurface Go 2に変更。教員からの評価も⾮常に良いという。
通信環境から保守契約、教員の働き方改革まで……1人1台PCの運用ノウハウ
能城教諭の5年間の取り組みから、これから1人1台PCの運用を始める学校が学ぶべきことは多い。当日語られたいくつかのノウハウを紹介しよう。
三鷹中等教育学校のインターネット環境は、LTEが活用されてきた。具体的には生徒1人あたり7GBのパケットをシェアパックで利用。1040人分で合計約7TBの通信が可能となっており、コロナ禍の活用を含め、これまでパケットが不足したことはないそうだ。
・大人より荒くなるPCの扱い。導入時に何らかの保守契約は必須
ハードウェアについては、決して故意に壊すわけではないが、登下校や学校生活の中で故障は一定数発生すると能城教諭。生徒の負担なく修理できるようにするため、「初期導入時に何らかの保守契約は必要だ」と同教諭。
・ICT支援員の需要は高い。毎日の常駐が無理でも定期的なサポートを
三鷹中等教育学校の場合、専任の「ICT支援員」が1名派遣され、ハードやソフトに関するトラブルや不具合に対応。毎日の常駐が難しい場合でも、定期的に支援員のサポートが受けられる体制が望ましい。
・教員の会議もペーパーレス化、コロナ禍の遠隔会議もスムーズに
教員にも1人1台PCが配備されたことで会議も変化。ペーパーレスで行なうことになり、教員が資料をPDFで提出し、それを管理職がまとめて出席者に送信。会議前にコピー機が渋滞したり、資料を綴じるのに時間を取られたりという手間がなくなった。これによりコロナ禍の遠隔会議もスムーズに実施できたようだ。
・教育委員会と協議を重ね、子どもたちの将来を見据えた端末を選ぶ
能城教諭はGIGAスクール構想で導入されたスペックの端末について疑問を呈し、「子どもたちが大学に進み、社会にでて仕事としてPCを使うことになったとき、果たしてその経験は子どもたちの良い経験になっているでしょうか」と訴えかける。学校はソフトウェアやOSの操作を教えることが役割ではないが、子どもたちの学びが良い経験になっているかを考える必要がある。能城教諭らは、どういう端末が子どもたちの将来にとって力になるのかを考えながら、教育委員会と意思疎通を図り端末の整備と運用を進めているという。
1人1台PCがあっても、「コンピュータ教室」は欠かせない。その理由は？
1人1台環境が進むとコンピュータ教室はもういらないのではないか、という議論が起こりがちだが、能城教諭はこれを否定する。むしろ、生徒各自の端末とコンピュータ教室にある高性能なPCの“使い分け”が重要になり、「時代に応じたプログラミング技能の習得や、動画編集などのクリエイティブな作業に取り組もうとすると、どうしても高性能なPCは欠かせない」と語る。
現在、三鷹中等教育学校には「第1CALL室」と「第2CALL室」があり、2教室で合計80台の高性能なデスクトップPCが整備されている。情報の授業で利用するほか、能城教諭が出勤する時間から最終下校時間まで、生徒が自由に利用できるようになっている。パワフルなPCや大画面、高速ネットワークを求める生徒でコンピュータ教室は常にいっぱいだという。
1人1台PCが配備されると、コンピュータ教室の役割はより重要に
パワフルなPCがあるコンピュータ教室のメリットに生徒が気づきはじめる
生徒たちの利用は、「Adobe Photoshop」や「Adobe Premiere Pro」など写真編集や動画編集の用途でコンピュータ教室を利用するケースが多いようだ。同校ではコンピュータ教室のPC 80台すべてにAdobe Creative Cloudが導入されており、生徒たちはパンフレットや小冊子の作成、部活動紹介の動画制作、学習発表のプレゼンに盛り込むショート動画などを作成しているという。クリエイティブな作業はコンピュータ教室のPCを使うなど、生徒たちは自分のタブレットPCとパワフルなPCをうまく使い分けているようだ。
1人1台環境を導入する前は、総合的な学習や探究の時間など、様々な教科でコンピュータ教室を使用し、常に取り合いになっていたようだが、導入後は、多くの教科活動が普通教室で実施できるようになった。結果、コンピュータ教室の用途を、ここでしかできないクリエイティブな活動に舵を切れたという。
冒頭でも記述したとおり、各高校では現在、2022年度から必修化が始まる「情報I」の準備が急ピッチで進められている。学校には「情報I」の教科書の見本が届き始めているそうだが、その内容は、アルゴリズムをプログラムとして表現、さまざまなライブラリの利用、APIなどの機能、プログラムの修正、関数を用いたプログラムなど多岐にわたる。
この内容を、果たして1人1台PCで学べるのか。または教師も教えられるのか。プログラミングの小さな文字をどういうふうに伝えるのか、マルチメディア系の教材を使うときの授業準備はどうするのか。「これらを考えたときに、必ずコンピュータ教室が必要だと言える」と能城教諭は述べる。
「情報I」の学習内容に対応するため、実習環境の整備が進められている
さらに同校では、一般的なコンピュータ教室だけでなく、「生徒たちが憧れるようなすばらしいスペックのPCがあれば、よりクリエイティブな活動ができるのではないか」と考え、アドビ社やインテル社との共同研究で「メディアラボ」も開設。
CPUにインテル Core i7、メモリー32GB、グラフィックカードにNVIDIA GeForce RTX 2060 SUPERを搭載。4Kの31.5型ディスプレイを備え、制作ソフトとしてAdobe Creative Cloudが導入済みというハイスペックな環境を8台用意。動画編集のクリエイター養成講座を行なうなどの取り組みも始めており、生徒たちが自由に作品を制作できるような環境も提供し始めた。
動画編集の集中講座を行なうなど、よりクリエイティブな活動にも対応
こうした取り組みを振り返り、能城教諭は改めて、これからの新しい学びには「1人1台PC」と「コンピュータ教室」の両方が必要であり、そのどちらも生徒の自由な発想に応えられる十分なスペックが必要だと話す。
「1人1台環境は、生徒たちにとって非常に魅力。個別最適化された学びなど、1人1台のPCがあることによる学習の変化、メリットは必ずある。それに加えて、プログラミングやクリエイティブな作業は大学入試でも、Society5.0時代に向けてもますます重要になってきた。1人1台PCも、充実したコンピュータ教室も、新しい時代に即した学びによって、生徒たちの情報活用能力を育成することが、私たち現場の教員の願いだ」と能城教諭はまとめた。
ゆくゆくは Adobe Creative Cloud を契約する
定価で買うのはバカらしいので Amazon で 20% OFF などのセールの時に買う
https://www.amazon.co.jp/dp/B00FOHQZPI/
購入後、発行されたシリアル番号(コード) を https://account.adobe.com/products に入力して登録
パッケージソフトの時って、まだ高くても買い切りで、一念発起で購入したらやれることが増えていたと思うのだけど、
これからはサブスクリプションだ！フリーミアムだ！と言われたあと、ソフトの販売はなくなるわ、更新費用高くなるわ、結局焼け野原になった気がするのだがどうだろうか。
撮影頻度は月に300枚程度。撮った写真を選別しながらウイスキーが飲めます。つまみはいらん。
| Nikon | D610,D800 |
|---|---|
| Canon | 5DMarkⅡ,6D |
| SONY | α7 |
| PENTAX | K-5Ⅱ |
型落ちや中古で十分と考えます。極端に古くなければ、写真は撮れます。
=====
| Nikon | D750,D800,D700 |
|---|---|
| Canon | 6D,5D,5DMarkⅡ |
| SONY | α7 |
| Nikon | D7100,D300S,D5300 |
|---|---|
| CANON | 70D,KissX7 |
| SONY | α6000,α77 |
| 富士フイルム | X-E2 |
| PENTAX | K-5Ⅱ,K-S1 |
| OLYMPUS | E-M5,E-M1,E-M10 |
|---|---|
| Panasonic | GM5,GH4,G7 |
メーカによって画像の色や操作方法に差が出ますが、初めてデジカメを買う場合は気にしなくても構いません。
色について個人的には富士フイルムやCanonのカメラは綺麗に感じます。
SunDisk等の信頼できるメーカかつ、出来る限り高性能のものを買いましょう。
カメラを買い替えたとしても、ほとんどの場合記録メディアは使い回し出来るからです。
デジタルカメラの利点の１つは、撮影した画像を簡単にレタッチ出来ることです。
はっきり言えば、カメラよりもお金を掛けるべきだと考えています。
デスクトップ前提です。
Adobe Creative Cloud のフォトプランであれば、月980円です。
自分はフォトプランに加えて、DxO FilmPackを使用しています。
写真屋さんにデータを持っていくのが面倒、もしくはバシバシ刷りたい人はプリンタも用意しましょう。
個人的にはプリンタまで揃える方が気楽です(白目) 自分はPRO-10Sを使ってます。
| CANON | PRO-10S,PRO-100S |
|---|---|
| EPSON | SC-PX5V,SC-PX7V |
高いです。カメラを買い替えたとしても、画像編集のフローは変わりません。
撮影(RAW)→選別→レタッチ→現像(JPEG化等)→印刷→応募
カメラから出力されるJPEG画像で満足できる、もしくはPCでのレタッチが面倒すぎる場合はカメラのみで問題ありません。
撮影→スマートフォンに画像データを移行→スマートフォンのアプリで編集→インスタへ投稿etc
経済的余裕がある、もしくは頻繁に(週5日程度)使うなら損はしないと考えます。
個人的には、いわゆる「ボケ」と「色の粘り」の違いだと思っています。
色の粘りについては、まだセンサーサイズの差が大きいと思いますが、ボケと違ってわかる人は少ないですね。
但し、いわゆるデジイチはISO感度を結構上げれますので(3200くらい)無くても問題ないケースが多々あります。
重いです。レンズ込でミラーレスでないなら、1kgくらいじゃないでしょうか。
パナのGM-5は、ファインダーとシャッターさえ問題にしなければ激軽です。
Amazonに100万費やしてきた僕が「買ってよかったもの」をまとめて紹介する（おすすめ家電から雑貨まで） - Literally
http://tsukuruiroiro.hatenablog.com/entry/goodbuy
これを受けての物。
はてブでは100万という点に突っ込みが多いけど、どうも良いものが紹介されてるようには思えないので
www.amazon.co.jp/dp/B0001FTVE0
無難オブ無難。後継モデルはHD598（www.amazon.co.jp/dp/B0042A8CW2）。ほとんど変わらないらしい。
ボーカル向けとか言われてるけど、正直なんでも割と良い音すると思う。
www.amazon.co.jp/dp/B00J865EYY
寝室天井投影って単語にピンと来たら。解像度はWXGAなので注意。
FHD欲しいなら、最低限まともなものでこの1.5倍～する。
元記事の製品の自称"解像度1080×1920"は入力解像度であって、パネルの方は800*480。ほぼSD。
www.amazon.co.jp/dp/B00NYWALOQ
この辺の効果って実際には砂漠で砂粒洗うようなもんで、消臭効果は全て副作用で生成されるオゾンによるもの。
でも自分はオゾン生成器を生活空間で常時稼働する気にはなれないし、オゾン欲しけりゃ専用の生成器買うよね。
ということでシンプルな空気清浄器。部屋1つに1台で必要十分な感じ。
フル稼働するとうるさい。
www.amazon.co.jp/dp/B00238PCQY
睡眠の質は枕が決める。
あと、あのサイズのハンモック常用すると最終的に腰痛めるような。
ハンモックなら、大サイズのものに横向きに寝るならいいと思うけど、6畳間で対角の壁に張るくらいの大きさはいると思う。
www.amazon.co.jp/dp/B00LM3N5E2
国外製造輸入時代より味が落ちたという話もあるけど、干し肉自体がうまい。
ナッツ食いすぎると石できるよ。とてもいたい。
www.amazon.co.jp/dp/B005FM01HU
専門職用ウエスではキムワイプが定番だけど、日常における万能性はこっちのが上。
なんでも拭ける。
滅菌済みじゃないので、本職用途にはそのままじゃ使えない。
速乾とかマイクロファイバー布って肌触りが好きになれない。
www.amazon.co.jp/dp/4872574230
大抵のものはネットでデジタルで見られるようになったこの時代、本でしか得られない中の1冊。
www.amazon.co.jp/dp/B00FOHQZPI
普通安くならないこの手のものだけど、Amazonではたまにセールする。
この間は50%になって、これは通信教育+アカデミックのコンボとほぼ同額。
こういうリストって、趣味性とかこだわりとかを多少乗っけた方が、見る方も何か発見できるんじゃないのかなあ。
他者の似た製品と比べてべらぼうに高価なソフトを売っている割には...
顧客と製品シリアル番号を管理するサーバが老朽化したから、だれでも見られるサイトにシリアル番号と製品ダウンロードリンクを晒す。無償公開に切り替えたわけでもなく...見限って投資をやめた割に権利はしっかり確保。
たとえば Acrobat 11 は今日のところ10.0.12が最新。が、このセキュリティ更新一覧ページの配布は 11.0.10。ちなみに 11.0.12 は 7月に公開されているもの。2か月近くもたった今でも「ページの更新が追いついていません」なのか？
McAfee Security Plus なんて入れられたって、既存のウイルスチェックソフトと競合するもんで、とても迷惑。
CC（クラウド系ソフトウエア）の更新のために「プロキシサーバを止めろ」とのこと。世間の企業が何のためにプロキシサーバを導入しているのか、考えたことあるのかなこの会社は？てか、この会社、Acrobat (PDF) がさんざんクラッカーの標的になっていて個人でも各企業でもセキュリティ投資させられたりアップデートの網羅に悩まされたり、さっぱりわかってないよね。
Adobe ID を当時登録していた人はスパムメールに今でも悩まされているんじゃないかな。
フォトショップなどの信仰が絶大で完全に切れないけど、当分セキュリティ意識の低いままなんだろうな、すぐにでも付き合いを切りたい。いろいろなソフトウエアを CC とかいうブランドに切り替えてクラウド化させられているけど、すごく迷惑で不安。Adobe (Acrobat / Reader) のクラウドサービスとか、笑えませんよ。
- HHKB Professional JP …… 最強のキーボード（しかも省スペース。Adobe製品を利用するには JP版が便利）
- Logicool G9x …… つまみ持ちできるゲーミングマウス（最近価格が高騰している）
- SteelSeries Kinzu v2 Pro Edition …… Logicool G9x の後継マウスとしてテスト使用中
★文書執筆
- Scrivener …… 最強の文書執筆ツール（これ以上のものはない）
- Bean …… 簡単な文書作成（複雑なレイアウトはできないが、とにかく起動が速い。PDFも書き出せる）
- Adobe Creative Cloud …… デザイン用アプリケーションはこれでいい（結局は）
- Adobe Fontfolio …… 欧文フォントコレクション（高額だが結局安上がり）
★学習
- Anki …… 効率的な語学学習（英語／ドイツ語）。iPhone版と併用して効果アップ。
★プレゼンテーション
- QuickTime Pro 7 …… ムービーデータの簡単な編集
- Keynote …… プレゼンテーション用ソフトとしての完成度が高いし見た目もよい
★開発
- Tower …… Gitによるバージョン管理ソフト（他にもあるが最初に使ったソフトだから）
- Omni Focus …… GTDによる作業進捗管理。iPhone版と併用して効率アップ。
- Omni Graffle …… 図表作成
- SQLEditor …… データベーステーブルの設計用（Mac用のこの手のソフトは数が少ない）
- BBEdit …… テキストエディタ（他にもいろいろあるが、最初に使ったソフトだから）
- Cyberduck …… FTPクライアント（動作が遅いが、特に困ることがない）
- KeyRemap4MacBook …… Finder操作まで全部キーボードでやってしまう（Emacsな人にお勧め）
- NameMangler …… 一括ファイル名操作（類似ソフトに比べると動作が早い）
- Boom …… 音声ボリュームを限界以上に上げる（プレゼンテーション時に有用＊狭い部屋なら外部スピーカーがいらなくなる）
- Synergy …… Macとウインドウズマシンでキーボード／マウスを共用
- PlainCalc …… 履歴を残しながら簡単な計算ができる
- Paparazzi …… 長大なウェブページを一気にキャプチャできる
- ATOK …… 日本語入力環境は、作業時間を大きく左右する＝時給を左右する
- SizeUp …… キーボード操作でウインドウサイズを変更
- Alfred …… キーボード操作で、アプリケーション起動／インターネット検索
- FreeMan …… マシンのメモリ使用状況を監視し、適宜開放
- ClipMenu …… クリップボードを管理／テキスト変換
付記
ClipMenu では、クリップボードに保存されているテキストを変換できる。
用意しているアクションで常用しているのは下記の通り：
前編はこちら
http://anond.hatelabo.jp/20120926165407
会員情報や文章などのコンテンツを保存しておくデータべース、ＭｙＳＱＬを調べます。
データベースは他にもPostgreSQLやSQLiteなどが有名ですが、やはり王道を勉強します。
MySQLはCakePHPや、ステップ４のWordPress他、よく使いますので把握しておきましょう。
今はまだ関係ありませんが、余裕があればこれも読むといいです。
操作はコマンドラインを覚えていく方向で、始めはブラウザで操作できるphpMyAdminを使ってＯＫです。
技術調査はこの位にして、これからは実際にWebサイトを作っていきます。
ここまで来ると何となく、Webサイトがどんな仕組みで動いてるかが分かってくるので、
ステップ０でイメージした作りたいサイトがどんな技術で実現出来るか調べます。
TwitterやGoogle、Yahoo、AmazonなどのAPIを使ってサテライトサイトを作っても良いと思います。
が、高度な事をするとはまりやすいので、ある程度やって無理だったらあきらめて次回にまわしましょう。
まずは何か一つ完成させる事のほうが大切です。
それから開発効率ＵＰのため、Chromeにプラグインを入れましょう。
説明はそれぞれのリンク先を見て下さい。
https://chrome.google.com/webstore/detail/ggfgijbpiheegefliciemofobhmofgce
Firebug Lite for Google Chrome
https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench
View Selection Source
https://chrome.google.com/webstore/detail/fbhgckgfljgjkkfngcoeajbgndkeoaaj
Pendule
https://chrome.google.com/webstore/detail/gbkffbkamcejhkcaocmkdeiiccpmjfdi
BuiltWith Technology Profiler
https://chrome.google.com/webstore/detail/dapjbgnjinbpoindlpdmhochffioedbn
iPSim
https://chrome.google.com/webstore/detail/gcligifbhamdimemnemmlkffkpmflehh
Color Picker
https://chrome.google.com/webstore/detail/ohcpnigalekghcmgcdcenkpelffpdolg
CSS Tester
https://chrome.google.com/webstore/detail/pjncppaiejjkcjlcgegcbmhgkflhenfp
MeasureIt
https://chrome.google.com/webstore/detail/pokhcahijjfkdccinalifdifljglhclm
あとはFireFoxにはFireBug。デバッグの定番らしいです。
https://addons.mozilla.org/ja/firefox/addon/firebug/
それから、空いた時間に無料のプログラミング動画サイト「ドットインストール」を見ておくと
ここまでの知識が定着すると思います。
ステップ７で作りたいサイトがイメージ出来てきたら、ドメインを取りましょう。
サーバーがさくらの場合はドメインもさくらで取得すると楽ですが、もっと安いところもあります。
希望するドメインが空いているか調べて取得、空いていなければ他のドメインを考えます。
http://www.sakura.ne.jp/domain/
定番の.com、.net、.orgは誰が見ても親しみがあるし安いので、できればこの３種類のどれかにしたい所ですが、
一般的な言葉はほぼ埋まっているので、その場合は.jp等にしても良いでしょう。
日本語ドメイン(www.日本語.netみたいな)は流行っていないですが、
自分のサイト名が「○○○.com」のような名前の場合は一緒に取得して、アルファベットのドメインにリダイレクトしましょう。
（ChromeユーザーがURL欄で検索する時、「○○○.com」のように後ろに.xxxが付いているとそのURLに直接アクセスしてしまい、
僕はバリュードメインで取得して、サーバーはさくらのレンタルサーバーにしました。
その際の親切な設定方法の解説はこちら。
VALUE DOMAIN で取得したドメインをさくらのレンタルサーバで使う
http://nekohacks.com/wordpress/domain/value-domain/
どんなサイトで、どんな機能があって、どんなページがあるかノートに書き出して行きます。
サイトの基本的なレイアウトをCSSで組みながら、デザインのイメージもしておきましょう。
ここではデザインはまだやりません。
先にデザインを作っても、プログラムを進めていく過程で変更がでたりする為です。
（でもあんまり後回しにしても、見た目がチープなせいでモチベーションが下がったりするので、次のステップでやります）
あと、ここで気をつけたいのは、あくまでメインとなる機能の開発を優先することです。
外堀から埋めていくとそこでモチベーションが尽きてしまったり、
メインの機能を実装してみたら外堀の修正が発生してしまったりするためです。
始めると分からない事がどんどん出てくると思うので、本を読み返したりGoogle先生で検索しながら進めて行きます。
なかなか進まなくて検索８割、コーディング２割くらいの進め方になると思いますが、それでＯＫです。
いじっているだけでモチベーションを使い切ってしまったりするので危険です。
ＣＧソフトは色々ありますが、おすすめはフォトショ(Photoshop)です。
WebサイトのデザインはFireworksなども有名ですが、学習コストがかかるので、
Webサイトにもそれ以外にも使えて一番つぶしが効くフォトショップでOKです。
今年からクラウド契約が始まり、今なら１ヶ月８０００円、年間契約なら１ヶ月５０００円で
http://www.adobe.com/jp/products/creativecloud.html
お勧めの本はこれ
一から全部自分で作らなくても、素材サイトからダウンロードして加工するなどして手間を省きます。
ＰＣ・スマホ・携帯(ガラケー)全部に対応するのは大変なので、
初めはそのサービスを最も使うだろうと思われるどれか１つに絞ります。
ＰＣ用サイトならスマホでも最低限アクセスはできるし、携帯は縮小傾向なので優先度低、
スマホは画面サイズがまちまちでタブレット端末が目下発展中、AndroidはブラウザがたくさんあるがChromeに統一されていくかも、
対応する際はＣＳＳを切り替えてレスポンシブレイアウトにするのがお勧めです。
その他、困ったらTwitter社が公開しているブートストラップを使うのもお勧めです。
ブートストラップはcssのフレームワークで、簡単にシャレ乙なデザインに仕上がります。
超便利！Twitter BootstrapでさくさくWeb開発
どうしても自分でイケてるデザインが出来ないと思ったら、友だちに頼んだり、ＳＮＳのコミュで募集したり、
デザイン系の大学や専門学校の掲示板にビラを貼らせてもらったりしましょう。制作費が出せればランサーズで募ってもいいかも。
Lancers - 仕事をフリーランスに発注できるクラウドソーシングサービス
僕はたまたまフォトショップの使用経験があったので、ここにかけた時間は30時間ではなく5時間程です(トータル275時間で開発)。
後編はこちら
