お久しぶりです。 便利屋のもっくんです(^^)/ 最近アババイのセキュリティー面でも調査や対応をすることが多くなっていた今日この頃、 以前にも増して便利屋というのが、シックリくる立ち位置になってきている気がします。 セキュリティー関連は、今まで関わってこなかった分野だったので、 やってみて、いかに自分が分野において … “僕らが知ってるインターネットは氷山の一角！
知られざるダークウェブの世界”の続きを読む
スタッフブログ:WEB制作
-
-
突然ですが、GoogleMapに店舗が登録されていなくてアクセス方法が分かりづらくて困った・・・という経験はありませんか？ 実際には存在しているのに、GoogleMapに登録されていない場合、Googleマイビジネスというサービスを利用する事でGoogleMapに登録する店舗の情報を申請することができます。 ただ、少々やっかいなのが・・・ オーナーさんの許可は必要になってくるのですが、このGoog … “Google マイビジネスがすでに登録されている際のアクセス権をリクエストする方法”の続きを読む
-
こんにちは、新米デザイナーのバンクです。 デザイナーになって約３ヶ月。 下層ページのデザインを担当することが多いのですが、 その時に悩むのがメリハリの付け方です。 自分が作ってやり直しになったデザインを見返すと、 どこからが新しいコンテンツかわかりにくいというか こう…ペラっとしてるんですよね。 コンテンツごとにメリハリが無く、ページの中になんの引っ掛かりもないので、 … “メリハリのあるコンテンツの作り方”の続きを読む
-
こんにちは。 広島でデザイナーぼっちだったとことに、待望のデザイナー仲間、シュワちゃんが来てくれてうれしいたっきーです。( ;∀;) web経験がないとのことで、僕も経験がなかった入社当初を思い出しました…。 「よし、基本を振り返ってみよう！！」ということで、 先輩デザイナーに教わった、webデザインを作るための3STEPをご紹介します。 初めてwebデザインをするときに、どこから手を付けたらいい … “【初心者向け】WEBデザインに取り掛かるための3STEP”の続きを読む
-
こんにちは。デザイナーのかとりーなです。 今回は、工務店様のホームページに使える、 ユーザーにインパクトを与える画像の加工についてご紹介したいと思います。 アババイは集客目的のホームページ制作を行っているため、ブランディングサイトのような世界観を重視するだけのホームページではありません。 集客のゴールを明確にデザインしたり、コンテンツにメリハリをつけて、インパクトを与えるようなデザイ … “【工務店様のホームページ制作に！】ユーザーにインパクトを与える画像の作り方”の続きを読む
-
こんにちはエンジニアの松崎です。 気がついたら夏が終わりそうですが夏らしいことは何もしていません。 年中室内で操作された気温の中、WEBサイトを作っているので季節をあまり感じることなく働いています。 夏どころか冬も春もお構い無しです。快適な環境の中で働けるのはありがたい話です。 さて年中作っているWEBサイトですが閲覧するには欠かせないものがあります。 それは「ブラウザ」と … “サイトを見るには欠かせないブラウザとは？”の続きを読む
-
こんにちは！ デザイナーのすずきです。 最近では世の中のサイトの多くが、シンプルな傾向になってきており、より情報の整理が必要になってきました。 そこで今回は「普通の文章」からどうしたら、 ターゲットに響く文章にデザインすることができるかを解説していきます。 例文を用意しました これを普通に配置するだけでは、あまり読む気が起きない気がしませんか・・・？ せっかくの文章もこれではただの文 … “デザイナー向け！文章が「より読みやすく、よりターゲットに響く」 そんな情報デザインの基本をお伝えします。”の続きを読む
-
広島支社に在籍するデザイナーのたっきーです。 デザインの仕事をしていると、同時に複数のデザインをするタイミングがあると思います。そんなときに、未熟ゆえ…つい別のデザインに引っ張られてしまったり、行き詰ってしまうことがあります…。(´;ω;｀) そこで、そんな状態に陥ったときに助けになる「デザインの考え方」を自分なりに考えてみました。 ①クライアントの問題点を振り返る 既存のＨＰデザインで問題となっ … “デザインに困ったときの自分なりの考え方”の続きを読む
-
こんにちは。デザイナーのかとりーなです。 今日は文字やイラストを使った、ロゴ風デザインの作り方について説明します。 私はよく、バナーやタイトルにロゴっぽいデザインをアクセントで使うことがあります。写真の上に乗っけるだけで写真がよりオシャレに見えたり、サイト全体の世界観づくりに役立ちます。（私がデザインに行き詰まると使う手段のひとつでもあります） 例えば・・ 【カッコいい系】 &n … “【デザインのアクセントに】ロゴっぽいデザインの作り方”の続きを読む
-
こんにちは、エンジニアの智治です。 今回は「フロントエンドエンジニア」と「バックエンドエンジニア」 ２つの職種について書いてみたいと思います！ フロントエンジニア 主な業務としては、お客様がHPやWebページを見る際に デザインやレイアウトといった目に入る部分（フロント部分） サイト全体の「顔」の構築、設計、開発を主に行い その他にも、デザインに関する知識が問われる職種 … “「フロントエンジニア」と「バックエンドエンジニア」”の続きを読む
-
こんにちはエンジニアの松崎です。 日々黙々と働いていて気がつけば蝉が鳴きまっくっている季節になっていました。 デスクワークの業務連絡に欠かせないのがメールです。 アババイでも色々なSNSを使用していますがやっぱりメールは外せません。 サーバー、ドメインなど重要な連絡はやっぱりメールに限ります。 年間どれだけ送っているのか数えてみたいものです。 因みに2019年1月から … “いまいちよくわからないメール設定時のIMAPとPOPの違い”の続きを読む
-
おはこんばんちわ。どらごんです。 先日、27歳になりさらに老け込んだ今日この頃です。 さて、そんな誕生日のこと。 鬼上司の松崎と、こんな話をしていました。 「長年の悩みなんだけどさぁ～」 「？」 「『border』って … “【長年の悩み】結局『border』って外側なの？内側なの？”の続きを読む
-
お疲れ様です。デザイナーの鈴木です。 アババイは、アバラックを標準CMSにて使っているのですが、 お客様からの要望があれば、WPの設置も行う場合もあります。 ただ、WPは世界シェアが高く改ざんなどの被害も起きる可能性があると知られています。もちろん標準仕様にも対策はもろもろと盛り込まれているのですが、中にはWPのセキュリティを回避し、悪質な行為に及ぶ人もいるのが事実です … “WPのセキュリティを強化する2つのステップ”の続きを読む
-
こんにちは、夏が好きなニコラスですｂ働き方改革が盛んな今日この頃、胃がいたくなってまいりましたｂ 弊社アババイも改革が導入され、さまざまな策ができておりますｂざっくりですがアババイの働き方改革で変わったことは時間の使い方の意識を持つこと。時間をかける作業と無駄な作業をちゃんと分別しましょうというものです。過去の経験上無理をしてでもいいものをつくるぞというダメな意識になれすぎてしまい、 … “働き方改革で変えていただいた意識のお話”の続きを読む
-
こんにちは！デザイナーのたっきーです。 webデザインをする際に、壁にぶちあたったときは、いろいろなデザインを参考に漁ります。 参考だけでなく、気分転換にもいいですね…！いいデザインやいいサイトを見るとなんだか癒されます…(/ω＼) ということで、最近見かけた個人的にイイネ！と思ったサイトをご紹介します！！ 01 松﨑設備 https://matsuzaki-setsubi.com … “素敵なデザインで気分転換！最近みた「イイネ！」なサイト”の続きを読む
-
こんにちは、千代田のNo.1ことデザイナーのかとりーなです。 今回ご紹介するのはこちらのお客さま(^▽^) 【大浜建設様 （こちらをクリック☆）】 大浜建設さんは、セルコホームというカナダの輸入住宅を取り扱っている、愛知県弥富市の工務店さんです。 アババイと長いお付き合いをさせて頂いているお客様です！ この度、TOPページのリニューアルに携わらせて頂きました。 大浜さん … “アババイの制作実績のご紹介 Vol.02″の続きを読む
-
こんにちは！ エンジニアのブラザー智治です！ 今日は工務店様へ向けた 「ブログ・日記」の時に チョイスするお写真について書きたいと思います！ ※あくまで私個人の感性なので…その点はご了承ください。 ■家づくり完成後の写真 はい！ これはもう定番中の定番ですね。 大切なお施主様のマイホーム写真、 できるなら素敵なものをブログに使いたいですね。 … “工務店様へ向けた”ブログ”写真の選び方”の続きを読む
-
おはこんばんちわ。ドラゴンです★ もう夏ですね・・・デスクに置いてある扇風機にいつも助けられております。 ブログのネタも体の水分も尽きかけていますが、何とか書こうと思います。 さて今回は、コーダーらしくサイトの動きについて 少し書こうと思います。 世の中には数多くのウェブサイトがありますが、それぞれが … “ウェブサイトの動きについて参考にしているサイト3選！”の続きを読む
-
お久しぶりです。 便利屋のもっくんです(^^)/ ブログ当番のスケジュールテーブルが変わり 回ってくる間隔が短くなりました( ﾟДﾟ) ネタを探すのも一苦労ですね。 さて本日は、 最近ご依頼されることの多くなったサイトのSSL化の手順についてご説明したいと思います。 そんな難しいことでも無いのでサクッと説明。 ①C … “超簡単！ホームページをSSL化する手順！”の続きを読む
-
お疲れ様です、デザイナーの鈴木です！ .htaccessって皆さんどれくらいのカスタマイズを加えていますか？ 制作者の方じゃないと聞きなれない言葉かもれいませんが、ウェブサイトを公開する際やサイト全体に設定する方法として、欠かせないファイルの一つです。 今回はサイトが公開される際などに設定した方がいい、「.htaccess」が出来ることを紹介していきます！ … “ようやく「.htaccess」と仲良くなってきました。”の続きを読む
-
こんにちは！デザイナーのたっきーです。 「モバイルファースト」と言われる今の時代。 アババイでも、webデザインは、ＰＣ版とスマホ版のレスポンシブ化を対応しています。 そこで、まだまだwebデザインをやりだして、日の浅かった自分が、先輩方に教わった、 スマホ版のデザインを作成する際に、必ず意識している基本をご紹介したいと思います！ ①キャッチコピー・文章の可読性の高さ レスポンシブ化されていないP … “スマホデザインで意識すること。≪基本編≫”の続きを読む
-
こんにちは！アババイのディレクター原田です。 ご存知の通り、アババイは全国各地の工務店様をWEBを通じて集客のお手伝い！ 毎週西へ、東へ弊社のスタッフがお伺いしておりますので、近くを通ったら突撃するかもしれません笑 どうぞ、あたかかく迎えて頂けたら嬉しいです！ 今回伺ったのは、愛媛県四国中央市にあるカジワラホーム様 カジワラホーム様は、アイフ … “【訪問日記】愛媛県四国中央市のカジワラホーム様へお伺いしました！”の続きを読む
-
こんにちは。デザイナーのかとりーなです。 今日は、アババイが制作したホームページのご紹介をします！ 今回のお客様はこちら！ 【ダイツネ工務店様】 ホームページはこちら 愛知県の美浜町にある工務店さんです。 ダイツネ工務店さんの強みは、 ・お客様のこだわりを詰め込んだ本格的な「木」の家 ・大工さんによる手刻みの家づくり ・岩田社長のお人柄 これらを全面的にデザインに落とし込みました。 … “アババイの制作実績のご紹介 Vol.01″の続きを読む
-
こんにちはエンジニアの松崎です。 少し前まで暖かく過ごしやすい日が続いていましたが 最近は、ほぼ夏といっても過言でないくらいの暑さにやられ そろそろ冬にならないかなと思い日々業務に勤しんでいます。 業務のほとんどがPCを使用しての作業がメインになり引きこもりのような状態ですがごく稀に外出するタイミングもあったります。 そんな稀なタイミングをついてどうしてもなんとかしないといけない状 … “外出先でも問題なし。どこで何がおきてもそこそこ対応するために必要なアイテム。”の続きを読む
-
おはこんばんちは。 どらごんでございます。 さて今回は、最近僕が発見したエンジニアにとっては便利な機能をご紹介しようと思います。 こんなことありません？ ウェブサイトを構築しているときは、少しでも省きたいのが『手間』。 なのに、やっていることといったら、 １．一通り構築する。 ↓ 2．ブラウザで確認する。 … “【朗報】ブラウザでいちいち更新するのめんどくさくない？【エンジニアの皆様へ】”の続きを読む
-
朝寝ぼけてて、歯を磨く際にハンドソープを誤用しまった男、はかせことはだです、こんばんは。 早く、正確にコーディングするには欠かせないものだと、私は思っております。 そこで、初心者の方～バリバリの現役コーダーの方にもおすすめできるのではないか？といった、ツールについてご紹介できたらと思います。 OneClickCSS https://css.miugle.i … “これからコーダー・マークアップエンジニアを目指す人達へ ～ツール編～”の続きを読む
-
こんにちは！そしてお久しぶりです。デザイナーのたっきーでございます。 私事ですが、アババイに入社する前は、ウェディング雑誌の編集者として働いておりました。(^J^) ワケあって、1年前にアババイへお世話になることになったのですが、 最初のころは（今もかな…）これまでやってきた紙媒体のデザインとは違い、Webデザインの作り方にかなり難儀しておりました…！！！(;´∀｀) そこで！超個人目線ですが、紙 … “超！個人的「紙デザイン」と「Webデザイン」の違い”の続きを読む
-
こんにちは。デザイナーのかとりーなです。 アババイに入社し早2年半経ちました。(留学期間3ヶ月含む) 前職はまったくの異業種で、WEBデザインは未経験でしたが、なんやかんやありアババイに入社することができ、すったもんだあって今ではTOPページも任せて頂けるまで成長することができました。(まだまだ勉強することはたくさんあります) アババイは未経験でもウェルカムな会社です。(制作会社で未経験歓 … “【WEBデザイン未経験の方へ】制作会社に入社するまでにやったこと・入社後がんばったこと”の続きを読む
-
こんにちは エンジニアの松崎です。 今年初め、ひょんな事から制作環境を Windows ラックトップPC から Mac ノートPCへと変更しました。 社長が使っているノートパソコンが重いとの理由から当時使用していたノート(結構強い)を 社用PCとして支給していただいたのがきっかけでした。 現状の制作環境に多少の飽きもあったので、このPCそこそこなスペックだし、 いっそこれをメイン機 … “ノートPCをメイン機として働けるか？メリットデメリットをまとめてみた。”の続きを読む
-
お久しぶりです。 デザイナーのもっくんです(^^)/ 最近はデザイナーとは言えないほど デザインらしき仕事はほぼしておらず、便利屋として頑張っております。 トラブルが発生すると白羽の矢が立つ、そういった役割ですね・・！ さて、トラブルと言えば最近とあるお客様で、 ホームページのお問い合わせから、仕事に … “メールフォームから大量のスパムが！「qq.com」対策！”の続きを読む
-
売れずに腐ってしまった果物のような男、はかせことはだです、こんばんは。 私はコーダーになって約3年になります。 今回はこれからこのweb業界へ足を踏み入れる方々、または初心者へ向けての内容になっております。 オススメしたいことを綴っていきたいと思います。 私的な意見もあるので、参考までにどうぞ。 まず、コードを書くためのテキストエディッタについて そもそもテキストエディッタってなんぞ … “これからコーダー・マークアップエンジニアを目指す人達へ”の続きを読む
-
みなさん、Googleマップは普段使われていますか？？ 僕も長い間、Googleマップには本当にお世話になっています。 どこかに行くときは必ずと言っていいほど、ナビしてもらってます。 ただ、スマホなどで使う場合には 無料で使えて便利なのですが、 ウェブサイトで使用する場合には、Google map APIkeyというものが必要になり、 クレジットカードの情 … “Google Map API keyを取得するまでの手順”の続きを読む
-
明けましておめでとうございます！！ 沖縄から初ブログ投稿です！ 長い間、photoshopで画像加工をしてきましたが、 どうしても時間がかかっていました。 もっとアプリで加工するような感覚で、明るさを調整できるんじゃないか？と思い、 つい先日から 画像加工の際にLightroom classicを使う様になりました。 ここでお間違え無く・・・！ Adobe … “Adobe Lightroom classic 入門 ～簡単画像調整～”の続きを読む
-
コーディングで絵を描いてみた こんにちは！ コーディング係のでんかです。 普段コーディングと言って photoshopでデザインしたホームページを インターネットで見れるようにするための 作業をしています。 コーディングでは、 htmlとcssと言う インターネットの言語を使っています。 いつもやっているのは、 文章と枠などに色を付けたり 写真を表示させたり なんかの繰り返しなんです … “コーディングでお絵描きしてみた”の続きを読む
-
突然ですが、質問です。 あなたは「多能工」ですか？「単能工」ですか？ もう一つ質問です。 あなたは「スペシャリスト」ですか？「プロフェッショナル」ですか？ さて、質問にあった多能工、単能工とは何でしょう？ ざっくり言うと 多能工：いろんな工程の仕事を行う人 WEB制作であればディレクション〜デザイン〜コーディング〜 … “WEB制作における多能工とプロフェッショナル”の続きを読む
-
どすこーい！！ いつもお世話になっております。 真面目系コーダーアババイ中原です。 早速ですが、コーディング楽しんでますか！？ 今回は、博士こと私、中原が使っているオンラインツール5選の紹介です。 ■ bad-company 様 http://www.bad-company.jp/text-shadow/ 主に、Boxに影をつけたい時や、テキストに影をつけたいに使いますね！ テキストシャドウは s … “【コーディング】個人的に使ってる、オンラインツール5選”の続きを読む
