menu

【デザインのツボ】線は指定位置の内側に!

2018年7月31日

コーダーの輿水です。
平穏な日々を送っているとブログのネタがない!・・・ということで、コーダーから見て「こうだったらやりやすいのになー」というデザインのポイントを書いていこうそしたら仕事も楽になって一石二鳥と思い立ちました。
勝手にシリーズ化、【デザインのツボ】(続けばいいな・・・)。

■今回のテーマ

今回はオブジェクト(線とか図形とか)の大きさについて。

線は指定位置の内側になるように設定”してください。

■どういうこと?

言葉だとわかりにくいので、上の図を見ていただけるとわかりやすいです。
NGとOKの2つの四角がありますが、この2つは同じ大きさの四角です。直感的にはピンと来ないのではないでしょうか?

線に被さっている濃い色の点線が、描画時の指定位置です。
NGの四角では指定位置が線の中央に設定されています。一方OKの四角では指定位置が線の外側に設定されており、実際に描かれる線は指定位置の内側になっています。

描画時の200px×100pxという大きさは、この点線の大きさを表しているわけです。
とすると、NGの四角では、線の太さの半分が点線より外側にはみ出してしまっています。線の太さが10pxだとしたら、線も含めた全体の大きさは210px×110pxになってしまうわけです。

■何が困るの?

NGのパターンでコーダーが困るのは、デザイナーがどっちの意図(幅200pxのつもりだったのか、幅210pxのつもりだったのか)でデザインを作成したのか判断できない、ということです。
幅210pxのつもりでデザインしたならそのままでいいのですが、幅200pxのつもりだった場合、コーダーがはみ出した10pxを調整する必要が出てきます。もしくは、一度デザイナーさんに指摘して、修正してもらう間待たなければいけません。
OKのパターンでデザインしてもらっていれば、余計なことは考えず、粛々とデザインを再現すればいいわけです。コーダーはご機嫌で作業ができて、案件の作業時間も短くなって皆ハッピーです。

そんなわけで、デザインの際には是非OKのパターンを設定して線や図形を書いてください。

夏ノ暑サニモマケヌ!

2018年7月24日

フロントアシスタントの武藤です(キリッ)

連日の猛暑。
本当に身の危険を感じますね。
くれぐれも気を付けたいと思います。

そんな中、今朝の通勤電車で「養命酒」の広告が目に飛び込んできました。
子供の頃は「誰が飲むねん…」と思っておりましたが
今朝の私は「あ、これ良いかも!」なんて興味津々(笑)

なぜ興味を持ったのか?
年齢には勝てないから
夏バテ、肉体疲労など気になるワードが満載だから。

小学生と幼児の二人の子を持つ親としては
子供と夏休みを思いっきり満喫する為にも
疲れてなんていられない。

昨年はウナギを食べて乗り切りました。
今年は養命酒も検討してみたいと思います!

さて、娘の小学校は7月26日からが夏休みですが
我が家は7月に入ってから既に夏のイベント盛り沢山です。

プールは大阪のひらパーのザ・ブーンへ行き
キャンプは奈良の曽爾村のコテージで1泊しました。
どちらも家族で楽しめました!

近場では、8月神戸にオープンするスヌーピーのピーナッツホテル
その中のレストラン、ピーナッツダイナーにも一足先に行ってきました。
子供たちと一緒にテンション上がりまくり↑
カワイイし、おいしいし、大満足でした。

ホテルの予約サイトを見ると夏休みは既に予約で満室のようです。残念。
でも、レストランはまだまだ予約できそうです。(7/24時点)
神戸観光の際はチェックしてみて下さい。

googleアナリティクスレポートで簡単アクセス解析!

2018年7月17日

こんにちは!
制作会社のミカタ!コーディングパックです。

新規案件や、ページリニューアル、
納品後にクライアントからGoogleアナリティクスのレポートを依頼
されることって多いですよね。

□ 社内で資料作るのは面倒
□ 正直分析は難しい
□ 何を見れば良いかわからない

そんな時はコーディングパックにお任せください!

30ページのボリュームあるレポートを、
毎月作成し、お渡しいたします。

たくさんのお客様にご好評いただいております(^^)
 
□ サンプルデータ
  http://chilibeans.heteml.jp/report/sample.pdf
  ※サンプルはPDFですが、実際はパワーポイントでお渡しします。
  ※数字についてはサンプルデータとなります。

□ プラン内容について選択してください。
  セルフプラン   月々 3,000円
  セルフプラン   年間 30,000円(銀行振込による一括お支払い)

セルフプラン(EC) 月々 4,000円
  セルフプラン   年間 40,000円(銀行振込による一括お支払い)

  アドバイスプラン 月々 50,000円(銀行振込による月々お支払い)


A4_googleAnalytics

西日本豪雨

2018年7月10日

直したばかりのサンダルを再び壊した吉岡です。
ヒールの高いサンダルや靴を履くのが大好きでいつも履いているのですが、ヒールを履くと必ず足を挫くのです。
挫きすぎてダメになっているんでしょうね…。気をつけます。

先週、西日本は記録的な大雨に見舞われました。
会社付近やスタッフの自宅付近はニュースのような大きな被害はなく無事です。

しかし
同じ兵庫県内でもとても大きな被害を受けた地域がありました。
土砂崩れや川の氾濫。

兵庫県以外の県では家の半分が水に浸かったり、未だ助けが来ない地域もあるそうです。
私の祖母の家の近くでも土砂崩れが起きたらしく…。

こういうときは人の助け合いが非常に大切なことだと改めて思いました。
私には一体何ができるのだろう。
まだ答えは見つかっていませんが
次、日本のどこかで大きな災害が起きたときには私もなにかできるようになっていたいと思います。

私はいつも阪急電車を使っているのですが、今回の大雨で阪急電車が運行中止となりました。
いつも阪神電車やJRが止まっているとき、阪急電車は動いていたので今回は相当やばかったんだな…。

スタッフの家では大雨の中断水したとの話も…。
外は水であふれているのに家では水が使えない…。
自然災害はなにが起こるかわかりません。

約1ヶ月前に大阪地震が起きたばかりでの西日本豪雨。
油断禁物です。

また台風が近づいているようですので
みなさま、お気をつけください。

今年も夏がやってきました!

2018年7月3日

最近欠かさず筋トレなどを行っている吉岡です。
夏ですからね…。
万が一水着を着てもいいようにくびれを作ったり、足を少しでも細くしたりと努力しています。

そうです、夏です。
今年も夏が来ました!!
いやぁ…待っていましたよ…。

今年の夏は楽しみなことが満載です。

ライブに、フェスに、野球に、ユニバに。
学生かっ!ってほど予定が埋まりつつあります。
(その予定に私の財布やら口座やらがついてきてくれないんです…。つらい…。)

ライブはもちろんTUBE!
夏といえばやっぱりTUBEですよ!!
今月は神戸国際会館こくさいホール、来月は毎年恒例の横浜スタジアムでのライブがあるので楽しみで仕方がないです。

そして人生初のフェス!
なんか夏っぽいですよね。
大阪では2dayあり、最終日にしかいかないのですがアーティストが豪華…。
目当てでいくアーティストはもちろんいるのですが、他に倖田來未さんやGENERATIONSさんなど…。
ほかのファンの人達の気迫にやられてドッと疲れてしまいそうです。

野球は最近頻繁に観に行っているのですが、夏といえばやっぱりウル虎の夏。
そのウル虎の夏に2日連続でいきます。
連勝して欲しいものですね…!!

ユニバは今、サマーフェスティバルというものが開催されています。
今まで行ってみたかったものの行ったことがなかったので今年ようやく!という感じです。
同級生が行っているのをSNSで見たのですが、びちょびちょ…。楽しそう…。
行くときは水をいっぱいかけてもらえるようにユニバで販売されているTシャツを着て楽しもうと思います。

8月にはみなとこうべ海上花火大会もあります!
関西では淀川花火大会も有名ですが、2会場とも同じ日なので1会場しか行けません。
ぜひ皆様も一度足を運んでみてください!

引越しってわくわくしませんか?

2018年6月26日

一段と肌が黒くなった吉岡です。
先日、野球のデイゲームを見に行ったときに見事に焼けました。
つらい…。

これもまた先日、知人の引越しのお手伝いをしました。
私自身、引越しは2度経験しています。
1度目は10歳のときだったので母親に全部任せていたのですが、
2度目の18歳のときの引越しはめちゃくちゃわくわくしたのを覚えています。

昔から自分の部屋というのはあったのですが、
2度目の引越しのときは隅から隅まで自分好みの部屋にできたのがすごく楽しかったです。

最初は綺麗に保っていたのですが3年も経つともう保つことは無くなりました…。
綺麗にしないといけないという気持ちはあるんですけどね…。

話に戻りますが、
知人は初めての1人暮らしだったので、家具も家電も揃えるところからでした。
自分のことじゃないのに一緒に調べて一緒に買いに行ってと自分のことかのように楽しんでました。

当日日用品など会に行くのも付いて行ったのですが楽しくて楽しくて…。
その日のうちに片づけが全て終わらなかったので残念でした

大阪地震

2018年6月19日

最近、乳酸菌の飲み物(ヤクルトやピルクル)を飲むのにハマっている吉岡です。
乳酸菌って大事なんですよね…?
取りすぎもよくないと思うので、1日1本65mlのヤクルトで我慢しています。

先日18日の朝、大きな地震が起こりました。
震源地は大阪府の北部で、震度はM6.1でした。

私は地震発生時は電車に乗っており、運よく人が乗り降りするタイミングでした。
なので改札の外には出られたのですがやはり怖かったです。

乗り降りのタイミングというのと音楽をきいていたということもあり、
緊急地震速報には気付かず、体の大きな人が乗ってきたものだと思っていました。
(周りが騒がしくてケータイを確認してようやく気付いた感じです)

電車は全く動く気配がなかったので自宅待機という形を取らせていただきました。
自宅の最寄り駅から3駅いったところで止まってしまったのですが、
これもまた運がよく母親が休みだったので車で迎えに来てもらいました。

大阪と奈良に住んでいる友人たちと現状の情報共有をしたり、
知り合いの人に連絡取りまくったりしていたのですが、
連絡の取り様のない犬が心配でした。

私の自宅は大阪からさほど遠くはないので揺れはそこそこ大きく、震度5弱でした。
帰ったら地震なんかなかったかのように犬は元気で安心しました。

自分の部屋は大きくは荒れていなかったのですが、3階ということもあったのか棚に置いてあったものやぬいぐるみたちが
少しだけ床に落ちていました。
ちなみに父親は完成していたプラモデルが壊れていました…。

まだ不安は残っていますし、余震も続いているので
気をつければならないです。

皆様も余震が少しの間続くとは思いますがお気をつけください。
崩れやすそうな建物や看板の近くには近寄らないように意識したほうが良いかもしれませんね…。

余震と暑さで寝れなくて困っています。

才能は遺伝するのか

2018年6月12日

とある研究の内容や結果が面白かったので自分の感じたことと共に書こうと思います。

———————————————————————-

スポーツ
音楽・音程
数学
執筆(国語)

これらはすべて遺伝的要素が多くかかわっている割合が高いのだそうで。

【以下遺伝だといえる理由】
☆スポーツ
・遅筋・速筋は遺伝的なものだから
☆音楽・音程
・聴覚やリズム感
・「これが好き」「がんばり続けられる」性格的な遺伝
☆数学
・数学的思考は遺伝的であるというデータがある(←参考にした本に書いていたとおりに書いてます
しかし数学の才能は遺伝なのかどうかについて、さまざまな論文や研究データがあったのでこの本が
間違っているとも合っているともいえません。個人的には思考的遺伝に近い?)

上記に挙げたものはほとんど遺伝的才能の割合がしめているのですが、
結局それを伸ばすための機会や披露するタイミングが無ければただ優位な遺伝子が「あるだけ」なんだなあと
いろいろ調べていて感じました。
才能は磨かなければただのゴミっていうある人の言葉がまさにそれだなと思います。

スポーツは才能って言われますが、私の弟は誰よりもバスケが好きだから上手いんだと思うし、
好きだから上手くなりたくて練習しているんだと思います。

羨むだけではなく「得意」「好き」を見つけて極めてみてはどうでしょうか。

才能がすべてを左右するのではなく、自分の得意なことをどう生かしていくかが重要です。

(ちょっとかっこよく締めくくることができました)

今月の不運は全て終わりました

2018年6月5日

最近、髪色が落ち着いた吉岡です。
社内のイベントの写真などを見ていただいたらたまに赤みがかっているのが分かるものもあると思うのですが、
専門学校から髪を染めるときは必ず赤色を入れていました。(ブリーチをしていないので、そこまで目立たずに落ちていく程度の…)
理由としては私の好きなアーティストが一時期ですが赤髪にしており、憧れて赤色を入れていたのですが…。
ここんところ、その赤髪姿を見ることがなくなったので私もやめました。

今はちょっと暗めで赤はほぼないです。

さて、その髪を染めに行った日なのですが
びっくりするくらい不幸が起きました…。

まず美容院に行くためにメイクをしていた朝。
ヘアアイロンを床において温めていたのですが(※よい子はテーブルの上で温めましょう)、
立ち上がった瞬間にバランスを崩し、開いているヘアアイロンの間に見事足がはまりまして…。

↑このような感じです↑

びっくりして一瞬止まってしまったのですが、
ハっと我に返りお風呂場までダッシュし冷やしたにもかかわらず、
今の私の足はスニーカーが履けないのです…。
大きな水ぶくれが…。辛い…。

テンションがた落ちしつつメイクを続けていたら、
電車の時間に間に合わない!!自転車で駅まで行かなければ!!とまたバタバタ…。

駅に着き、前もって決めていた電車の乗り換え表?を見てみると
30分も時間を間違えているという…。
自転車で来なくてよかった…。と無駄な100円を払いました。

その日行った美容院は初めて行くお店で、
駅から徒歩3分って書いてるけど初めてやから早めに行っとこーと思って行動していたのでよかったものの、
美容院の最寄り駅に着き、駅から美容院に行くまで20分かかりました…。
見事に出る出口全て間違え、マップ通りに行けず苦戦…。

美容院が終わって家に帰ろうと地元の駅で降りた瞬間、
履いていたサンダルが壊れました。
こんなとこ壊れる?!先週、他のところ直したばっかやのに?!…と。

萎えながら家に着き、自転車を止めていると
いつ付いたのか分からないのですが履いていたジーパンの両膝のところにさびが…。
なんやねん!!!!

そのあと、靴を修理に持っていき
知り合いと晩御飯を食べに居酒屋に行きました。

なんなんでしょうね。
めっちゃこぼしていました…。
そして、鉄板料理の鉄板で服が焼けそうになりました…。

自宅に帰りやっと最後の不幸。
頭痛がひどくて眠れない。

なんという不幸の連鎖でしょうか…。
1日にここまで不幸な出来事に出くわしたことなんてありませんでした…。

でも、これできっと
今月分の不幸は全て終わったはず。
むしろ2か月分の不幸がなくなっていてもいいくらい…。

残りの6月は楽しいことがたくさんあるといいなと思いながら
ヒリヒリする足を引きずりながら生活しています。

みなさん
ヘアアイロンには十分にお気をつけください…。
痛いです…。

既存のGoogle Mapが使えなくなる(かも)!?

2018年5月31日

ホームページでGoogle Mapを使用しているという方に重要なお知らせです。

2018年6月11日からシステムが変更になり、Google Maps APIを使用している場合は設定を更新しないと使えなくなってしまう(かも)という発表がGoogleからありました。
どんな場合が対象なのか?どんなことをしなければならないのか?をまとめてみましたので、是非目を通してください。
※Googleからは、使えるとも使えなくなるとも明言されていないようです。

対象になる?ならない?チェック!
「○」の場合は対象です。「×」の場合は対象ではないので、何もしなくても大丈夫です。

  • ホームページのGoogle Mapで、アイコンをカスタマイズしている。→ ○
  • ホームページのGoogle Mapで、地図の色をカスタマイズしている。→ ○
  • ホームページのGoogle Mapで、吹き出しなどの内容をオリジナルにしている。→ ○
  • ホームページにGoogle Mapはあるが、表示内容は素のまま(本家Google Mapと同じ)を使っている。→ ×
  • 5月の始め頃に「[Action Required] Changes to your Google Maps APIs account」という怪しげな英語のメールが来ていた。→ ○

対象だった!何をすればいいの?
まず、プレミアムプランの方は何もしなくて大丈夫です。スタンダードプランの場合(プレミアムプランに加入した覚えがない方)のみ、設定が必要です。

  1. Google Maps Platformのホームページ(https://cloud.google.com/maps-platform/)へアクセスします。
  2. 既存ユーザー用ガイド(https://cloud.google.com/maps-platform/user-guide/)へ移動します。
  3. 「移行ツール」をクリックします。
  4. Googleアカウントでログインすると、対象のAPIがあるかどうか表示してくれます。(残念ながら英語ですが・・・。)
    対象があった場合は、画面に従って設定をしてください。大抵の場合、支払い(クレジットカード)情報の登録が求められます。

で、結局何が変わるの?なんで支払い情報がいるの?
今回のシステム変更に伴い、「無料プラン」というものがなくなりました。
実は今までは、自動で「料金プラン:無料プラン」が複数のプランの中から適用されていたんです。
システム変更に伴い、すべてのプランが「月に200ドル分まで無料で使えるプラン」1つに集約されました。一応「無料プラン」ではなくなったため、支払い情報の登録が要るようになった、というわけです。
「月に200ドル」で何ができるのか?詳しく知りたい方は、料金表(https://cloud.google.com/maps-platform/pricing/sheet/)を参照してみてください。

 

如何でしたでしょうか?
Googleも移行ツールなどを用意して、作業をしやすいようにサポートしてくれています。
それでも「対象なのか不安・・・」「心当たりはあるけど、やっぱりどうしたらいいかわからない・・・」という方は、お気軽に弊社までご相談ください。

初めてのお客様はこちらからどうぞ

お見積りはこちらから

資料請求はこちらから

wordpress実装 初期費用0円 ワードプレス構築

下層ページデザインサービス

Coding Pack News Letter

コーディングパックのメールマガジン

お得な情報満載!

バックナンバーはこちら

最新納品実績

  • コーディング

    2P

    2018.05.07

    服飾メーカー

  • コーディング

    1P

    2018.05.01

    不動産

  • コーディング

    1P

    2018.04.30

    専門学校

  • コーディング

    5P

    2018.04.27

    インテリアメーカー

  • コーディング

    1P

    2018.04.27

    美容メーカー

more

pagetop