ホームページをbootstrap4を使ってリニューアル

何年ぶりかのトップページ再々リニューアル

何年間もこのまま

何年か前にリニューアルしたホームページのトップページを再リニューアル。このところ毎日bootstrapを使ったレスポンシブページの作り方をYouTubeで見ていたので、少しは以前よりは良いページになるかも?とおもい、少しづつやってみました。

 

DreamweaverからCoda2 そしてVisual Studio Code

以前やった時にはAdobeのDreamweaver を使っていたので、コードの打ち込みは無かったのですが、金の掛かるDreamweaver からCoda2 そして今は Visual Studio Code 。Coda2からはコードの打ち込みだけになってしまい、それまでとは全く違った環境になりましたが、これがDreamweaver 使っていた時より楽しい作業なのです。鈍足のDreamweaver と違い動きが軽いという事も楽しく感じる理由の一つなのかもしれません。 Coda2からVisual Studio Codeに換えたら、動きはより軽くなったような気がしますが、これはパソコンが高性能なものに変わったという事もあるのでしょう。 コードを打ち込んでいくと、リアルタイムでそのページが仕上がっていくのを見る事も出来、これなら金の掛かるDreamweaver など使う人も減っているのかもしれません。 以前はYouTubeに沢山あったDreamweaver関連の新しい動画は全くといって良いほどありませんでした。

 

bootstrap3から4に進化してた！

さて、始めてみようと取りかかったところ、bootstrap のバージョンが以前作った時のbootstrap3 ではなく4になっていて、その文法違いに四苦八苦。 現在の最新パージョンはbootstrap5 まで進化しているようです。 かなりの部分が部品化されていて、それを使えば楽に出来るらしいのですが、そこから少しでも外れようとした途端にわからなくなってしまいます。 文字や画像のセンター表示だけでも一苦労。 こんな単純な事がなぜ出来ないのだ?　と言いながら３歩進んでは２歩下がる。

 

何とか完成

苦労の甲斐あって前作よりは少しはまともになったように思うけど、所詮、材料がそれ程ないのだから、大きく変わりようもないのです。 トップページのリニューアルもこれが最後になるのでしょう。

Visual Studio Codeを使ってリニューアル

DreamweaverからCoda2 へ

2000年 Adobe GoLive でスタート

2000年にホームページと云うものに興味を持ち、早速Adobe のGoLive というWebデザインソフトを買い求め始めました。

埒もないページを作り、レンタルサーバーの契約を済ませ、自分のＨＰのデータをアップロードして、生まれて初めての自分のＨＰが立ち上がりました。
その当時は今のようなCSSを使ったデザインではなく、HTMLで組み立てていくタイプのページジ作りが主流。
それから十数年。途中何度かのリニューアルをしながら何とか継続してきました。
2014年、地区で募集した「古寺巡礼」の会に参加し、この巡礼記をＨＰで掲載しようとしましたが、この時点では既にGoLive は時代遅れの遺物で、GoLive自体も既に発売元であるAdobeでも開発は止まっていました。

14年経ちDreamweaver に移行

Wevデザインと云えば「Dreamweaver」が主流で、Macの世界ではこれ以外には選択肢も無いような状況でした。

早速「Dreamweaver」を！ となりましたが、このソフト、というかAdobe の製品の主立ったものは全て買い取る事の出来ない使用料を払う形式になってしまっていました。
安いのなら良いのですが、一ヶ月に2,400円（2014年当時は2100円位だったか？）ですから、趣味で楽しむには随分とコストのかかる道楽になってしまいます。それ以外にもレンタルサーバーも必要になりますから、大した事も無いＨＰでも年間では３万数千円の経費が掛かってしまいます。
それでも、取りあえずはやってみようとDreamweaver の単体プランでスタートしました。

え？　CSS　何それ？

ＨＰの作り方も十数年前に較べると随分と変わってきていました。
ページ全体の組み立てはhtmlで行い、そこからの整形や飾り付けはスタイルシート（css)で行うのが一般的になっていました。
63歳になってからのcssも途中でメゲそうになりながらも何とか形も付いてきました。
しかし、HPの閲覧はパソコンからスマホやタブレットの方が一般的になってきてしまいました。
それまでのページでは文字も小さくて拡大しないと文字も読めません。

え？ 今度は Bootstrap ? 何じゃそれは？

そこでまたまた、Mobile対応のページデザインも考えなくてはならなくなり、端末によりページレイアウトを変える必要に迫られました。
所謂、レスポンシブデザインと言う事になりますが、この時既に65歳。脳があまり働かなくなっていくこの歳になってレスポンシブデザイン？
そこでまたまたbootstrap の勉強です。有り難い事にYoutube にも幾つかのbootstrap の講座があり、これを繰り返し見ながら、また、有料の講座も受けて、何とか単純なものなら作れるようになりました。

その間にもDreamweaver にも何回かのバージョンアップがあり、機能的には進化していきましたが、進化する度に動作が重くなって行き、使っていて気持ちの良いソフトでは無くなってきていました。

パソコンのスペック不足なのか？

自分の使っているパソコンはそれまで使っていたiMacから現在はMacbook Pro 2017 に代わり、一応CPUはi7 SSDは1TB、メモリも16GB目一杯積んでいますから、それ程の低スペックでもありません。

ネット上でも同じように感じる人は多いようでしたが、ただMacの世界ではWebデザインソフトに関しては他に選択肢も無さそうでした。

バイバイ Dreamweaver Coda2 に移行

そんな中で見つけたのが「Coda2」というWebデザインソフトです。
しかし、Dreamweaver のようにコードを自動的に作っていってくれる訳では無く、コードはエディタで打ち込みながらページを作っていかなければならないようです。

Dreamweaver 契約解除

時は2018年9月、来年6月のDreamweaverの契約更新で脱Dreamweaverを目指し、Coda2への移行を開始。
どうせＨＰの更新といっても、これからは出来上がっているページへ新しく投稿したblogへのリンクを追加していくだけの作業ですから、この程度なら自分にも出来ました。
2019年6月、バイバイDreamweaver ！

ホームページも潮時か！

正直、もうＨＰも閉鎖してblogだけにしようかとも思います。でも、折角ここまで覚えたWebデザインですから、もう少し続けてみようかな、と思いながら、更新の度に頭が痛くなる程の一苦労が恒例になってきました。
でも、まぁ、仕事では無く、遊び、道楽なのですから．．．．

Dreamweaver CC 2019

何が新しくなったのか？

来年でもう止めようかと思っていたホームページのデザインアプリ「Dreamweaver CC」が2019年版にバージョンアップしたようです。オープニングの画面も変わりましたが、中身はどう変わったのか？

自分のレベルではよく分かりません。

最初の編集ページが開くまでの時間が掛かるようになった気がします。

自分のパソコンはMacbook Pro 13"  2017 でCPUはi7(クワッドコアではない）、SSDは1TB、メモリも16GB積んでいるから、そんなに遅いマシンではないと思いますが、Dreamweaverを使い出した4年前よりは確かに重くなってきています。

そろそろホームページも撤退か！

相変わらず、コード画面でテキストが行を跨いだ時の挙動もおかしいままだし．．．．．。
あまり、変化も感じないバージョンアップより、もっと軽く、安定した変化を期待しているのですが、不満を言う前に、やはり自分のレベルで使えるようなソフトではないのでしょう。
やはり、ホームｰページは潮時かなぁ．．．．．。それとも「Coda」でテキスト打ち込みに挑戦してみるか？
何か、無理っぽい．．．．．．
いずれにしてもDreamweaver CCからは来年で撤退しよう。

Coda

Coda編集画面

Webデザインソフト見つけた！

2000年から始めたホームページ作りも足かけ19年目に入りました。当時ネット上に沢山あった個人のホームページは殆ど姿を消してしまい、今はブログに移ってしまっているようです。

このホームページを作成するWebデザインソフトは以前はAdobe社 のGoLive そして今は同じAdobeのDreamweaver CCを使っていますが、個人の趣味としてはお金が掛かりすぎ、それ以前に自分の技量では完全なオーバースペック。

何か代わりになる物は無いか？と探してみてもなかなかこれ、といったものは見つかりませんでした。

そんな事から、自分の歳も歳だし、そろそろホームページ作りも潮時かと考えて、Dreamweaverの次の使用期限が来たらそこで終わりにしようと思っていました。

そんな中で最近見つけたのが"Coda"というWebデザインソフトです。テキストエディタなので、DWみたいな具合には行きませんが、それでも何とかなりそうな雰囲気です。

でも、いろいろ調べてみると、これを使っている人達のスキルはかなりの高レベルで、こんなの自分に使えるのか?
そもそも自分にテキストエディタでWebデザインをする技量があるのかどうか？
これは甚だ疑問！


無理かも?．．．．

Dreamweaver からの脱却なるか？

でも、使い方次第で、今まで作ってきたページを参考にしながらコピペで作ってしまえば何とかなるか?
Dreamweaver 使ったところで大したページが出来る訳じゃ無し、これを勉強して変えてしまった方が正解かも．．．．．．．．

このCoda 9000円程するようですが、DWと違い、一度の支払いで自分のものになると言うのが有り難い事です。

ホームページ作りも進まない

Dreamweaver CC

先日（と言ってももう先月の21,22日）に行ってきた第2回目の西国巡礼のホームページ作りがこの暑さの中では気力も失せ、なかなか進みません。

DVDはなんとか完成させ配布したので、ホームページは作ったところで一緒に行ったメンバーがそうそう一生懸命見てくれるとも思えません。
まぁ、このHPは自分の記録といった感じで作っているので見てくれるかどうかはあまりどうでも良いのですが．．．．．

自分もそろそろ67歳。
流石にこの年になってDreamweaver はキツイです。ましてBootstrap となると．．．．．．もうウンザリ。

最近では既に作ってあるページをそのまま使って、背景を変えたり、色を変えたりして誤魔化して済ませている状況です。
そのレイアウトもBootstrap の有料講座で使ったレイアウトを参考にして作ったものですから、かなりの手抜きになっています。
文章を考えるのも四苦八苦。

そうこうしているうちに、西国巡礼とほと同じメンバーで明後日から津軽半島まで出かけます。早くしないと、こっちのビデオやらホームページも作らなくてはならなくなってしまいます。
竜飛岬で日の出を見よう！というのが主目的。何ともモノ好きな！！

ホームページ作りもそろそろ潮時なのかもしれません。
最近つくづくそんな風に感じます。
結局は歳なのだ！！

DreamweaverCC 5年目に突入

Adobe Dreamweaver CCも使い出してから6月で5年目に突入しました。でも6月の更新時期になると自分には勿体ない、と思うことしきり。

Dreamweaver CC の単体での使用が年間 28,252円。仕事ならどうって事無い支出でしょうが、遊びでの使用にしては高すぎます。でも他の選択肢が無いのも事実。

毎年、ホームページなんてもう止めようか、と思うのですが、見てくれる人が居ようが居まいが、ここまで来たものを止めてしまうのは忍びない、と毎年の更新になってしまいます。

ブログなら何も費用は掛かりませんが、ホームページではDreamweaver の使用料の他にもサーバーのレンタル料も必要です。

そろそろ潮時かな？と思いますが、また来年も同じように悩みながら更新してしまうのだろうか?

Dreamweaver が重い！

Macbook Pro で使っているDreamweaver2018が結構重い。Dreamweaverはバージョンを重ねる毎に重くなっていくようです。バージョンアップで追加される機能は自分にはあまり関係ない（使いこなせない）ようなものばかり。その前にもっと軽く、動きもおかしくならないバージョンアップにしてほしいです。

これ一本で3万円近く払います。4年で10万オーバーは安いとは言えません。そんなソフトがこれではいささか腹も立つというもの。

Dreamweaver とは縁を切って、もう、ブログだけにしようかなぁ．．．．．．

自分の所だけなのかどうかわかりませんが、コード入力画面で、行が変わると次の行頭でやたらとおかしな表示になります。これは前バージョンからも同じ状態が続いており、もしや日本語変換のソフトが影響しているのか？と、Atokl2016 からGoogleの日本語入力ソフトに変えたりもしてみましたが、症状に改善はありませんでした。

個人的にはこれ以上の機能はいらないから安定して軽いDreamweaverになって欲しいです。他に選択肢が無いから使っているけど、代わりになるものがあったら、即乗り換えたいくらいです。

バージョンアップのたびに後退していく　Dreamweaverrです。

bootstrap4 大苦戦

もう少し簡単に理解できるかと思っていたbootstrap4でしたが、変更の度合いが大きく、クラス名も変わっているものも多く、大苦戦です。

ナビゲーションの為のパーツ、navbar など付け加えられたクラスが多く、もう頭の中はパニック状態です。なんで、リンク項目が左に寄っているんだ？　これ自分のミスかと思ったら、どうやらデフォルトではそうした仕様のようです。

苦労してbootstrap4 にしたところで、チョット見には、殆どの人は何も気がついてもくれないでしょう。その程度の事の為に四苦八苦しているとなんだかバカバカしく思えてきてしまいます。これまでの3でも良いじゃないか．．．．．．．

うう、そんな気持ちに負けそう．．．．．

bootstrapで５カラム

これまでbootstrap のグリッドシステムでは12を割り切れる整数のカラム数しか出来ないと思っていましたが、5カラムにする方法を知りました。

参考にさせて貰ったのはこちら。

自分のＨＰは元々大したものでは無いので、５カラムになったところであまりどうって事は無いのですが、ずっと「何とか５カラムに出来ないか？」と思っていた自分には大きな出来事？です。

ここまで来ると次にやってみたいのは上の段は５カラム、下の段は上の段の間に入る形で４カラム、といった形にしたいのですが、オフセットを使っても旨くいきそうもありません。

自分のスキルではチト無理そうです。でも、５カラムに出来ただけでも66.5歳の自分には大満足です。

５カラムで作ってみたページはこちら。

http://kazu424.xsrv.jp/kaido/yagyu/yagyu.html

safariのカラム落ち 解決！！

safari でもカラム落ちしていません

半年以上悩み続けてきたBootstrap のグリッドシステムでのカラム落ち、それもsafariだけに起こる現象のため訳が解らず既に半年以上、というかそろそろ１年経ってしまいます。
問題の起きるブラウザはsafariだけなので（iPhoneのsafariやchromeでも起きていましたが．．）いささかもうどうでも良くなっていました。

それでも出来る事なら問題解決してスッキリしたいところです。
今までも、原因はこれだ！！思いつく度に何回も試して来ましたが、最終的にはどれもダメでした。再々再々再々再々度のトライでようやく何とかなったような．．．．

まずは各カラムの幅指定を改めてcssの中でしてみました。bootstrap の既成のクラスの中で指定されていると思いますが、cssの中でこの幅指定を変えてみました。




.col-sm-4{
width: 33.2%;
}
.col-sm-3{
width: 24.9%;
}

早い話、全体で100%にはならないようにしただけの事。
bootstrap のcssの中で は4カラム使う場合は33.33333%となっているのだと思いますが、カラム落ちするという事はカラム幅がオーバーしている事なのだろうと、これを少しだけ減らしてみたのです。結果はバッチリ。safariでもカラム落ちは起きませんでした。どうやらsafari の中での画面幅の扱いがchrome や firefox とは少し違うようです。
これで万事解決と思い、これまで作ってきたページを全て修正して一件落着、と思いきや、iPhoneで見てみるとパソコンで見る画面そのままで１カラム表示に切り替わってくれていません。
ここでまたまた頭の悩みが増えました。
ええーー、どういう事なんだ？　どうも訳の解らない動作をします。
そこで思いついたのがメディアクエリによる各ブレークポイントでの幅指定。
試しに768pxにブレークポイントを作り、それ以下での表示を100%にしてみました。
具体的なcssは以下のような簡単なものです。

@media (max-width:768px){
.col-sm-3, .col-sm-4 {
width: 100%;
}
}

ナント、これが大当たり！
慣れている専門の方には何でも無い常識的なことなのでしょうが、66歳の頭にbootstrap を理解させるのは結構厄介です。でもまぁ、解決出来たのですから、凄いーーく嬉しい！！！

グリッドシステムで右端の余白

昨夜、自分のHPのちょっとしたミスに気が付きました。と、言うのはレスポンシブになっているページの幾つかのページで、何故か横スクロールバーが表示されていて、少しだけ表示されていない部分があったのです。このスクロールバーを動かして、右端まで表示させるとそこには訳の分からない余白が出来ていました。こうしたページをiphoneで開いて見てみると、縦スクロールと共に少しだけ横方向へもぐらぐらと動き横スクロールしてしまっていました。
レスポンシブになっているのなら、常に横全体が表示されているからスクロールバーは出て来ない筈です。気が付かなければそのままだったのでしょうが、分かった以上、すぐに直しておきたいものです。そこから深夜、ベッドの上でMacbook Air で悪戦苦闘。上手く行っているページと駄目なページの違いを見つけようと、cssやhtml を調べても何とも分かりません。簡単に解決するだろうと思っていた事が意外に厄介です。ネットで調べてみるとどうやらiphoneやiPadなどのいわゆる iOSで起きる問題のようですが、自分の場合はMacのsafari でもchromeでも同じような症状が出ていたので、これらとは別の原因に思えます。
そんな中で見つけた記事に<body>タグ以降を全部含んだ<div>を作りこのdiv要素にwidth: 100%; とoverflow: hidden; を指定すれば良いとの事。
それまで試してみた事とはだいぶ違うので、これならもしや？と思いやってみたら、一発で解決。でも、この記事の著者もこれで治りはしたけど、原因が何なのかは分からないと言っていました。原因を想像するに、何かがはみ出していると考えられますが、それがどこなのかはただコードを見ただけでは分かりませんでした。
原因がどうであれ、これで解決できたのですから、今度からはcssの最初にまずこいつを、おまじないと思って書いておこうと思います。

でも、safariでのカラム落ちは未だに解決していません。こちらはもう諦め気分です。

safariのカラム落ち その後

左 safari   中 Chrome  右 Firefox

左から safari  Chrome  Firefox  それぞれのスクリーンショットです。
bootstrap のグリッドシステムを使った場合、safariだけが右端のカラムが落ちてしまう、いわゆるカラム落ちが起きてしまうのですが、なんとしても原因が分かりません。コードを見ても別に問題ないようだし、Chrome や Firefox では問題ないのでやはりsafariの問題なのでしょうか。safari 10.1からは対応しているとの事ですが、もうギブアップ。
因みに、G5 iMac （Tiger)で動いている古い safariでは他の問題はあるにしてもカラム落ちは発生しないので、ますます訳が解らなくなります。
Windows機でのChrome や IE でも問題なく表示されていました。

Bootstrap グリッドシステムでカラム落ち

トップページは何とかなったものの、不具合もあるのです。ブラウザによってグリッドシステムで複数カラムのレイアウトにすると、パソコンで見ると、chrome やFirefoxでは問題ないのに、Apple のsafariだけは右端のカラムがカラム落ちしてしまいます。それも最初の行だけ。これはいろいろと試してみたけど、どうしても解決出来ませんでした。Safari の仕様と思って諦めたいところだけど、ネットで調べてみてもそのような事例が無い所をみると、自分が何処かで間違っているのかも？
これはiPhoneでも同じで１カラムにすればいいのですが、２カラム以上だとやはりカラム落ちが発生します。　
いささか諦め気分。どちらもApple 絡みで問題発生という事は、safari に問題でもあるのか？
そのうちに何か解決法が分かるかもしれません。取りあえずはモバイルの場合は１カラムにすれば問題は発生しないようだし、パソコンの場合もブラウザはsafari を使わなければいいみたいだし．．．．．．．．．．．．。
でも悔しい！　何でだろう？

ホームページ、リニューアル

レスポンシブデザインにしてモバイル対応したトップページ

2000年に立ち上げた私のホームページですが、17年間基本的なレイアウトは変わらずに来ました。しかし、いかにせん時代遅れのお粗末なトップページなので、17年ぶりに大幅に変更しました。
まずはBootstrap を使って、レスポンシブなWebページにするのが一番の目的です。苦労しながらも何とか作り上げてみました。ただ、今までのメインは自分の住む地域を題材にしたもの（当初は）でしたが、これもそろそろ割り切って削除しなければ！と思い進めましたが、やはり捨てきれないものです。
仕方なし、こちらは何とかリンクを残して生き延びました。
他にも、グライダーの訓練していた頃のページとか、旅行のページとかなんやかんやといろいろ残っています。
何とか、いろいろなリンクを張り直し、辻褄だけは合わせたつもりですが、もしかしたらリンクが可笑しくなっている所もあるかも？　まぁ、あっても無理はないです。むりやりに17年間誤魔化しながら拡張してきていますから、よくリンク切れも起こさずに何とかあっちこっち飛んで行ってくれていたものです。
まだトップページは完成版ではなく、もう少し継ぎ足す予定。
一応、トップページはレスポンシブページですから、モバイル端末でも見やすいかと思います。
私のＨＰはこちら

Bootstrap

 以前ならパソコンの画面に合わせたページを作れば済んだホームページ作成でしたが、最近ではホームページを閲覧する端末もスマホやら、タブレット、それにパソコンといろんな物で見ることが出来るようになり、それに合わせたページ作りが必要になってきました。と、言うよりスマホにあわせたページ作りは必須とも言えます。そうかと言って、これまでのパソコンでの閲覧もそれなりにあるのでそちらも対応しなければなりません。
そこで登場したのが、端末の画面サイズによりレイアウトを変える、レスポンシブデザインといわれるもの。Bootstrap と言うものを使って実現させるようなのですが、何せ還暦から6年経とうとしているおじぃーさんにはハードルが高すぎます。一年ほど前から何度も挑戦しては挫折。これを何回も繰り返し、些かもうどうでもよくなってきていました。しかし、自分もiPhoneを使っているので、これで自分のホームページを見ると確かに小さすぎて拡大しないと文字も読めません。

これが最後と、最後の挑戦。どんな形であれ、公開できる形まで仕上げてみようと再再再再再トライ。本を見ながら、Youtubeの講座を見ながら悪戦苦闘。

苦労の末、何とか仕上げましたが、実際見て見ると、それなりに動いています。ただ、プラウザによってはレイアウトが崩れる所がありますが、これは何をどうしても治りませんでした。

いろんな端末で確認して見た結果は以下の通り。

iPhoneは問題無し。iPadはiOSのパージョンにも寄るのかもしれませんが、Chrome  Safari. とも崩れました。パソコンではMacの場合、Chrome とFirefox は問題なしで、Safari がダメ。Windows ではChrome とIE 共に問題有りませんでした。

Bootstrap 超初心者だけにホームページのコードが何処か間違っている可能性はかなり大ですが、今の自分のレベルでは分かりません。

でもまぁ、殆どの端末で問題なく見る事が出来ているようなので、これ以上考えるのはヤメました。

しかし、何も知らずに見た人は、パソコンで見れば普通の画面、スマホやiPhoneで見た人も普通の一カラムのレイアウト画面。苦労の割にあまり変化を感じられないのが悔しい所です。

と、言うことは、これが今の標準と言うことなのでしょうね。

Dreamweaver

WebデザインソフトのDreamweaver の使用期限がそろそろ。素人の趣味にしてはHP作成というものは金が掛かりすぎます。Webデザインソフトの選択肢はほぼこのDreamweaver 一つに絞られてしまうし、これをアップロードするためのWebサーバーも借りなくてはならないし、誰の役にも立たない、自分の趣味のＨＰ維持の為に年間４万円近くも掛かります。ならばブログにしてしまおうかと考えたりしましたが、ブログでは出来ない事が多すぎます。
せっかくここまで勉強しながら維持して来たHpなのだからもう一年だけ様子をみようか．．．．．
買い取り出来るソフトなら一回の出費でそれで終わりなんだけど、使用料を払うとなると、使っている限り年間２万数千円を支払わなくてはなりません。
66歳になろうとしているおじぃさんがレスポンシブデザインやら、Bootstrap やら、こんなのを自由に使えるようになるにはまだまだ時間は必要そうです。
あーー、悩みます。

ホームページ作成

2000年に立ち上げたMy Homepageが満17年を迎え、さてどうしようかと思案気味。最近は個人のＨＰは姿を消し、皆さんブログになってしまっています。自分の友人の十数年続けてきたＨＰも昨年姿を消しました。確かに無料で済むブログと違いＨＰの維持にはある程度の費用が掛かります。Webサーバーのレンタル料が必要だし、Webデザインソフトも必要になります。現在Macの世界ではこのソフトの選択肢はAdobeのDreamweaver くらいしかありません。おまけにこのDreamweaver は買う事が出来ず、使い続ける限り使用料を払い続ける必要があります。これは個人の趣味という事を考えると．．．．．
それに自分のHP程度のものを作るには完全なオーバースペック。
テキスト打ち込みで出来るような技量があればいいのですが、そこまではチト無理。
さて、どうしたものか。

Compressor4.3 の不具合

Final cut pro X  Ver10.3

この時期になり、自分の使っているアプルの中でも大物アプリのバージョンアップが幾つかありました。バージョンアップはどんな風に進化したのか、という楽しみもありますが、自分の環境で問題なく動くのか？といった不安も付きもの。
と、今回のバージョンアップの一番はFinal cut pro X。かなり変化していますが、アイコンの位置が変わったものがあり、それがどこに行ってしまったのか探すのに一苦労。画面も全体的に暗くなり、目の疲れは少なそうです。機能的にはこれまでのバージョンより使いやすくなったような気がします。

しかし、自分のiMac27" もi7 とはいえ、2010mid モデル。ストレス無しに使えるのもこれ位までかもしれません。でも、今はiMacも高いからなぁーーー．．．．。

このfcpXのバージョンアップに合わせてモーショングラフィックソフトのMotion5とファイル変換ソフトのCompressor もそれぞれバージョンアップしました。Motion5の動きはまだ確認してありませんが、Compressor に関しては今度のVer4.3 では自分の環境に限っての事かもしれませんが、エラーが出ます。Fcp からCompressor に直接渡した時は問題無いのですが、Compressor で直に動画ファイルを読み込んで変換しようとするとエラーが出て変換できません。これは読み込むファイル形式、また書き出すファイル形式に関わらず100%エラーで変換不可能。まだバージョンアップしたばかりだからか、それとも自分の環境だけで起きている現象なのか、未だ同じような症状についてのネット情報も無いので仕方なし、Time Machineから旧バージョンに戻しました。これなら問題無く仕えます。これはネット情報待ちです。

DreamweaverCC 2017

次はAdobe のDreamweaverCC2017
これもかなり変化しています。使いやすくなったような気もしますが、ただ一つだけ問題が！。
コード画面で文字を入力しようとすると半角文字では問題ありませんが、全角文字を入れようとすると、最初にタイプした1文字だけが打った瞬間に確定されてしまいます。
例えば　わたし　と入れようとすると　最初のｗだけは確定されてしまい、結果として「wあたし」となってしまいます。最初の文字が母音の時には問題なしです。これは日本語入力のIM を ATOK2016 Google IM どちらに変えても同じ症状が出ますからDreamweaver 側の問題のように思えます。
もうひとつ、これまで使ってきたATOK2012 for Mac をATOK2016にしましたが、これもインストール時にエラーが起きてしまい完璧な形で入ったのかどうか？でも一応使えているので良しとします。

いろいろと新しくなりましたが、一番大きなものはMac OS Sierraへのバージョンアップです。出された直後にバージョンアップしましたが、不具合が多く、これも一旦前バージョンのEl Capitan に戻して使っていました。
今回他のアプリのバージョンアップ後の動きがイマイチなので、もしかしたらSierra に上げればいいのかも？と勝手に想像してのバージョンアップでした。
うーん、やっぱり少し重いかな？　
Apple のいつもの事だけど、マイナーバージョンアップしながらスピードアップしていくものと思います。

ＨＰリニューアル完了

２０００年に作ってほぼそのままで来たＨＰをＣＳＳの勉強しながらリニューアル。以前使っていたＷｅｂデザインソフト（GoLive)
の頃とはページの作り方も様変わり。ＣＳＳを使ったやり方なんて知らん！
しかし、思い立ったが吉日！とDreamweaver CCの1年使うことにして約￥26,000円也。
毎年これだけの金額を払うのでは結構遊びとしたらうーーーー、高いなぁーー。
いきなりDW使おうとしても浦島太郎気分で何も分からん。
手引き書を購入、なおかつ、これを読みながらYOUTUBEに沢山あるＤＷの基礎講座を拝聴。そうしながら少しずつ作っていってみた。
こうしたことは少し分かりかければしめたもの。そこからは芋づる式に理解が早まる。
なんとかようやく形をつけて、切りが無いのでこれで良しとした。
マイホームページはこちらから