レスポンシブHTMLメールを作成する際の覚書 ｜ Tips Note by TAM
レスポンシブHTMLメールを作成することがあったので、覚書です。 おもに「テーブルレイアウトで、PCの時には横並びのカラムを、スマホの時には縦並びにする」 方法についてです。 普段、あまりHTMLメールを作成することがない方もいらっしゃるかと思いますので、 まず、HTMLメールを作成する際の大前提を。 だいたい以下のような感じです。 テーブルレイアウト Outlook（2007/2010/2013）がfloatに対応していないなど、 メーラーによって、CSSのサポート状況にばらつきがあります。 多種多様なメーラーでレイアウト崩れを起こさないためには、 テーブルレイアウトが基本です（今更感はありますが）。 ※主要メーラーのCSSサポート状況は以下で確認できます。 Guide to CSS support in email | Campaign Monitor CSSはインラインで記述 Gma
元フリーランス(´ ºムº `)：法人化した理由とフリーランス時代の単価について
この記事は フリーランスの今年とお金の話 Advent Calendar 2016 の 7日目の内容です。 2014年と2015年も フリーランス Advent Calendar を書いていたいたので、今回で3回目の内容となります。 2015年： フリーランスになってからの仕事のしかたや周りとの連携などについて 2014年： フリーランスになって３年が経ち、４年目で振り返る様々なこと 2016年はフリーランスを卒業し、法人化をしたので、自分にとってはとても変化のある一年だったと、そんなことを思い出しながらこのエントリーを書いています。 今回のアドベントカレンダーの話題が出始めてすぐの時に、一昨年・昨年の フリーランス Advent Calendar 発起人のすみだあやかさんにメッセージをしてみたのですが、「「元フリーランス」ももちろん歓迎です、会社になってあれこれ聞きたいです！！」と言われ
DeNA他キュレーションメディアが起こした“事件”は、検索エンジンが資本主義に負けたということ。 - mediologic
この２〜３年、ネットの、特にメディアやプラットフォーム、広告に関わる世界は混乱状態がずっと続いていると言わざるをえない。例えば2014年はインフルエンサーマーケティングやブロガーマーケティングの界隈での「ステマ」騒動がもっとも騒がれた時期だし、続く2015年は「ノンクレジットタイアップ広告」なる広告表記（ディスクロージャー）のない”記事広告”が大きな話題となった。それ以前にも口コミマーケティングおける金銭・物品授受の問題などはWOMJなどで取り上げられていたし、いわゆるデジタルマーケティングやネット広告と呼ばれる世界において、どこどこのアドテク系ベンチャーが上場していくらの値がついただの、いくらいくらで買収されただの、あそこの会社はキラキラ系の美人社員が多いだの、華やかに見えるストーリーの裏側は、黒ないしはそこまでもいかないまでもグレーなビジネスが多数ある。もちろんまともなビジネスをしてい
Web系企業に転職するとき実際にやったこと。 - endless pulse
はじめましてこんにちは、えみーといいます。 このブログは、Advent Calendar 2016 転職(その2)の6日目のエントリーです。 記事の目的 転職しようかなと思っていて、するにはどういう手段を取ればいいだろう？と思っている人や、転職したいけれど…でも…となんとなくモヤっとしている人の判断材料の足しになればと思って書きます。 私自身、そういうプロセスがあったので、そのときに何をしたかの具体例を書きます。 簡単に自己紹介/転職の概要 現在アラサー…ギリギリ20代です。生物的・戸籍的には女性です。既婚、1歳になる子どもがいます。 大学では情報工学を選考して、楽しくなって修士まで行き、現在社会人5年目です。 諸説(?)ありますが、一応転職2回しました。 新卒では、某外資ベンダー(SIer? コンサル?)に就職しました。3年ほどでフリーランス(Webサイトフロントエンド等)に転職…の4ヶ
メンバーのスキルアップ、どうしてる？ − Java 100本ノックで新加入メンバーを鍛えてみた −
This document summarizes a microservices meetup hosted by @mosa_siru. Key points include: 1. @mosa_siru is an engineer at DeNA and CTO of Gunosy. 2. The meetup covered Gunosy's architecture with over 45 GitHub repositories, 30 stacks, 10 Go APIs, and 10 Python batch processes using AWS services like Kinesis, Lambda, SQS and API Gateway. 3. Challenges discussed were managing 30 microservices, ensur
モバイルファーストのレスポンシブテーマ「510」を公開しました | ゴトーのブログ
はてなブログのテーマ「510」を公開したので、その紹介をいたします。 「510」はこのブログに使われているテーマのほぼクローンです。 どのような動作をしているのかは、テーマストアのデモページか、このブログを見てもらえればと思います。 特徴 改変元 デザイン PCでの表示 スマホでの表示 具体的に何が優れているのか マウスオーバーの挙動をPCのみに限定 スマホでの表示領域を広く 広告収益の最適化 モバイル優先のナビゲーション 関連リンク フィードバック 特徴 このブログテーマの特徴は「モバイルからのユーザービリティに特化したレスポンシブデザイン」であることです。 レスポンシブデザインとは、PCでもスマホでも、それぞれの端末に応じて最適なデザインを提供するものです。 このデザインの特徴としては、一度設定を行えば、PCでもスマホでも同じコンテンツとなるので、ブログ管理のコストを下げることができま
あなたのセンスを劇的にアップさせるWordPressデザインテンプレート32選
このデザインを見る このデザインを見る このデザインを見る このデザインを見る このデザインを見る このデザインを見る このデザインを見る このデザインを見る このデザインを見る このデザインを見る このデザインを見る ... あなたのデザインセンスを劇的にアップさせるWordPressデザインテンプレート32選はBruno[ブルーノ]で公開された投稿です。
本当に"総務は1人で十分こなせる"のか？総務の人「単なる事務作業だけだと思ってるんだろうか…」
総務を一人に任せている企業に関する記事に賛否両論が クラウドサービス駆使すれば50名程度の企業でも総務業務は一人でも処理できる、という趣旨の記事です。 リンク 日経ビジネスオンライン 総務は1人で十分こなせる 総務部や人事部をはじめとした間接部門。なくてはならない存在だが、コストアップ要因と見なされることも多い。そんななかITを駆使することで1人で総務部門をこなす会社があった。 803 users 8855
シリコンバレーの企業を取材して衝撃を受けた「好きなことで生きる」ための7つの考え方 | プロ無職
クラウドファンディングで54万円調達し、シリコンバレーまで取材して来ましたるってぃ（@rutty07z）です。 Airbnbで働く知人に紹介して頂き、シリコンバレーに駐在する富士通の丸山さん宅に滞在。現地の企業を案内して頂きました。 本当にその節はありがとうございました(切実)。 8企業・1大学を訪問し、そしてシリコンバレーで生きる人々に取材させて頂き、ワーク・ライフスタイル、思考、使われているサービスと暮らし方に、日本と大きな違いを感じました。 そこで僕が感じたシリコンバレーと日本の働き方や、そもそもの考え方の違いをまとめてみました。 これが今のシリコンバレーと日本の差です。興味のある方はもしよかったら見てください。 ちなみに今回訪問したシリコンバレー企業・大学一覧です。 B-Bridge 富士通 PLUGANDPLAY Airbnb wework Google メルカリ LUCASFI
良い UI をつくる - おいちゃんと呼ばれています
師走に入った。来年良いスタートを切るために一年を振り返るには良い時期だ。 さて、2015年の後半くらいから、フロントエンド・エンジニアとして「良い UI をつくる」ことに自分のリソースを集中させてきた。UI はここではウェブアプリケーションの UI を指す。 一年半をそれに費やしてきて、このあたりで、自分が考える、良い UI（ユーザーインターフェイス）とは何か、どうすればそれを実現できるのかを整理しておくのも悪くないなと思ったので書き留めておく。 良い UI をつくるには 良い UI をつくるには次の 2つが必要だと考える。 1 良い UI を定義できること 2 上記 1 を実装（実現）できること そう、いまから何をしようとしているのかというと、良い UI をつくるために必要な要素をツリー構造で整理しようとしているのだ。 ただし、以下に良い UI をつくるために必要な要素を分類しようと試み
MERY画像転載問題に続きピンタレストを使った画像ロンダリング疑惑が浮上か - SHIJIN BLOG
DeNAのキュレーション事業を担うMERY(メリー)が非表示された事は周知と思いますが、welqを含む9つのキュレーションマガジンに関してはiemoの代表村田マリ氏が、MERY(メリー)に関しては中川綾太郎氏が運営を当初から取り仕切っていました そんな中でDeNAの代表がwelqを含むパレット(DeNAのキュレーションマガジン群)を非表示にする際に中川氏が取り仕切っているMERY(メリー)では著作権等を含め問題なく運営していると話して少しの間そのまま表示されていた訳ですが、ここに来て新たなMERYの画像の無断転載ロンダリングの疑惑が出て来ました ツイッター上のフォロー先からの情報と言うのはサイト運営者同士であればリツイート等で気付くのですが、一般の方はあまりサイト運営者をフォローする事も無く この様な情報を知るすべも無いと思いますので気になった情報についてシェアさせて頂きます MERY(メ
Slackで多人数オンラインアクションゲームを作る方法 - Qiita
この記事はドワンゴ Advent Calendar 8 日目の記事です。 昨日は @mokumoku さんの 「サーバサイド Swift でウェブページを運用している話 」 でした。 実は僕も仕事ではSwiftを書いていて（クライアントサイドですが）、Swiftは好きな言語の一つです。サーバーサイドSwiftはまだ書いたことがないため、記事を読んで挑戦しようと思いました。 今日のお話はSwiftは全く関係ない、SlackとBotとPythonのお話です。 あるおやすみの日のはなし ある日、弊社プロダクトのニコニコ動画を見ていると面白い動画と出会いました。 面白い実況者が爆弾を使うゲームを自作し、プレイして実況しているのをみて、僕はこう感じました。 「あぁー、僕も爆弾を置いて敵と戦うゲームやりて〜〜」 でも、その時はゲーム機を持っていなくやることができないのが心残りでした。 前置きが長くなり
2017年用、日本語のフリーフォント259種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人や商用で無料利用できる、日本語のフリーフォント260種類を紹介します（公開時より、2つ追加）。 ビジネスからプライベートまで、幅広く利用できるフォントが満載です！ 毎年まとめていますが、去年は219種類だったので、大幅に増えています。無料でなくなったフォントや配布終了になったフォントもいくつかありました。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も明記。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 まずは個人的に、今年一年かなり使用したフォントからご紹介。 3種類
チームの良さを確認するためにやったこと - Web錯誤
この記事はProduct Manager Advent Calendar 2016の7日目の記事として書かれました。6日目の記事はgackyさんのおじさん Product Manager サバイバルガイドでした。 はじめまして。GMOペパボ株式会社でディレクターとして働いています。@jitsuzon です。弊社ペパボには「プロダクトマネージャー」という名称の職位や役職は存在しないため、自称プロダクトマネージャーとして、サービスのあれやこれやに関わっています。自称に至った経緯はこちらのスライドをご参考ください。 いきなりですが、みなさんのチームは「良いチーム」でしょうか？どこが良いのでしょう？どのくらい良いのでしょう？ この記事では、それをアンケートを用いて定量的に確認する方法について実践を元にお伝えしていきます。最近話題にのぼってくることも多い「心理的安全性」なんかも登場します。 背景 私
【全文】DeNA守安社長・南場会長らによる記者会見 キュレーションサイト問題の経緯と今後の対策について説明
ディー・エヌ・エー（DeNA）のキュレーションサイト「WELQ（ウェルク）」が内容の信ぴょう性や無断引用について指摘を受けた問題で、12月7日、DeNAの代表取締役社長守安功氏らが記者会見を開き、記事の非公開化や第三者調査委員会設置などについて説明を行いました。同社は、すでに10サイトすべての記事を非公開化しています。 守安社長から経緯の説明 司会者：みなさま長らく大変お待たせいたしました。それでは開始させていただきます。あらためまして、本日は、ご多用中みなさまにご足労をおかけして大変申し訳ございません。遠方よりお越しの方々にも改めまして重ねてお詫び申し上げます。私、本日を進行を務めます、青野と申します。どうぞよろしくお願いいたします。 それではまず、守安より本件についてご説明を申し上げます。 守安功氏（以下、守安）：株式会社DeNA代表取締役社長兼CEOの守安功でございます。本日は着座に
【天才かよ】Amazonが「レジのないコンビニ」をオープン！ 商品を持ち帰るだけで清算完了!!
» 【天才かよ】Amazonが「レジのないコンビニ」をオープン！ 商品を持ち帰るだけで清算完了!! 特集 コンビニやスーパーのレジで1度も待たされたことが無いという方はそう多くはいないだろう。特に人の多い都市圏のコンビニとなれば、朝は行列が当たり前とも言える。 そんな中、インターネットショッピングサイト大手のAmazonが、混雑を無くすための全く新しい清算システムを採用した食料品店を2017年に米国でオープンするという。その店の名前は「Amazon Go（アマゾン ゴー）」だ。 ・商品を取って店を出るだけ 前述の通り、新しい清算システムを採用しているというAmazon Go。その清算までの流れだが、来店の際に専用アプリを起動、画面に表示されたコードを入り口の装置にかざして入店。あとは商品を取って店を出るだけ。つまり……レジには行かず商品を持ち帰るだけでOKなのだ！ 棚から取った商品は自動的
ウェブをもっと面白く！コピペ可能なHTML/CSSスニペット45個まとめ 2016年12月度
思わずクリックしてコンテンツを読み続けたくなるような、コピー&ペーストで利用できる最新 HTML/CSS スニペットをまとめてご紹介します。 新しいテクニックを利用した、ますます進化するWebの可能性を感じさせてくる作品ばかりで、今後のデザイン制作に活用してみてはいかがでしょう。 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。 詳細は以下から。 ウェブをもっと面白く！コピペ可能なHTML/CSSスニペット45個まとめ Fixed Disappearing Scrolling Header スクロールすると表示されている文字テキストがフェードアウト
BEM、SMACCS、CSS Modules…のどれを用いるのがいいの？ケースで考える最適なCSSの方法論
年々CSSに関するツールや設計方法（方法論）は増えています。便利になったと言えばそうなのですが、その反面これから新しい方法論を導入しようという方にとってはどこから手をつけていいのか困惑することもあるかもしれませんね。 そこで本稿ではケースごとに「どのCSS方法論が適しているのか」を考えていきます。自身のフロントエンド開発環境に近いものを参考にしてみてください。 ケースで考えるCSSの各方法論 ■ケース1 「シングルページやシンプルなウェブサイトを作りたいです。コンテンツはテキストだけで、1つか2つのフォームがあるようなものです。共同作業者はいなくて、開発者は私（と飼い猫）だけです」 とにかくシンプルにし、クラスを使わずに直接HTML要素を配置しましょう。カスケードを利用し、スタイルを継承させます。サイトが大きくなった場合、OOCSSやユーティリティクラスの使用を考えるのもいいでしょう。 ■
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「SaCSS Special08 : WordPress + フロントエンド 鍋パーティー」でフリーランスとしての僕の考え方とオープンソースの楽しさについてお話しました
TechCrunch | Startup and Technology News
【本日のできるネット】 【Googleマップ】マイマップの作り方。食べ歩きやショッピング、旅行で大活躍!
Vue.jsで実現するMVVMパターン Fluxアーキテクチャとの距離