こんにちは。バックエンドエンジニアの @naopr です。 3/20にUS版メルカリでリブランディングを実施し、ロゴやアイコン、デザインを一新しました！ 今回は、リブランディングに伴うHTMLメール変更にまつわる地味で泥くさいお話をご紹介します。 メルカリでのHTMLメールの実装 メルカリはコア部分をPHPで実装しており、HTMLメールのテンプレートエンジンとしてTwigを利用しています。 一部の古いテンプレートは生のPHPで書かれていますが、多くのテンプレートはTwigで書かれています。 検証環境でメールが送られないトラブル 今回、リブランディングに伴いTwigのテンプレート変更を行いました。 ローカル環境での開発が終わり、いざ検証環境でテストをしてみると残念なことにメールが送られてきません。 不思議なことにメールの種類によって送られるものと送られないものがあり、環境によって送ることので

WordPressでオリジナルのテーマを作成する際のフローをまとめました。サンプルも配布してるので、是非使ってみてください、 テーマ開発をやったことがない、それほどやってないという人でもなるべく分かるように書いていますので、手順通りにやっていただければ、テーマ開発をどうすれば良いのか？をわかってもらえると思います。 尚、執筆時点でのWordPressのバージョンは 4.8.2 です。 この記事を書くに当たり WordPress Codex日本語版と、WebDesign Recipes はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました を参考にさせていただきました。 目次 テーマのデザインをパーツに パーツの種類 コーディング WordPressの環境構築 必要なファイル テンプレートの種類 トップページのテンプレート化 header.php の編集 i

vuejs-meetup.connpass.com 申し込んだ時点で213/80人と絶望的だったのですが、たまたまブログ書く枠が空いたので勢いでポチってしまいました。ただ、私はVue.js初心者（※）なのでブログを書けるほど内容が理解できるのかかなり不安でしたが、結果的にどのトークも楽しめました（理解したとは言ってない）。なので、同じような初心者の方でも、興味があれば参加してみるとよいのではと思います。 （※）人がつくったアプリ（Vue 1.x）の改修をしたり、開発合宿でミニマムな評価アプリ（Vue 2.x）をギリギリつくった程度のレベルです。 以下、それぞれのトークの内容のメモです。 Vue.js の中身 - 算出プロパティはどうやって動いているか @kitak https://kitak.github.io/slides/170316-vue-meetup/ Vue.jsのようなライブ

HTML5でWebページを作成する時に役立つ、必要最小限のブランクのテンプレート、ナビゲーションを上部に固定配置、写真画像などの背景画像をブラウザいっぱいに表示させるシンプルなテンプレートを紹介します。 画像: Girly Drop HTML5で作成する時の必要最小限のテンプレート ナビゲーションを上部に固定配置 背景画像をブラウザいっぱいに表示 ※以前、当ブログで紹介したものもバージョンアップされています。 HTML5で作成する時の必要最小限のテンプレート まずは、HTML5でWebページを作成する時にのシンプルなブランクのテンプレート。 A Generic HTML5 Template -GitHub ライセンスはCC0 1.0で、個人でも商用でもクライアントの案件でも無料で利用できます。利用する際に、許可やコピーライトの明記などは必要ありません。 テンプレートはIE9や8以下への最低

最近のWebページで人気のある縦長ページ、CSS3アニメーション、スクロールエフェクト、大きい写真画像を使った背景、カードコンポーネントなど、UIデザインのトレンドを取り入れたBootstrapのテーマを紹介します。 Bootstrap 4ベースのものもリリースされ始めました。

上部固定のScrollspy対応ナビゲーション、アニメーションがかっこいいオフキャンバスメニュー、ブラウザの高さいっぱい・半分に画像を配置、複数のコンテンツを配置するレスポンシブ対応のコンポーネントなど、最近よく見かける人気の高いレイアウトやコンポーネントを簡単に実装できるBootstrap用のテンプレートを紹介します。 Bootstrap 実装方法のほとんどは、Bootstrapの最小限の構成に数行のHTMLと外部スタイルシートを記述するだけです。 Bootstrapの基本的な使い方は、下記の記事を参考にどうぞ。 参考 Bootstrapのグリッドシステムの基本な使い方 BootstrapのベースのCSSを使ってさまざまな要素を実装してみよう！基本要素とナビゲーションのスタイル 以下のテンプレートはApache 2.0ライセンスで、個人でも商用でも無料で利用できます。 Scrolling

株式会社つみき UI/UX事業終了のお知らせ 拝啓　時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業（受託制作事業）につきまして、2024å¹´4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日：2024å¹´4月30æ—¥ [email protected]

2024.01.02 ストマックの日常(裏)マルサが来た。国税査察、地獄の取り調べ【第37話】(2023年7月4日) 登録者数260万人の人気YouTuber『ガードマン』のメンバーに国税査察、いわゆるマルサの査察が入りました。ストマック氏にとって、これは他人事ではありません。 国税査察チームの次のターゲットは、ストマックなのか？ 国税の査察とは、国税局査察部が行う「強制」的な調査です。 事前の連絡はなく、会社や社長の家に一斉に捜査員がなだれ込みます。 悪質な脱税行為、そして脱税額が大きなケースを中心に調査します […] 2024.01.02 【オンラインカジノ】$2000で勝負する！！！！【Stake】 サブチャンネル ニコニコ生放送と同時配信しています！！ ツイッター よろしくお願いします！！ リンクツリー ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ※未成年の方はご利用になれません。 ※この動

最近、一緒にコードを書く人（特にRailsから始めた学生さん）に、 MVC（Model - View - Controller）において、「model = DB」だと考えている人が多いなぁと感じたので、このあたりに関する自分の考えをまとめて書いておきます。 あくまで俺の考えなので、違ってたらごめんね。 MVCをちゃんと理解している人には当たり前すぎる話かもなのでスルーでよろしく！ 初学者はViewをモリモリ生やす これはプログラミングを始めた人なら誰でも経験ありますよね。 むしろ、MVCとか始める前の、誰でも経験あるであろう <?php print '<a href="${hoge}">link</a>'; なんてのは完全にViewだけで実装されたプログラムですね。 最近のMVCのテンプレートはとても高機能です。 変数の宣言も、条件処理も、ループも、プログラム言語としてひと通りの「逐次、反

5分でわかるVue.jsと、jQueryで頑張ってはいけない理由 先日の「OpenIL vol.2」にて「5分でわかるVue.js」というLTを発表しました。 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート　前編 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート　後編 この記事は、その時のLTの資料を元にブログ化したものです。 jQueryは頑張れば頑張るほど辛くなる jQuery、簡単に動きのあるサイトを作れてとても便利ですよね。 // 何か画面に反映する $(".hoge").html("変更したい内容"); // 変更時に何か処理して変更する $(".foo").on("change", function() { $(".bar").html("変更したい内容"); }); イベントを受け取って、色々と処理をし

##2015.01.26補足 この記事を公開してから4年とちょっとが経ちました。 コード内の不要な半角スペースを削除しました。また、echoが必要なタグにサニタイズ処理を追加しました。しかしこのページの記述自体レガシーになってきているので、参考にする際は注意してください。 ##2013.03.06補足 この記事を公開してから2年とちょっとが経ちました。 bloginfo系のテンプレートタグの非推奨となった引数部分で、別のタグを紹介しているので5つではなくなりました。 ##2012.01.30補足 この記事は古くなっています。bloginfo系のテンプレートタグの推奨状況が若干変わっていますので、ご注意ください。 ほかは大丈夫だと思いますし、古いタグで動かないわけではないのですが。余裕があれば改訂版書きます。 先日Webの専門学校の講師をされている方にお会いした時、 「WordPressを初

１．piktochart http://piktochart.com/ 既に５０万のユーザーが利用しているインフォグラフィック作成ツール。 あらかじめ用意されている７０以上のテンプレートの中から、最もイメージに合うものを選ぶことによって、（無料で使えるテンプレートは５つ。）誰でも感覚的にキレイなインフォグラフィックを作ることができる。 操作性もブログを書く時のようにシンプルだ。 （※完成品は右図参照） また、ドラッグ＆ドロップするだけで使える８タイプのグラフ作成機能や、好きな配色を簡単に実現するカラーパレット機能などもついている。 慣れると３０分で、インフォグラフィックを作成できるようになる。 ２．infogr.am http://infogr.am/ こちらも感覚的にインフォグラフィックを作成することができるお薦めのツール。 新しいインフォグラフィックを作成する機能インフォグラフィックで

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

クライアントとの更新やりとりを10倍楽にする（か... / 【無料配布】Web制作における書類一式、そしてド... / WEBサイト制作前やデザイン制作時に欠かせないヒ...他...全5件

『LucidChart』はブラウザー上でさまざまな図を手早く簡単に作成できる作図ツールだ。豊富なテンプレートを元に、さまざまなシェイプをドラッグ・アンド・ドロップで配置。シェイプどうしを線でつないだり色分けすることで、専用ソフトにもひけを取らない本格的な作図を行なえる。