サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ノーベル賞
n2p.co.jp
HTMLメールのメインエリアの横幅を調べてみました。 600px未満 paidy 460px X(Twitter) 500px chatwork 580px Adobe 600px STORES 600px nuzzel 600px note 600px codepen 620px cakes 640px giftee 640px plesk 640px MFクラウド給与 640px ユニクロ 640px CAMPFIRE 642px ホットペッパービューティー 660px ぐるなび 700px plesk japan team 700px apple 740px 700px以上・リキッド ZOZO 一部リキッド・メイン700px Facebook リキッド Peatix リキッド ぐるなびお取り寄せニュース リキッド 600px台前半にボリュームがある感じです。 最近のものは700px台
久しぶりにHTMLメールを作成しました。以前記事を書いた時から状況が変わっており、改めて最新情報をリサーチしてみました! 調査編はこちらから コーディングと文字サイズの関係性 iOS10 標準メールアプリにて、コーディングと文字サイズの関係性を検証しました。 gmailアプリでも同様の傾向でした。 テンプレートはこちらを利用しています。 横幅を固定した実装の場合 横幅XXXpxで固定された実装の場合、スマートフォンから見たときのテキストサイズが変動します。 指定している横幅が大きいほど、縮小して表示されます。 環境によっては横スクロールが出る場合もあります。発生条件は確定していませんが、後から画像を読み込んだ際に発生する傾向があります。 ソースはこのようになります。 [html] <!--外側のテーブル--> <table cellpadding=
早いもので入社してから1年が経ちます。でもまだまだ未熟ですLV的には5くらいです。 この記事シリーズ(?)のはじめに掲げてた目標は達成しています。二ヶ月ほど前に。 最後の方はもう駆け足だったし、ちょっとした問題も多々ありましたし、その辺も忘れないようにいずれ書けたらと思っています。 この記事は書き溜めしてたんですが、存在を忘れていたものです。今にして思えば、こんなことで詰まってたんだと思いますが、当時はとにかくわからないことだらけだし、自分で調べ るしかないし、調べ方のコツみたいなのもよくわからなかったから大変でした。同じように困ってる人に見てもらえたらと思います。 『今回やること』 前回は権限の話、MySQLとPHP関連のライブラリのインストール、ライブラリとモジュールやその他の違いについて書きました。 今回は、Webページの方に戻って、サイトデータをサーバーにアップした際にPHPのペー
前回は「Trelloってのはなによ?」ってな具合に説明をさせていただきました。 タスク管理や課題共有にオススメ!WEBサービス「Trello」の使い方まとめ 正直優良リンク集みたいな内容ですが、 Trelloが意外と便利ってことはわかるかと存じます。 さて、今回は、具体的にどう使っていくか、の弊社例をご紹介できればと思います。 意外と、公開されてないことで細かく色々できるTrelloタソ。 その魅力に迫ります。 Trelloの基本的な構造 ボード ∟リスト ∟タスク(カード)―コメント ∟チェックリスト ∟チェックリスト ∟タスク(カード)―コメント ∟チェックリスト ∟チェックリスト ボード … とタスクに対してコメントで議論が交わせて、 タスクを落としこんでチェックリストに記載していく流れとなります。 ですので ボードにはプロジェクト名や社内課題などの大きな枠 カードにはゴールの見える
【週刊】キャンペーンサイト/WEBプロモーション事例と考察2024/5/7-5/10 最終更新日:2024.05.31 マストバイキャンペーン認知拡大メーカー 【週刊】キャンペーンサイト/WEBプロモーション事例と考察2024/3/4-3/8 最終更新日:2024.05.31 X(Twitter)企画UGCエンターテイメント
今回はAWSのデータベースサービスの一つ『RDS』インスタンスの立ち上げとEC2からの接続について初心者でも簡単に出来るよ!ってことを書いていきます。 AWSのコンソールが日本語対応になりましたので、随分わかりやすくなったと思います。 今日のテーマ 『RDS』とは? 『RDS』インスタンスを立ち上げる EC2から接続 まとめ 『RDS』とは? AWSの展開するデータベースサービスの一つ。EC2のように簡単に立ち上げ、運用ができるリレーショナルデータベースのことです。 リレーショナルデータベースと言うのはデータをテーブル表形式で管理するデータベースのこと。 僕は最初この説明さっぱりでした。 というわけで、この形でデータの保守、管理ができるデータベースサービスがRDSです。 前々回MySQLインストールしましたが、あれは今使っているEC2に直接インストールしたもので、EC2がウェブサーバー兼デ
最近、電車に乗ったら周りの人がみんなInstagramを見ているなんてことはありませんか?数あるSNSアプリの中でもInstagramは時間を忘れて見てしまいがち。Instagramで流れてくる広告は一見普通の投稿にも見えるので、広告だと気付かずに見てしまうこともありますよね。 2019年2月現在、国内の月間アクティブユーザーは2900万人、日本で1日に投稿されるストーリーズの数は700万件。特に若年層の女性ユーザーが多いのが特徴で、企業から見ても大きな広告効果が期待できます。 今回は、Instagram広告についてとその事例を3選紹介します。 そもそも、Instagram広告とは? Instagramの広告は大きく分けて2種類あり、インフィード広告とストーリーズ広告があります。 インフィード広告 インフィード広告とは、タイムラインでの投稿と投稿の間に表示されるものを指し、 写真広告(横長
AR技術を活用したプロモーション事例5選!WebARとアプリARの使い分けも紹介 最終更新日:2024.06.19 AR 店頭誘引&店頭で使えるデジタルコンテンツ活用事例7選!成功に導くポイントも解説 最終更新日:2024.06.21 認知拡大店舗誘引WEB購買促進
あなたはもう決めましたか? Apple Music、LINE MUSIC、AWAなど、定額制の音楽ストリーミングサービスが火花を散らせるなか、ついに”黒船”ともいうべきGoogle Play Musicが日本に上陸してきました。 「曲数が多い」「自分の曲をたくさん保存できる」「音質がいい」など、上陸前から噂がされていたGoogle Play Musicですが、はたしてその実力は!? そこで今回は、音楽ストリーミングサービスの巨人であるApple Musicを相手に、1ユーザー目線から比較をしてみました。 どちらもすごいところ 曲数が圧倒的に多い なんといってもGoogle Play Musicの曲数は、邦楽/洋楽あわせておよそ3500万曲以上。想像できないほどの音楽がつめこまれています。 一方Apple Musicは現在3000万曲ほどと公表しており、こちらも増え続けている模様。共にとんで
最近のソーシャルゲームは、公開からだいぶ前にティザーサイトを作り、 事前登録させるのがあたりまえになってきています。 どのゲームでも作るということになると事前登録だけじゃインパクトを出せないし、SNSを連携させてPRをしていきたいというのが現在から今後の流れになります。 事前登録にちょい足しした登録キャンペーン例をまとめてみました。 事前登録にもデジタルプロモーションとしてキャンペーン企画が必須になっている昨今、アイデアの一つになれば幸いです。 ソシャゲ事前登録+登録キャンペーン例 ガチャ等のミニゲーム 事前登録後、ガチャを回してインセンティブをゲットする。 日に3回できるなどして、毎日サイトに来させるなどの効果を期待できます。 ミニゲームなどでゲームの仕組みを事前にわかってもらう等の動きもできます。 例:http://www.mon-geki.com/ 公式ツイッターアカウントフォロー→
日々発生するバグや課題、要望や確認事項など、延々と追いかけられる毎日。 いかがお過ごしでしょうか? もう追いかけられるのはたくさんだ! スケジュールを遅延させることなくチームが先手をうつためには! そうだタスクと課題を共有すればいいんだ! なんて今更。 そんなタスク管理共有WEBサービスでオススメなのが「Trello」。 コチラについて使い方をまとめてみました。 タスク共有の目的は着地の見える化 まずは全員が抱えている 総量:スコープ 状況:ステータス 滞留:ボトルネック を見える形にして着地を明確にしていくのが目的となります。 Trelloとは? Webベースのタスクボード。カード型でタスクを管理していきます。 当然、他の人とタスクが共有できます。 チームの誰が何をしているかといった、タスク管理や進捗管理、重要次項リストなどを確認したり、諸伝達を行うといったことができるようになります。
HTMLメールのメールマガジンのコーディングのお話。 コーディング直前の準備篇です。 今回は、実際に使った環境についてレポートします。 配信スタンドはmailchimpに決定。 メールマガジンの配信スタンドは、 mailchimp にしました。 全て英語表記で、少しだけ敷居が高いですが、とっても高機能な配信スタンドです。 ちなみに私はChromeの翻訳機能をonにして使いました。 詳細はこちらからどうぞ。 「無料で2000通まで送れるオススメHTMLメールマガジン配信サービスMailChimp」 https://n2p.co.jp/blog/planning/mailchimp/ 文字コードはutf-8で 以前は、メールを送る時の文字コードはiso-2022-jp が良いとされていましたが、 今回はutf-8にしました。 mailchimpで利用できる文字コードはutf-8なのです。 ut
デジタルとクリエイティブで 「伝わる」を作る nonameproduce(n2p)はWeb、SNSを軸にしたデジタルプロモーションの制作会社です。 17年間、500以上のデジタルプロモーションを手がけた知見を活かし、 デジタルとクリエイティブで「伝わる」を作ることで、 ユーザーに価値ある情報と体験を提供します。 会社概要 Pickup 2023.07.12 X(Twitter)内コンテンツLP カスタムストーリー
コーダーは激怒した。必ず、かの邪智暴虐のPSDファイルを除かなければならぬと決意した。 だからこの記事を書かねばならぬ。 WEBデザイナーの皆様こんにちは。 今日もPhotoshopをお使いですか? コーディングはご自分で?それともコーダーに回していますか? もしもコーダーにPSDファイルを回しているのなら、 この記事を読んでレイヤーを整理してもらえたら嬉しいです。 レイヤーが整理されていないと、どうなるの?? コーダーが死亡します。 たとえば文字や装飾、フキダシをまとめて別パーツとしてスライスしようとした場合、 レイヤーを探すのに時間がとられて、とっても非効率なことに……。 なんでデザイナーがそんなことしなきゃいけないの!? PSDファイルのレイヤー構造について一番詳しいのが、 そのファイルを作ったデザイナーさんだからです。 レイヤーを整理することが前提であれば、 デザイナーさん自身も整
HTMLメールで送信するメールマガジンをコーディングする方法を調べるように! とシャチョーから命令されたので、 不肖さいとうが調べてみました! 制約いろいろ 画像は絶対パス指定で! 画像は必ずサーバ内に保存し、絶対パスで指定します。 テーブルコーディングで テーブルコーディングでないと崩れる可能性が高いです。 CSSの指定はシンプルに CSS3なんて近未来的なものは使えません。 CSSはインラインで 面倒! なので、タグの中からスタイルを拾いだしてインラインで書きなおしてくれるサービスを積極的に利用するといいかもしれません。 http://premailer.dialect.ca/ 背景色やイメージの扱いにひとクセ 背景に関して、background-color以外は使えないメーラーが多いようです。 どうしてもOutlook2007で背景色を利用せねばならない場合、VMLを使わねばならない
HTMLメルマガを送信する際に、スマホでどう見えるかは重要なポイントになります。 今回はスマホも考慮に入れたHTMLメルマガを作成する際に気をつけたいポイントを 数字でまとめてみたいと思います。 HTMLメルマガの横幅は600px+背景色 HTMLメルマガの横幅の選択肢は現時点では 600pxか850pxの選択肢があります。 600pxのメリット スマホでの閲覧時にもまだ見れるサイズ感 600pxのデメリット PCで見た際にインパクトに欠ける →補助策として背景色を付けることで多少カバーできる ↓スマホで見ると背景色部分は表示されないので見やすい →背景色の代わりに背景画像もGMailや多くのメーラーで使えるが、アウトルックでは非表示になるので注意。その場合は、背景画像+背景色などの2重対策もありえる。 850pxのメリット PCで見たときにインパクトがある ランディングページなどのクリエ
ちょくちょく変わるSNSの仕様。 しかし、X(Twitter)もFacebookも拡散した際の画像表示は年々大きくなっています。 画像設定をきちんとしないと小さい画像で拡散されてしまいます。 なるだけ大きいほうが見てくれた人に刺さるはず! なので、設定方法を紹介いたします。 X(Twitter) Cardsで画像を大きく見せるsummary_large_imageという設定 ※X(Twitter) Cardsとは ブログ記事のリンクがX(Twitter)に投稿された際、そのブログ記事の概要がサムネイル画像やタイトルなどと共に表示される機能です。その投稿を見た人に、わかりやすくブログ記事の内容を伝えることができる為、X(Twitter)からのブログ訪問者の増加が期待出来ます。 今まではhead内に [fusion_builder_container hundred_percent=”yes”
Google Chromeで見た時だけ、フォントサイズがおかしいんです! そんなトラブルに陥った日に思い出すためのまとめです。 フォントサイズに謎の異常発生 なんだかchromeで見た時だけフォントサイズが大きい? 弊社では、remを使った場合に時々遭遇しました。 ルートとして指定してる文字サイズ [fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_i
HTMLメールのメールマガジン、スマートフォンでも、もっと見やすくする方法をまとめました! 前回までは、PCで見るためのHTMLメールの作り方をお伝えしました。 しかし、前回までの方法ですと、Androidの一部機種で、 画面の領域から文字や画像がはみ出し、スクロールバーが表示されてしまい非常に読みにくい。 viewportを設定しても無効になってしまいます。 そんな難題に答えてみた本日のサンプルはこちらです。 デザイン上の注意 デザインは横幅300px程度のスマートフォンの画面で見ることを前提に、横幅600pxで作る。 横幅600px以上は背景色が見えるようにします。 600px未満では縮められるようにする想定です。 レイアウトは一カラムで メディアクエリやjavascriptなどはきかないので、 横幅に応じて一カラムと二カラムを切り替えるのは難しいです。 なので、ニカラム以上のレイアウ
HTMLのメールマガジン、実際に組んでみました。 メーラーという独特の環境や、 昔懐かし(自分で組むのは12年ぶりくらいだ!)テーブルコーディング、 なかなか工夫のしがいがありましたよ♪ 安心して使えるCSSのリストはこれだ!! 基本的に、cssはインラインで記述する必要があります。 コーディング中は、こちらのチートシートが手放せませんでした。 作ってくれた方、ほんとうに感謝です!! 「The Ultimate Guide to CSS」 http://www.campaignmonitor.com/css/ テーブルコーディングの勘所 本日のサンプルはこちらです。 見ながら読んで下さいね。 alt属性は必須! 画像にする箇所が多かったのですが、 文字を画像にする箇所は、必ずalt属性を入れました。 HTMLメールは受信直後の状態では画像が表示されていないことがあります。 alt属性を入れ
諸説あるWEBサイトの文字サイズ指定。 現時点でベストなのかな~と思う指定をまとめてみました! パソコン用サイト [fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”
マイマシンがWindows8.1に更新されました。 それに伴い、IEもIE11と進化されまして。 日々の作業や調べ物でIEなんぞ開きたくもないですが、 お客さまのサイトを制作する際にはどうしてもIEでチェックをしなければなりません。 特にIE8はブラウザ表示がモダンブラウザと違う場合が多いわりに クライアント様がIE8の場合が多いので、しっかりとチェックしなければなりません。 今までは実機以外でIE8を見る場合、IEの開発者モードを使用していた IE10で、開発者モードからドキュメントモードでInternet Explorer8を選べば、 結構な精度でエミュレーションしてくれてました。 制作作業の中チェックして行く場合には開発者モード 納品直前チェックは実機(Windows XP+Internet Explorer8)にて確認の流れです。 こんな感じ。 IE11のドキュメントモードではUI
音楽好きのみなさまこんにちは、リーチです。 今日は”ベースミュージック”という言葉について書いてみたいと思います。 ”ベースミュージック”という言葉は2、3年前からパラパラ聞くようになりました。 (2、3年前というのは遅い、という人もいるし早い、という人もいるでしょう) 長いあいだこの言葉を、モヤモヤとした印象で使ったり、聞いていたりしました。 最初は「あぁ、また新しいジャンルの名前かしら…」と思っていたんですが、 なんだかちょっと言葉の肌触り、使い心地がちょっと違う、なんだか新しいな、と思ったのです。 このポストではそのあたりの新しさ、面白さについて紹介できればな、と思ってます。 さて、”ベースミュージック”のwiki的な意味は以下です。 ベース・ミュージック(Bass music)はクラブミュージックのジャンルの一つ。かつてはヒップホップのジャンルのひとつで、低音部を極端に強調したサウ
みんな炎上してる!? 弊社ではあまり扱ってないアプリ開発の方々から今炎上中なんで…なんて話を最近良く耳にします。 さすがにWEB制作系じゃ減ってきたけど、新しい分野で案件が多くなっている系統はごろごろ炎上しているようですね。 そんな案件炎上をいくつも鎮火させてきた我々がアドバイス 炎上した際に鎮火させるには「ウソをつかない」こと あ、これ炎上するな、ってタイミングありますよね? ベストはその際に なぜスケジュールが厳しいのか – 原因 どうすると軟着陸するのか – 解決策 その原因を二度としないようにする – 予防策 という三点をウソを付かず報告すること しかし、たいていは気づいたら火の海に立ち尽くしていることがほとんど。 その際にも原因と軟着陸への道筋を早めに提出し 実現可能性が高い軟着陸方向へと、クライアントとともに動き出す必要があります。 なぜ炎上するのかは、スコープミスか技術的に出
このページを最初にブックマークしてみませんか?
『株式会社NONAME Produce(n2p)|デジタルプロモーション企画・制作 | 株式会社NONAM...』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く