はてなブックマーク

2016.02.16 みなさん、またまたこんにちは。黒坂です！ 前回のブログでご紹介した「Benchmark」で、HTMLメールを実際に作成してみたいと思います！ Benchmarkでメルマガ～作ってみた編～ 1.まずはアカウントの取得 今回は無料アカウントでお試し作成してみます！(配信数に制限がありますが、メルマガとしてご活用できます。)簡単なログイン情報の入力で、登録完了★ 2.ダッシュボードが開きます 管理画面はこんな感じです。さっそくメールの作成を始めるので、左側の「メール作成」をクリックします。 3.エディターの選択 どのような形式でメールを作成するのかを以下の4つから選択します。 ・ドラッグ＆ドロップ形式 ・HTMLビルダー ・テキストメール ・クラシックスタイル 今回は簡単に作成できる「ドラッグ＆ドロップ形式」で作ってみましょう! 4.概要設定 以下の項目を入力していきます。

2016.02.08 みなさんこんにちは(^^)/ Webディレクターの黒坂です！ 本日は「メルマガ」についてお話したいと思います。 メルマガと聞いたときに、「まだ流行ってるの？」って印象だった私なのですが…2016年はメールマーケティングの再来ブーム!? 思えば、ちょこちょこ届くSALE情報のメールを見てると、 「他の商品も、もうちょっとだけ見たい…」と誘導されて、まんまと物欲に負けたことが何度かあります。ｗ 今のメルマガってWebサイトみたいにデザインがきれいで、見てて楽しいんですよね。「またメルマガ届いた…」ってうざったくなるイメージだったんですが 「もっと見たい！」と思わせるのってすごい変化！ まだまだ！アツいメルマガの4つのメリットとは？ 1.コストパフォーマンスが高い 基本的に必要な費用は月額費用のみ。(サービスによっては設置費用もかかります)DMと比較すれば、メルマガは確実に

2015.11.24 こんにちわ。最近カメラというアクティブな趣味を見つけました山王です。 今回は爆速と噂のPHP7の環境を構築したお話です。 PHP7はPHP5の倍速いらしいです。 今回のサーバー構成 CentOS7＋PHP7＋Apace2.4+MySQL5.6となります。 今回インストールしたPHP7はVersion 7.0.0RC7というバージョンです。 正式なリリースはいつなんでしょう？？ 目次 Vagrantの起動 ssh接続 apacheインストール MySQLインストール PHP7インストール 表示確認 まとめ Vagrantの起動 VagrantとVirtualboxのインストールをします。 ここはググればたくさん出るので割愛します。 ユニオンネットの記事でもあります。 仮想環境構築ツール「Vagrant」でローカル開発環境を構築してみた 構築ディレクトリ作成 mkdir

2015.08.06 FUJIROCKと天神祭りが火花を飛ばす中、そっちのけで穏やかな豊中にある阪大であった熱いイベント「WordCamp2015」に参加してきました。 ハンズオンにも参加させてもらったので、そのレポートを書きたいと思います！ 最近、塩系インテリアが気になってしょうがない塩系デザイナーのアオキです。 WordCamp2015だよ わぷーグッズを楽しみにしていたけど私が出会えたのは シールのみで残念です。。。涙 WordCampとは？ WordPressは世界中のコミュニティによって支えられています。 日本でも地域ごとにコミュニティがたくさんあり、ボランティアメンバーによって運営されています。 各コミュニティではWordPressをもっと使いやすくするために勉強会や情報交換が盛んに行われていて、 その中でもWordCampはWordPress Foundationの公式な承認

2015.05.06 こんにちわ親バカ山王です。 最近MacBookProを買いました。 これでスタバでドヤ顔したいと思います。 余談ですがもうすぐ我が地元鳥取にスタバが出来ます。 皆様是非足を運んでください。 さて今回の記事はここ最近の制作で使っているツールのご紹介です。 効率化＆作業工数短縮に是非活用してください！ 目次 Sublime Text Sass gulp.js Vagrant git iTerm Google Chrome Sublime Text3 Sublime Text3 言わずと知れた恋に落ちるエディタSublimeText3。 僕の心を掴んで離しません。 Atomがいいって聞いたんで少し浮気しそうになったんですがやっぱりこいつでしたね。 自分好みのカスタマイズが出来て使いやすいです。 まだ使ってない方はぜひ使ってみてください。 詳しい使い方はユニオンネットの過去記

2015.04.13 こんにちは！ユニオンネットWEBデザイナーのササッキーです。 WEBデザイナーの皆さんは毎日どこからデザインの勉強をしたり、インスピレーションをうけておられるでしょうか？ WEBサイト、ブログ、SNS、雑誌、広告、美術品、自然界、色々あると思います。 日頃からクリエイティブ視点で色々なものを見ることで、デザインアイディアは転がっているなーと思ったりします。 「あ、この形キレイ！」とか「なんでこれってこんな見やすいんだろう？」とか、小さな気持ちでいいんです。 今回は、私もアイディア参考にさせていただいている女性雑誌に着目し、素敵だな～、WEBにも使えると思うデザインを12個まとめてみました。 「雑誌って言ってもどこを見ればいいの？」のコツを掴んでもらえれば幸いです。 雑誌は年代別やターゲット別にとても考えられていて、勉強になりますよ！ 目次 キラキラかわいい10代女性向

2014.12.16 こんにちわ。山王です。 最近話題になってるフロントエンドタスクランナーGulp.jsをインストールしたお話です。 以前Grunt.jsを使用した際はCompassのコンパイルが遅くて断念したんですが やはりナウでヤングでモダンなやり方でやりたいなぁと思いGulp.jsの噂を聞きつけインストールした次第です。 Gruntとの違い Gruntfile.jsに比べgulpfile.jsの方が書きやすい 実行速度が速い プラグインが少ない まだできて日が浅いので今後プラグインも増えてくるのではないでしょうか。 フロントエンドツールのトレンドの流れが早いので新しくもっといいツールが出る可能性もありますが。 目次 Node.jsインストール Gulp.jsインストール gulpfile.js作成 CompassでSASSのコンパイルをする CSSを圧縮する Javascriptを

Cascading Style Sheets（CSS、カスケーディング・スタイル・シート、カスケード・スタイル・シート）とは、HTML や XML の要素をどのように修飾（表示）するかを指示する、W3Cによる仕様の一つ。文書の構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの、具体的な仕様の一つ。

2014.09.16 こんにちわ。 以前のスーツが入らなくなり落ち込んでいる山尾です。 今日は話題のJavascriptのMVCフレームワークAngularJSを触ったので少し紹介します。 少し前にVue.jsを触ったことがあったのですがAngularJSも触ってみようと思い手を出したのですが・・ Vueよりいい！！ 何がいいってドキュメントやサンプルが豊富！ これは僕みたいな未熟者が学習するにあたってデカいことですよ。 僕はずっとjQuery一辺倒で戦ってきたのですが、jQueryの惜しいとこめんどくさいとこを補ってくれるすげーやつです。 ちなみに僕はAngularJSの事をずっとアングラージェイエスって呼んでたんですがアンギュラージェイエスらしいです。 この業界だとこんなこと結構ありますよね？勘違いして覚えてしまう文字。英語難しい・・・ そんなAngularJSの機能の一部をご紹介しま

【Bootstrap】ノンデザイナーだけじゃない！Bootstrapを使用したBootstrap臭のしないレスポンシブデザインのマークアップ方法 2014.07.04 こんにちは、毎クール毎クール、 アニメが終わってしまう虚無感と来期アニメが始まる期待感が錯綜し、複雑な心境になる奥田です。 気温もずいぶん高くなってきていよいよ夏ですね！ 夏と言えば夏アニメ！ 当然ながら夏だって僕は引きこもりますよ〜！ さて、最近は弊社でもレスポンシブデザインの案件がちらほら上がってきました。 流行っていますね〜。 しかしながらレスポンシブデザインはカンプも2〜３パターン用意したり、CSSの記述も多くなってしまったりと、 デザイナーとしてもコーダーとしても手のかかる案件と言えると思います。 そんなときに便利なのがBootstrapです！ どこかで「デザインができない人はBootstrapなどのフレームワーク

2014.03.12 少し暖かくなってきたような…そうでないような…。 ツーリングの季節がやってきました。 どうも、丸山です。 きたる3/21～23は大阪モーターサイクルショーです。 今年も「赤い服」で出陣するので、僕を見かけた方は積極的に声をかけて下さい。 さて、今回はバナーデザインについてのお話。 バナーデザインに特化した「まとめサイト」という類は、このWEB上にたくさんありますし、今更感があるかもしれません。 しかし比較的リスティング広告寄りなモノが多いのかな？と感じます。 そこで今回はそういった広告バナーではなく、一般的なWEBサイトで活用されている「バナーデザイン」をテイスト別に紹介してみたいと思います。 それぞれの視覚効果や利点も合わせて参考にして下さい。 テイスト別バナーデザイン 目次 シンプルなバナーデザイン オーソドックスなバナーデザイン 円形を利用したバナーデザイン 縦

2014.02.25 デザインの第一印象に重要なカラーリング、配色。 デザイナーにとってはとーーっても重要な要素ですね！ 「やわらかくて楽しそうなセンスのいい感じで！」とか「信頼感と清潔感と高級感を出して！」とか「女性っぽさが足りない…」なんてむちゃブリされたことはないでしょうか？？ 色を選ぶことは難しいですが、配色のルールや理論を知れば、色選びが簡単に！…なるかも。 そんな配色選択の一例をご紹介します。 初めまして。WEBデザイナーのカナンといいます。 初ブログ！のため、ゆる～い視線でお付き合いお願いします(･ω･｀*)ゞ 目次 マンセル色相環 色相・彩度・明度について トーン（色調）について 配色比率 色の意味・印象 実際に色を選んでみる まとめ 参考サイト 色々な色彩ルール 1．マンセル色相環 色相とはそれぞれの色の違いのことで、下記のようにそれぞれの色を順に環（輪）にしたものを色相

2013.09.09 こんにちは、制作担当奥田です。 前回の記事「【AWS（amazon web services）でLAMP環境を構築する】 part1「sshで接続する」」でEC2にsshで接続するところまで行いました。 今回はApache Mysql PHPをインストールし、LAMP環境を構築します。 まず、ec2-userでログインしているので、rootでログインします。 $sudo su - 次にデフォルトではタイムゾーンが設定されていませんので日本時間に設定します。 #cp -i /usr/share/zoneinfo/Japan /etc/localtime yumをアップデートし、Apache、PHP、Mysqlをインストールします。 # yum update # yum install httpd mysql-server php php-pear php-mysql p