スタッフブログ

menu

年末年始のお休みについて

2018年12月25日

年末年始の営業についてお知らせいたします。

12/29（土）～1/3（木）は休業とさせていただきます。

1/4（金）は、終日研修のためお電話での対応いたしておりません。
1/7（月）より通常営業となります。

お見積りなどはメールで順次受付しておりますので、
お気軽にお問合せください。

どうぞよろしくお願いいたします。

10年ぶりに岡山県へ

2018年12月18日

この時期はマスクが欠かせなくなる吉岡です。
寒さ対策にマスクは必須です。

さて、先日10年ぶりに岡山県の倉敷へ行きました。
10年前は…そう…小学校の修学旅行で。

あの頃は修学旅行だったので
隅々まで見ることなく、班の人にくっついて行動していましたが
大人になった今は観光の仕方が変わりました。

まずお昼が豪華に。

昔なら絶対にこんな豪華なものなんて食べませんでしたからね。
少食になった私はこの量すら食べられず悔しかったです…。

美観地区を目当てに行ったのですが、
ここは美観地区からは少し離れていました。
倉敷駅から徒歩20分くらいでした。

ご飯を食べて美観地区へ。
すごく寒かったのですが天気がすごく良く写真も綺麗に取れました。
(※私が写っている写真は撮り終わったと思って油断して「寒い」と嘆いている写真です)

いやぁ…本当に寒かったです…。
冷え性にはとても辛い寒さでした。

寒いからもう岡山市内行こうかと話していたときに
人力車お兄さんに声をかけられました。
私は過去に人力車に乗ったことがあるので人力車に乗るのが安くないということは知っており、
さらに寒いので断ろうかと思ったのですが、

連れが人力車に乗ったことがないから乗ってみたいと言ったのと、
人力車のお兄さんがすごく優しそうな人だったので「たまには贅沢してもいいよね…」ということで
乗りました。

全然寒くもないし楽しいし、
お兄さんの知識に勉強させられました。

やっぱ30分乗って
2人7.000円は少し高いなと思いましたが
次は違うところで乗ってみたいです。

メインは岡山市内であったライブでしたが、
いい観光になりました。

岡山は近い近いと行かなかったですが、
近場への旅行も素敵です。

【デザインのツボ】余白、とってますか？

2018年12月11日

コーダーの輿水です。
【デザインのツボ】第5回！
年内最後の【デザインのツボ】は、何もないことに意味がある！余白についてお送りします。

■今回のテーマ

デザインの上で余白の重要さは言うまでもありません。
特にWEBページをデザインする場合には、“ページ左右の余白の指定”を忘れないでください。

■どういうこと？

WEBページのデザインでは余裕のある画面幅を想定してデザイン全体の幅を決め、その中でコンテンツの幅を決めてデザインを作っていく場合が多いかと思います。
しかしこのとき、デザイン全体の幅に余裕があるせいで、コンテンツ幅ぴったりの画面で見たときの余白、というものが忘れられがちなんです。
文字が画面端にくっついていると、まず見栄えが悪くなってしまいます。更に、左右に余白のないサイトは操作性が悪くなってしまう場合があります。特にスマホサイトの操作では画面端が使われやすく、良くありません。

■何が困るの？

「幅が1000px以上の画面では横スクロールが発生しないようにしたいな。じゃあコンテンツの幅は1000pxで、とりあえずデザイン全体の幅は1200pxでデザインしよう！」という感じでデザインを作るとどうなるか･･･。上の画像をご覧ください。
確かに幅1000pxの画面で横スクロールは発生しません。しかし赤い矢印の先、画面左端を見るとテキストが画面端にぴったりくっついてしまっています。これでは見栄えが良くありません･･･。

これをデザインで「コンテンツの内側：980px + 余白：左右10pxずつ = コンテンツ：1000px」などとしておけば、コンテンツが画面端にくっつかず、スクロールも発生しないんです。
またコンテンツを1000pxにしても、ガイドなどで外側にわかるように余白を示しておいてもらえれば、コーダーが意図を汲んで余白をつけた実装をすることができます。
上の画像の例では、コンテンツ内にもコンテンツ外にも余白が示されていないため、いざ実装すると余白がない画面になってしまった･･･、というわけです。

デザイン中は余裕のある領域でデザインを行う場合が多いと思いますが、想定する最低幅ぴったりの画面や、デザインより幅がはるかに大きな画面で見たときにどう見えるのか？考えながらデザインして、ワンランク上のデザインにしましょう！

そうだ歯医者、行こう。

2018年12月4日

先日3本目の親知らずを抜きました。
フロントの武藤です。

どこの歯が痛いのか
上なのか下なのか
虫歯なのかそうじゃないのかも分からず
なんか痛いなぁとモヤモヤと数日を過ごし
とりあえず歯医者に行こうとなりました。

歯医者さんで診てもらうも虫歯が特定できず…
強いて言えば左下の親知らずかなぁと。

ということで、その日が土曜でしたが
少し無理を言ってその場で抜いてもらいました。
(翌日休診日で何かあっても診てもらえない)

帰宅して親知らず抜いてきた～と
主人に報告すると結構驚かれました。

主人含むまわりの人の経験談が結構壮絶なお話で
抜歯後もとてもつらかったようなので
きっと私はラッキーなパターンだと思います。

その日は腫れることもなく痛み止めを飲んで
予定していた買い物に行き休日を楽しみました。

今では親知らずを抜いてスッキリ。
抜歯前の痛みも感じなくなりました。
やはり親知らずが原因だったようですね。
ヨカッタヨカッタ！

やっぱり年末年始に歯が痛かったら
ご馳走食を思う存分楽しめないし
そんなのは耐えられなーーーい(T_T)
という食い意地が張っている故の即決でしたね…

※あくまで私の場合は特殊だと思うので参考ならないと思います。
　親知らずの抜歯はお医者さんとよく相談して下さい。

我が家も段々とクリスマス仕様になってきました☆

師走はバタバと忙しいですが、
年末年始は楽しみたいですね☆

豊岡でカニ三昧。

2018年11月29日

スタッフの脇本です！

先日豊岡でカニを食べてきました。

関係先の合宿に同行させていただくということで、
気合と気愛を入れて、
カニ様を美味しく頂戴いたしました。

カニしゃぶ。
カニ刺。
焼きガニ。
カニ味噌。
ゆでガニ。
カニ雑炊。

んはぁ～(*´Д｀)

11月に解禁となり、シーズン到来。
週末は大変込み合うそうです。

雪が降る前で、気軽に足を運ぶことが出来て、
良かったです。

関係者の皆さま幸せなツアーを企画してくださって、
ありがとうございます。

来年もご一緒できるよう、
頑張ります。

日本三大夜景 -摩耶山-

2018年11月20日

先日、初めて摩耶山の夜景を観にいきました。

元々観に行ってみたかったものの、機会が無く行けていませんでした。
いざ行ってみるとすごい綺麗で…。

ほとんどカップルしかいませんでしたね。
先輩と行っていたのでなんか虚しくなりました…。笑

1つ思ったのが、
お酒を飲んでいく場所ではないなと…。

私は乗り物酔いをしやすく、
さらにお酒も飲んでいたので山道がとても辛かったです…。
次回行くときは飲まずに行きます。笑

イルミネーションを観に行くのは好きなのですが、
夜景は夜景で素敵でした。

他の夜景も観に行ってみたいです。

【デザインのツボ】描画モードは再現できない！

2018年11月13日

コーダーの輿水です。
【デザインのツボ】第4回！
あっという間に12月がすぐそこに･･･。そしてブログの担当も回ってきてしまう･･･。

気を取り直して今回は、かっこいいデザインを作るのに一役買っている、描画モード(ブレンドモード)についてです。

■今回のテーマ

イイ感じのデザインを作るのにとっても大事なのはわかるんですが、この描画モード、設定したデザインを渡されても“実際のサイトでは再現できない(場合も多い)”んです！

■どういうこと？

デザインをしている方にはお馴染みかと思いますが、描画モードというのはPhotoshopなどの画像編集ソフトで複数のレイヤーを合成したように見せることができることができるオプションです。
例として、上の図の「【デザイン】」内にある青い枠組みには描画モードが適用されていて、背景の毛糸が透けているように見えています。CSSで簡単に実現できる半透明化とはどう違うのか？ということで半透明化に切り替えてみると･･･

こうなります。いやー見事に別物です(笑)。でも確かに同じ図形を使用していますし、枠組み以外のパーツは何も変更していません。
ということは、描画モードをサイト上で再現するには画像として切り出しておかないといけない、ということなんです(※)。

※一応CSS3で描画モードが追加されたのですが、まだまだブラウザの対応が追いついておらず、使用できない状況です(2018年11月現在)。

■何が困るの？

もう一度記事冒頭の図を見てみてください。デザイン中には「ここに任意のテキストが入ります。」。そしてご丁寧にも注釈に、「テキストはダミーです。～」との記述が･･･。つまり、青い枠組みは実際のテキスト次第で伸び縮みする可能性がある、ということになります。
もう一度繰り返しますが、描画モードを使った箇所は画像として切り出しておかないといけません。もし描画モードが使われていても、画像として切り出せるパーツなら対応可能です。しかし、画面幅を変える最中に背景とバラバラに動いたり、記事冒頭の図のように中身に合わせて伸縮する、となると、デザインを再現することができなくなってしまうんです。

CSS3の登場で、CSSだけで再現することができるデザインは格段に増えました。しかし今でもCSSでは対応できず、コーダーがあの手この手で四苦八苦してそれっぽく見せている(そしてお客様が気付くかヒヤヒヤしている)部分もあり、残念ながら上記のようにお手上げなデザインもあるのが現実です。
WEB系のデザインを多く手掛けられるデザイナーさんは、是非コーディングで再現できないデザイン、というものがあることを知っていただければと思います。

音楽会

2018年11月6日

実は音痴なフロントの武藤です(キリッ)
何故か私が歌うと爆笑ということが数回あり自覚しました(笑)
反応は人それぞれですが…
ヘンに引いたり、気を遣われるよりかは
笑ったり、ツッコんでもらえる方が嬉しいです！

開き直ってからは少しマシになったかと思う今日この頃、
１１月３日は長女の小学校の音楽会でした。
全学年のプログラムを楽しく見ることができました。
長女は結構ノリノリで歌って演奏していて感心しました。
長女には音痴の血は引き継がれていません(ホッ)

運動会と違って写真＆ヒデオ撮影禁止ということもあり
撮影のプレッシャーがない分楽しめたような気がします。

私は毎年遅めに会場に入るので立ち見なのですが、
来年は次女も小学生になるし、
一番前で座って見れたらいいなぁと思ってました。
なので、６年生にお子さんがいて2列目に座れたという方に
何時から並んだのか聞いたところ…
おじいちゃんが朝の４時から並んだとか！！
それでも前から１１番目だったようです。
なら１番目の人は何時か並んだのか？
気になりますよね？
聞きましたよー。

なんと、前日の夜１０時。

スゴすぎる…
ちょっと舐めてましたね。
まさかそこまでとはビックリでした。

さて、来年はどうしたものかと考え中です。