季節が変わるのは早いもので

お久しぶりです。

もうすぐ、夏休みと前記事で書いておきながら、もうとっくに夏は通り越し、秋ですね。

とは言っても、まだまだ日々涼しいなぁと感じる事もなく、クーラーや扇風機が必要なくらい暑かったり、台風が来ていたり……本当に、変な季節ですよね。

実はあれからいろいろとありまして、サブの仕事でもいいからwebデザイナーを目指してかっとばしてきたものの、何だか打ちのめされた感じで。

自分なりにいろいろと整理してみたのです。

どうして、webデザイナーを目指したかったかと。

コードを打ち込んで、思った通りの形になるのが楽しい、そのホームページを開いた瞬間、違う世界にこれたようなハッとするようなページを作ってみたいってね^-^

でもね、仕事を受けるには、この人に頼みたいと思わせるような実力がやっぱり必要なんだと、特に目で見えないネット上のお仕事ではこの重要性をひしひしと感じました。

あと、仕事を依頼する人との相性とか結構あったりするのかなと。

まぁ、結構落ち込んだりもしましたが、それでもめげないのが私ですので、何だかんだで一応、webデザインの仕事ではありませんが、サブの仕事（画像編集メイン）始めてます。

そしてまた、将来の展望を新たに、これは来年から少しずつ始めて行こうと考えてます。



とまぁ、実生活のお話はここまでで。


小説、詩がメインのこのサイト。

なのに全然進展しませんよね。

実はサブの仕事を始めた関係で、暇が余計に無くなっているというのも原因の一つですが、根本的にはやる気の問題ですよね。

今現在の状況としましては――

「黒の浸透」は次話の前半の執筆は終了して、中後半への展開は頭の中ではある程度出来あがった状態です。

「Nocturn-紅い月-」は大分、大まかな展開は出来あがっているのですが、もう少し執筆のための必要知識を頭に入れた方が書きやすいなと思っていまして、関連本を読破してからかなと。

そして、上記2作品とは別に、以前から仄めかしていたかもしれませんが、新作の第一話のこれまた前半まで執筆は終了している状態です。

どれをどう進めて行こうか迷いどころでして。

今年中にどれか1話はＵＰしたいと思っています。

また、私の中で「閉鎖」はありえませんので、もし次を御待ちの方はゆっくりと見守っていただければ、いつの間にか更新されているとおもいます。（多分……）

あれから約1カ月と約2カ月

あれから約1カ月と約2カ月。

約1カ月のあれはオンラインweb講習で約2カ月のあれは仕事のことなんですけど。

オンラインweb講習に関しては学んだからって直ぐにフリーで活躍できるっていうことはありえないなぁとつくづく思います。

まあ、もともと仕事として経験があったりもすれば違うのでしょうけど。

そんな簡単には上手くいかないから、焦ったり、これでいいのかって不安になったり。

でも、前回のブログ記事のとおり、自分に足りないものは何なのかが分かっているので、今はデザイン力向上に力を入れて行こうと思います。


で、具体的に提示された文を配置したり、配色の仕方を考えたりと参考書を頼りにやっているわけですが、ここ最近の帰宅後の眠さは半端ではないため、あまり集中力が続かず、思った通りの速度では進んでいません。

これまでと全く違う実験と言う仕事だと、あまり仕事って感じもしなくて、慣れてくれば楽な感じもしますが、やっぱり学ぶことは多くあって、その多くをこの2カ月近くで学び、来月からはどんどん自分のルーチンが入ってくると考えると、何だかんだで疲れている可能性は大ですね。


あれもやりたい、これもやりたい、やらなきゃ、でも時間も足りない……。


と毎日感じて、急にすべて放り出したい！なんて思ったりもしますが、今の状況がなくなったら自分に残るものは？と考えると――。


だから、少しずつでも前へ進めて行こうと思います。


また、小説も書きたくなってきたので、こっちの趣味も両立してやっていけたらなと考えています。

IT bootcamp 終わりました……

3/1～入隊？していたIT BootCampなるweb製作の仕方を教えてくれるオンライン学習が5/23で終了しました。

学習スタイルとしては、一通りやる内容が段階的にあって、基本は自力でこなしましょう、分からなかったらまずは、自分で調べ、それでも分からなかったらメンタ―（所謂、ほぼ常駐型の講師）へチャットで質問という感じ。

私がやっていたコースはフロントエンジニアコースで前半がhtml,cssのみの通常ほＨＰ製作、後半がWordpressでのＨＰ製作で計12週間でした。

結局のところ、私が質問したのは2・3回、しかも作成方法とかではなく、課題の提出方法とか、ＨＰをＵＰしたけど画像が表示されない（ただの画像の破損でした）等。

自力で出来る人にとっては、やってどうなのか？という点が無きにしも非ずでしたが、最短でＨＰを製作するにあたって必要な知識、情報を得れたのは良かった点でしょう。

最終課題の出来はどうとさえ考えなければ、オリジナルでWordpressぺーじの製作はこれまでのＨＰ作成の最短記録2週間だったし……。

今回は私の一つの挑戦でした。

終わりではなく、これからが次へのステップです。

約3カ月前と違って、ＨＰの作成は出来ると言える程度には自分の自信がつきました。

また、今の自分に足りないものはデザイン力で、必要なのはＨＰ作成に掛る時間の短縮だと、凄く感じます。

この2点の向上と実際にお金を稼げる人間に今年中でなれるのかって感じですが、とにかくまだまだやる気は失せません。

兎に角、がんばります！！

追）web講習が一応終了したので、まずはwordページの更新を進めようと思います。

小説はまだまだ、黒の浸透・Nocturneが終わっていないのに、次の作品が浮かんでいてどうしたらいいのかと悩んでいる所です。

連休も終わり新たに――

みなさん、ゴールデンウィークはいかがお過ごしでしたでしょうか？

私はというと、ほぼＰＣに向かって、プログラムと奮闘していた記憶しかありません。

強いて言えば、最終日に高校の友と約2年ぶりの昼食会に言ったことでしょうか……。

長期休みの後の仕事は憂鬱になるものですが、私の場合、丁度このゴールデンウィーク明けから、これまでの部署が移転に伴い、配属先変更依頼をした結果、デスクワークから製品試験という全く違う職種になったため、憂鬱どころか不安でいっぱいでした。


実際、今日からだったのですが、周りの人たちは大学で化学を学んだ人たちばかりのようで、私は理系は理系でも物理。

メスシリンダーやホールピペットやビーカー……なんて使うのは高校以来です。

webデザインの勉強しながらこの仕事をやっていけるのかは謎ですが（そもそもこの配属合ってる？）、ハッキリ言って化学実験って感じなので……。

でも、こういうのは嫌いではないので、こうなったらどっちも勉強してやろうと思います。

webデザインの勉強しだしてから、何だか学ぶのが楽しくなってきている気がするので行ける気が……否、行かせてみせます！！

カスタムフィールドで挿入した画像サイズの変更と挿入枚数によって表示方法を変更する

まず、上記コードをfunctions.php内に記載。

すると

<？php echo get_custom_img($staffID,'thumbnail'); ?>

をカスタム投稿タイプページに記載すれば、画像が表示される。

※$staffIDはAdvanced Custom Fieldsで設定のフィールド名（staff1～4）
が、今回は最大4枚写真挿入が可能（設定で4つ写真挿入フィールドを作成）だが、間が空いて4枚より少ない数の写真挿入しかない場合の途中空欄スペースを除いて表示させたいので、下記コードを表示したい投稿タイプページに記載する。

なお、途中※でも記載の通り、画像挿入フィールドはプラグイン『Advanced Custom Fields』で作成している。

作成時、返り値項目にて「画像ＩＤ」にチェックをいれ、選択することを忘れないように。

そうしないと、ＩＤにて画像データが取得できない。

今回もまた、備忘録として。

カスタム投稿タイプで作成した一覧ページに表示される各投稿項目を都道府県別で表示させる[wordpress]

上記コードを貼り付け、
56行目

if(get_post_meta($val->ID, "地域", true) == $pref_name){

内、『”地域"』をカスタム投稿タイプに作成のタクソノミーラベルで指定し、
72行目

<！-- ここに表示内容記述 -->

の箇所に表示させたいコードを記載することで、都道府県別の一覧表示になる。
因み上記に直接関係ないが、今回設定のカスタム投稿タイプ等は下記の通り。

• カスタム投稿タイプ
• Post Type Slug：shop
• Plural Label：店舗
• Singular Label：店舗


• タクソノミー
• Taxonomy Slug ：area
• Plural Label ：地域
• Singular Label：地域
• Attach to Post Type:店舗


• タクソノミー内スラッグ
• 名前 ：東京、スラッグ ：tokyo
• 名前 ：大阪、スラッグ ：osaka
• etc......

今回はタクソノミー設定のスラッグで並べ替えをしましたが、これも大分手古摺ったので備忘録として……。

今回の内容に関してはこちらのページ[WP 3.6.1] カスタムフィールドの都道府県名によってソートを参考にしました。

wordページ

トップページのお知らせ通り、5/1にwordページを公開しました。

現在使用中のサーバが3カ月更新なければ使用不可になってしまうので（このブログはbloggerのため別）、正直焦りましたが何とか……です。

どうしても、wordページもレスポンス化と使いやすさを追求したいと思いまして、スライドメニューを今回は取り入れました。

が、ほんの少し勉強したばかりのjava scriptが絡んできたので、手古摺ってしまいました。

java scriptはもう少し、しっかりと勉強しないといけませんね。

wordpressの投稿ページ等のimgタグ内に独自classを追加

functions.phpへ下記コードを入力で
wordpressの投稿ページ等のimgタグ内に独自classを追加できる

<?php

add_filter( 'image_send_to_editor', 'remove_img_attr' );

function remove_img_attr( $html ) {
$class = 'test';
return preg_replace( '!(<img[^>]+class=")!', '$1'.$class.' ', $html );
}

?>

因みに今回、指定したclassは"test"。


また、ギャラリー使用時に独自style.cssを使用したい場合は
本体ギャラリーCSSの停止が必要
停止するには下記コードをfunctions.phpへ入力

<?php

//本体ギャラリーCSS停止
add_filter( 'use_default_gallery_style', '__return_false' );

?>

テーマのサブディレクトリ内に functions.php というファイル名でファイルを作り、独自でカスタマイズしたい内容を記載していくこのファイル。
ファイル名はfunctions.phpです。
くれぐれも、function.phpとfunctionと.phpの間に『s』を忘れずに！！
また、上記コードはphpコードのため必ず"<?php" ～"?>"で囲むことも忘れないように！！
あと、余分な空白とかがあってもうまく機能しない。


こんな些細なことで半日以上悩みに悩んで、漸く実装できたので自身の備忘録として――

bootstrapの土壺にはまり中……

お久しぶりです。

webデザインの勉強を本気で始めてから、かれこれ半年以上と言ったところでしょうか。

 以前、このブログでも言っていた通り、現在ITブートキャンプに入隊中でして、仕事しながらは思った通りの大変さを実感しております。

最初のほうはhtml、cssの基本的な実装で、これまで独学でやってきたものと大差はなかったのですが、ワイヤーフレームからカンプの作成あたりから怪しい雰囲気で。

 まぁ、何とかこなしたんですけど。

 これで終わったと思ったら、聞いたこともなかったbootstrapというWebサイトやWebアプリケーションを作成するフリーソフトウェアツール集(wikipedia引用)というものを使用したwebサイト構築に展開してきたため、課題通りのページを1ページ作成するだけで約5日も要してしまいました。

でも、bootstrapは短期でホームページを作っていくためには必要なよう。

 もっと理解を深めねばいけませんね。 と言うことで、こんな感じで、もうそろそろITブートキャンプも半分経過。

wordpressはどうなる事やら……。

不安は尽きませんが、今、目の前にある問題をこなすのみですね。 がんばります！！




 あと、小説の方ですが、思った通り、今は書く余裕がありません。

申し訳ないですが、あと2カ月ほど先になるかもと思います。

でも、更新しないと、このホームページ自体が閉鎖になってしまいますので、前々から考えていたWord(詩)専用ページの作成は今月中にやります。

小説、お待ちの方は今しばらく待って頂けるとありがたいです。

Today's moon

⇖

+

久しぶりの月の撮影です。

今回は満月に近づいているせいで、雲と同時に月の海部分も撮りたかったのですが、光の強さが大きく、やはり無理でした。

で、こんな風に撮りたかったなぁという思いも込めて、今日の月、雲を含めた全体像とズームにしたバージョンを合成してみました。

IT butocamp

微妙にＨＰの修正を続けている海月です。

去年から続けているwebデザイナーへの道はなかなか険しいものだとここ最近、強く感じます。

htmlやCSSは最初の頃よりはだいぶ分かって来たと公言できるところまで来ている気がしますが、言語に関して言えばPHP,Javascript,Jqueryとまだまだ理解しなければいけないことは山積みで。

就職に結びつけるためには実績がなければ、厳しいのは確か。

でも、夢見ているのはフリーランスという生き方ですよ。

フリーでやるってことはオールマイティーに何でも、こなせなければ太刀打ちできないわけで。

歳だって……。（もう、若者とはいえないです>_<）

そんなことを考えていると、何をどうすればいいのかだんだん分からなくなってきて、一応個人等への依頼が集結したサイト等をぐるぐる回って、案件なるものを見てみましたが、今の自分では手に負えないのを実感してしまいました。

だって、今までは自分がこうしたいと思ったものを作るのに対して、こうしてほしいという要望に応えて作る。

webデザインの本に載っていた、フレームワークだとか、配色のこととか、ＳＥＯとか、そういったことはどう考えても、本だけでは理解しがたい（私の場合）けど、絶対的に必要要素だよなぁと深く実感してしまったのです。

それだけではありません。

依頼があって、それを受けて作成し、納品するまでの流れがさっぱり、わ・か・ら・な・い。

やっぱり、そう言った学校に通ったほうがいいのかなと思い始めていた矢先、ITブートキャンプなるものを知りまして、迷いに迷ったあげく、入隊しちゃいました。（オンライン版の方を）

本当は14日か28日間、石垣島かな？に泊まり込み、ひたすらweb関連の勉強をするというものらしいのですが、ここ最近オンライン版が出た模様。

しかも、金額は私が調べていた学校とかよりも安い（とは言っても、直ぐ決断できるほどの金額ではありません！！）。

ここでやらなきゃ、何も変われない気がして、これが近道かは分かりませんが、やった分だけは自分のものになるのは事実です。

だから、一歩また前へ。

ということで、またもや小説ＵＰ送れる模様です。

待っていてくださる奇特な方がおられるようでしたら、申し訳ありません。

でも、小説もwebも決して、諦めるつもりはないので。



ちなみに、写真はすりガラスのようなぼかし効果というものをサイトを巡っているうちに目にしてしまいまして、やってみました。

今朝とった朝焼けもシャレた感じになったかも……。

font-faceの罠

リニューアル1部終了の告知をしてから早一週間。

htmlはhtml5,cssはcss3で、これまでiphone、ipodtouchだと見にくかったHPを改善すべくレスポンシブで。

と考え、なんとなく現段階ではうまくいっていると思うのですが。

PCで見る文字とiphoneから見る文字の書式が違っているのが何時も引っかかっていました。

他のサイトを参考にしようと、そのサイトたちをPCとiphoneで見比べてみるとやっぱりうまく表示出来てる。

なぜ？と思い、ソースを見てみると、font-family設定が複数されているではないですか。

私はと言えば、sans-serifのみ。

考えてみれば、デバイスごとでOSが違うのだから、デフォルトのフォントも違う訳で、表示が異なるのも必然なわけですね。

ということで、以下サイトCSSでFont-Familyを指定するを参考に、各々のデバイスに合わせてゴシック書体で統一することにしました。（1部の0.5の修正かな？）



これで問題解決と思いきや、メニューと各ページのタイトルまでゴシック書体になってしまい、私が思い描いたイメージとは違ったものに。

どうしても何とかしたくて、ようやくwebフォントなるものを発見。

これで今度こそ！と期待して様々なサイトで紹介されているように以下のように記述したのに何の変化もないではないですか。



―最初の記述―【CSS】

@font-face{
font-family:'適当な書体名';
src:url('fonts/FontName.otf') format('otf');
}

.menu{
font-family: 適当な書体名;
}

何度確認してもCSSの記述に誤りはないようだし、自分でつけた”適当な書体名”に誤りもない、書体ファイルのリンク先も合っている。

otf形式だってFirefox 3.5で対応してるんだし、最新のFirefox44だって対応しているだろうと思いつつも、疑ってIE11とChrome48で見てみても変わらない。

検索して、コードを見つめること約10時間。



―最終の記述―【CSS】

@font-face{
font-family:'適当な書体名';
src:url('fonts/FontName.otf') format('otf');
src:url('fonts/FontName.ttf') format('ttf');
src:url('fonts/FoneName.eot') format('eot');
src:url('fonts/FontName.woff') format('woff');
}

.menu{
font-family: 適当な書体名;
}

上記のように記述したら反映してくれました。

結局、問題は最後に疑っていたファイル形式だったようです。(ダウンロードできるファイル形式は大抵otfだったのに……)


後になって考えてみると、こんなにも些細なことに時間を費やしたことに悔しい限りですが。

htmlとかcssとかの記述って、一つ何かに躓いて、考えてクリアしての繰り返しだなと最近思います。

分からないことが多いからこんな状態ですが、経験が増えることで、考え悩むことで自分のものになっているのだと信じたいです。



※今回は備忘録として――

リニューアル１部終了

サイトを訪問して分かる通り、リニューアルしました。

本当は2月1日を期日に完全完成の予定でしたが、思ったよりも難航してしまい1部終了としてＵＰしました。

html,css等ホームページ関連言語の勉強を兼ねて、製作しているせいか、分からない所はしっかりと理解したいと思いこの結果です。

今月には完全完成の予定ですので、小説ＵＰは今しばらくお待ちを。

ウェブデザイン技能検定３級 合格

表題のとおり、ウェブデザイン技能検定３級、無事に合格しておりました。

２５日に公式サイトで発表があり、次の日には合格証が届いていたのですが、こちらにＵＰするのも少々面倒で、放置しておりました。

これで「３級ウェブデザイン技能士」を名乗る資格を得たわけです。

が、２級までは実務経験なしで取得できるので、次のレベルを目指そうと思います。

ただ、勉強していて、２月試験は厳しそうな感じが知るので、５月を目指そうかと……。

その間にイラストレーターを受けようか迷う所です。

photoshop スタンダード 合格

昨日ですが、11月初めに受けたphotoshopクリエーター能力認定試験（スタンダード）の合格通知が届いていました。

2次試験が全部完成していなかったので、これは怪しいかもと思っていたのですが、何故か84%の完成度のようで……。

完璧だと思われた１次よりも完成度が上回っていたのが不思議です。

スタンダードだったからかな？？

でも、合格と言う結果はやはり嬉しいものです。

そのうち、エキスパートを受けるつもりでいますが、その前にillustratorを受けようと思っております。

こちらは今回の傾向から一気にエキスパートで行く予定ですが、photoshopとはまた別物なので、独学をさらに頑張らないといけませんね。

ウェブデザイン技能検定3級、受けてきました

試験から約1週間経った今頃、ですが。

表題のとおり、ウェブデザイン技能検定3級を受けてきました。

試験は思った通りと言うか、嫌な予感を感じていた通り、記述試験の出題傾向がこれまでとは違っていたので、試験開始当初、ダメかと思ったのですが、粘り強く時間一杯を使って 、問題文から読み取っていたら何となく解けた気がします。

試験次の日には解答が出ていたので、自己採点をした所、25問中5問不正解だったので、これは合格したかも……。

実技は数年前から少し傾向が変わりましたが、今回もそれと変わらずの内容だったので、全問正解の自信ありです。

結果は約1カ月後なので、実際は不明ですが、試験を終えてみて、自分の理解していなかったことの多さ、分かって更に踏み込みたくなったこともあり、何となく2級受験も考えてみたり。

でも、試験会場が私の県ではないので、わざわざ東京に行くことを考えると何だか面倒な……。

それでも、いつかは受けたいので少しずつ勉強しながら、次の計画どおり、サイトリニューアルを目指すこととします。

明日、ウェブデザイン技能試験です。

遂に明日がウェブデザイン技能試験になります。

私が受ける級は一番低い3級ですが、筆記試験の方が私には難関です。

元々、ホームページに関しての知識は形だけできていればいいという感じだったのですが、実際そうでもなく、色々な基準や条件があるのだと勉強してみて実感していると同時にwebに関する知識がなさすぎな自分に情けなさを感じてしまいました。

実際、少しでもこういった事に関わるような仕事をしていれば簡単なのかもしれませんが、そういった仕事が出来ることを目指して今回受けるのだから、分からないことが多いのは当たり前と言えば当たり前かもしれません。

まあ、兎に角。

明日のために、約3カ月、出来るだけ時間を割いて勉強をしたつもりです。

あとは、明日、急にこれまでと違った傾向の問題が出ないことを祈るのみでしょうか。


因みに↓は2日前の月の写真です。久々に撮りました。

勉強……

お久しぶりです。

前回、ブログを書いてから少々、時間が経っておりますが、 宣言？通り、勉強の毎日です。

仕事終わって、帰宅後、夕食終わって勉強。

休日、ほぼ本と睨めっこ。

こんなにも勉強に本気を出したのは久しぶりな気がします。

流し読みではなくて、しっかりと身につけたいので、分からない言葉が出るたび、ネット検索。

読んでいて、前に読んだ内容に近い言葉やその言葉そのものが出た際、思い出してみて、逆戻りしたりと。

元々、本を読むのが遅い私。

時間が掛かりますが、それでも自分なりにハイペースで進んでいるつもりです。

で、何の勉強をしているのかと言うと。

何の勉強をしていいのか分からないので、取っても直接、就職に役立つとかではありませんが、webデザイン技能検定3級合格を目指してみています。

まずは第一関門と言ったところでしょうか。

でも、技術だけではなく、知識も必要で苦戦中だったりします。（PhotoShopも同時進行勉強中なので）

webの知識が無さ過ぎて。

でも、インターネットの歴史から始まって、ネットワーク、サーバとしっかりと分かっていなかったことが、分かって面白かったりもします。

あ、小説更新は今は余裕がないので、来月かな……。

webデザインを作る人

まぁ、表題はつまりwebデザイナーの事なんですがね。

ＨＰ系の専門学校を出たわけでもなければ、講座を受けていたわけでもない。

ただ、このＨＰを作成していただけの初心者な私ですが、webデザイナーを目指してみようと思うのです。

VBは昔触れたことがあって、Excelマクロは今でも仕事でちょこっとプログラムを組んでみたりしているのですが、webの方が断然、やれることの自由度が高く、想像が形となった時、嬉しくて、一人で喜んでいたり。

とにかく面白い。

もともと、このＨＰを始めたのはＨＰを作ってみたかったのがきっかけだったりもします。

その頃、こういうのが仕事にできたらなと不図、思ったこともありましたが、知識も技術もない私には無理だと諦めていました。

でも、将来を本気で考えた今、どうしてもなりたい、調べてみると独学でなった人もいるとか。

それは容易の沙汰ではないことは確かですが、ここで諦めたら何も始まらない。

自分でも何か出来るんだと言うことを証明したい。

だから、本気で頑張ってみたいと思います。


まずは、webデザインの基礎と、photoshopからですかね。