サイトのレスポンシブ化
PCから観るとあんまり変わりがないのですが、サイトのレスポンシブ化が完了しました！
お正月にAmazonを観ていたら、ウェブサイト作成ソフト「BiND」の一つ前のバージョン「BiND9」が安めのお値段で売られていたので購入。
今までのサイトデザインそのままにしたこともあって、簡単にレスポンシブ対応のサイトが出来ました。
が、いくつか問題が。
ギャラリーページのサムネイル画像を開いて大きな画像をふわっと表示させたいのですが、どうも同じ画像を拡大表示しか出来ないようなのですね。
あと、メールフォームCGIも設置したいけれど、「BiND」さんで用意された専用フォームしか使えないようです。
「BiND」単体ではソースコードを直接編集出来ないので、ためしにアプリ外で直接htmlの編集、その後に「BiND」を開いてみたところ、ちょっとでも「BiND」で編集をはじめると、アプリ外で編集した箇所がすべて消去されてしまいますね。
考えた結果、「BiND」でおおよそのレスポンシブ対応サイトデザインを作成、その後は「mi(ミカキエディット)」で直接htmlやcssファイルを編集して完成させるという方法にしました。
後戻りの出来ないことに恐怖しつつ、ギャラリーページにモーダルウィンドウの「Colorbox.js」を設置、コンタクトページにメールフォームCGIを設置しました。
制作の途中、スマートフォンからも確認したところ、どうも「BiND」付属の「ハンバーガーメニュー」が重いのですね。
「ハンバーガーメニュー」というのは、「三」みたいなボタンを押すとメニューが表示されるというものです。
ここまで来たら、外部で色々と変更してしまえ！ということで、「ハンバーガーメニュー」は「drawer.js」に変更。
「ハンバーガーメニュー」はPCやMacのブラウザからもブラウザの画面を狭めれば見えるのですが、ちょこっと昔のブラウザで確認すると、ボタン部分がずれちゃうものもありますね。
PCやMacのブラウザを狭めて観る状況はほとんどなさそうなので、ここは無視しました。
最後に一番の難所。
このブログのレスポンシブ化。
使用している「さくらのブログ」はレンタルしているサーバーのおまけ機能なのですが、ノーマルの状態でスマートフォンからアクセスすると、スマートフォン専用デザインのブログに振り分けられてしまうのですね。
それを無効にしつつレスポンシブ化する方法は下記のブログを参考にしました。
http://blog.kantan-tech.net/article/174800796.html
想像していたよりも簡単にブログのレスポンシブ化が完了！
スマートフォンから確認してみると、画像の大きさがそのまま表示されて文字が窮屈になってしまうので、cssを追記してスマートフォンからアクセスした場合は画像を70%表示することにしました。
長々と書いてしまったけれど、ご機会などありましたらスマートフォンからもアクセスしてみて下さいね。
あけましておめでとうございます
あけましておめでとうございます！
昨年は年末ジャンボ宝くじをバラで10枚購入しました。
31日にドキドキしつつ確認をしたら、3,000円が当たっていました！
このお金で「レスポンシブデザイン」の本を買おうと思ってます。
というわけで、今年の自分用の年賀状イラスト。
普段は西暦で表記をするのですが、今年で平成が最後ということで「平成」を入れました。
今回は今年の干支のイノシシさんの他、ネコさんとツルさん、カメさんに参加してもらいましたよ。
そうそう、干支は中国から伝わったのが有名な話ですが、中国ではイノシシさんではなくブタさんが干支なのですよね。
なんでも、中国から干支が伝わったとき、日本にはブタさんが存在しなかったので替わりにイノシシさんにしたのですって。
ではでは、2019年もどうぞよろしくお願いいたします！
皆さまにとって2019年が素敵な一年でありますように。
良いお年を！
今日で2018年も終わりですね。
今年のお仕事は29日でなんとか完了しました。
そうそう、今のウェブサイトは「レスポンシブウェブデザイン」が推奨されていますよね。
「レスポンシブウェブデザイン」は画面の横幅サイズなど、PCやスマートフォンなど端末のブラウザに応じて見え方が変わるデザインです。
そろそろ自分のサイトもレスポンシブにしようかと勉強中。
でも、これはもう自分のような素人レベルじゃ大変そう…。
なんとか2019年中にレスポンシブ化が出来たらと思っています。
ではでは、サイトやこのブログを見ていただき本当にありがとうございました！
2019年もお時間のあるときに遊びに来てくださいね。
みなさま良いお年を！
Trampoline 2019年 年賀状
クラブＷ杯がはじまりましたね。
アル・アイン（UAE）に所属している塩谷司を久しぶりに観たけれど、とっても良い選手ですね。
鹿島に所属していたカイオもとても良かったな。
そして鹿島アントラーズ！
前半はグアダラハラに得点されてヒヤヒヤっとする展開だったけれど、後半に安部裕葵が交代で入ってから凄かった。
ジーコさんが喜んでいる姿を観ていると、なんだかこちらも嬉しくなってきますね。
次のレアルとの対戦、とても楽しみ！
なんとか勝ってほしいな。
というわけで年賀状イラストのお仕事宣伝！
グリーティングカード販売サイト「トランポリン」さまにて、1点の亥年フォトフレーム年賀イラストを描きました。
一年ほど前に制作の依頼があって、2019年度の亥年の年賀としては一番最初に描いたものです。
そのため、イノシシさんのイラストをどのように描くのか一一番時間の掛かった年賀状でもあります。
気に入っていただけたら、ぜひ2019年の年賀状として使ってくださいね！
Trampoline年賀状2019 (DC02_015_A0529)
https://shop.trampo.jp/items/14928506
その他の2019年度版戌年年賀状イラストは下記リンクにまとめています↓
http://www.m-universe.net/nenga.html
東京スカイツリー（R）アート2019
今日もとっても寒いですね。
自分用の年賀状イラストも描き終わり、印刷も少し前に終わりました。
早いうちに宛名を書いてしまおうと思いつつ、結局はギリギリになってしまうのですよね。
そうそう、今更ながら「カメラを止めるな!」を観ました。
とりあえず観て！と、知りあいにオススメしたくなるタイプの映画ですね。
すでにネタバレ的なものが耳に沢山入ってきてしまっていたけれど、それらのネタバレをすり抜けていた部分がとても面白かった。
あと録画していた「DESTINY 鎌倉ものがたり」を観ました。
映画の内容がどのようなものなのか知らず、あんまり期待していなかったけれど、お話の内容にビックリ。
鎌倉を舞台にした地味なお話だとばかり思っていたのですが、ファンタジーだったのですね。
展開が早くて、とっても面白かった！
というわけで、東京スカイツリー（R）アート2019。
今年も「東京スカイツリー（R）アート」コンペに参加しました！
今回は春をイメージで、桜の花びらをと動物さんたちを配置しましたよ。
普段はイラストにアウトラインを使っているけれど、今回はアウトラインを使用せずに描いてみました。
このイラストを描いていたとき、お仕事でもにアウトライン無しのイラストを描いていたので、その影響です。
アウトライン無しで描くことがあまりないので、たま〜に描くととっても新鮮ですね。
12月1日(土)より東京スカイツリーオフィシャルショップ「THE SKYTREE SHOP」5Fと1Fにて↑のポストカードが販売されています。
↑の写真の右側が販売風景。
僕のポストカードは一番上の段の真ん中にあります。
スカイツリーに来場の際は、「THE SKYTREE SHOP」で是非ご覧くださいね！
ポストカードを購入していただけたら、とっても嬉しいです。
東京スカイツリー（R）アート2019
http://www.sugarinc.net/TSA.html
データサービスがブロックされています。
今日はとっても寒いですね。
ふと14時くらいにスマートフォンを見たところ、「データサービスがブロックされています。」といった表示がされていたのですね。
なんだかよく分からないけれど、とりあえず再起動。
が、再起動後も同じ表示に。
自宅の電話から自分の携帯に電話してみたところ繋がりませんね。
ネットで検索してみたところ、SoftBankで通信障害があるそうです。
↓ソフトバンク、スマホで通信障害
https://headlines.yahoo.co.jp/hl?a=20181206-00000074-impress-sci
今の時刻は17時だけれど復旧しないままですね。
これからの時間、携帯電話を使用する方が増えるだろうし早く復旧すると良いのですが。
＊追記
20時すぎには使えるようになりました！
LINE絵文字「デビねこくん 絵文字」と「ライオンのライさん シンプル絵文字」と「柴犬さんたちのシンプル絵文字」
もう12月だけれど、比較的に暖かい日が続いていますね。
今週末は関東地方もとっても寒くなるそうですよ。
そうそう、Jリーグのリーグ戦の最終節、先週で終わりましたね。
残留争いを注目してみてましたが、プレーオフ枠はジュビロに！
今週末に現在J2の東京ヴェルディとの対戦とのことで楽しみです。
プレーオフってとても面白いのですよね。
というわけでライン絵文字の宣伝。
現在、「デビねこくん 絵文字」、「ライオンのライさん シンプル絵文字」、「柴犬さんたちのシンプル絵文字」のLINE絵文字3種類が発売中です。
11月の終わりから絵文字の販売が開始するということで、それ以前からちょこちょこっと描いていました。
スタンプよりも少しだけ描くのラクかな…？と思いつつ制作しましたが、やっぱり40点描くのは大変だった…！
でも、いろいろな表情を描くのは楽しいです。
気に入っていただけたら、ぜひ使って下さいね！
次の絵文字も近いうちにシロクマとペンギンとか、ハリネズミなど描こうと思っています。
LINE絵文字 ミニマムユニヴァースURL↓
https://store.line.me/emojishop/author/741224
