タグ

2016年3月24日のブックマーク (19件)

  • Tumblr+カゴ落ちしない決済画面で作るストレスゼロの次世代ECサイト

    ECzine Day(イーシージン・デイ)とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。

    Tumblr+カゴ落ちしない決済画面で作るストレスゼロの次世代ECサイト
  • 『GRC』SEO対策で欠かせない便利な無料ツール - 羆の人生記

    今回はSEO対策で僕が絶対に入れるべきだと考える 『GRC』 というツールを簡単に紹介します。 SEO対策の重要性 基礎は実践、検証、改善 自分が強いキーワードを知るツールの一例 Google Search Console SEOチェキ! ★GRCを導入しよう ツールの真骨頂 無料版と有料版の違い GRCモバイルも導入すべし! SEO対策の重要性 Googleで狙ったキーワードを検索し、自分のサイトを上位に表示させる対策を実施する、これがSEOの意味のひとつです。(Wiki:検索エンジン最適化) SEOを考える上で重要となるのは、自分のサイトがどのような強みを持っているのか(持てるのか)を把握することであると思います。それはある程度の運営期間を経て判明することもありますし、管理人にもともと知識があるなどの素地も影響するでしょう。 例えばアニメに関するブログなら古今東西のアニメについての知識

    『GRC』SEO対策で欠かせない便利な無料ツール - 羆の人生記
  • 『画像システムの車窓から』

    2年半くらい画像システムを担当していたのですが、3月イッパイで異動することになりましたokzkです。 異動記念ということで、とりとめもなくエンジニアブログを書いてみます。長いです。よろしくお願いいたします。 画像システムのこれまでのストレージ事情最初にアメブロ(以下、単にブログ)のユーザ投稿画像関連でのストレージの歴史をアレコレをまとめてみようと思います。なお、以下swiftと書いたらOpenStack Swiftのことです。流行のプログラミング言語のことではありません。 はるか昔の状況昔は単純にWebDAVを複数台並べ、イッパイになったら更に次の世代のWebDAVを追加する、というような構成で、参照時に画像URLパスに含まれる年月ベースで適切な世代のWebDAVにルーティングしていました。 (参考:画像URLのパスの例) /user_images/20160401/00/shibuya/

    『画像システムの車窓から』
  • カラースキームに個人的に求めるもの - 永遠に未完成

    最近 Vim のカラースキームの自作に関する記事をちらほら見かける。 私自身も最近、いいカラースキームないかなーと探していたりするので(作る気は皆無)、私が探す際のポイントなんかを書いておく。 ちなみにこの記事では主にカラースキームの機能面についてのみ言及する。 配色に関しては私はセンスがほぼないので、色について完全に感覚で選んでいて参考にならない。 一通りの色が定義してある 最重要項目なのだけど、できていないものが多い。個人的には全て設定されていてほしい。 大きく分けて Vim 自身が使う部品のハイライトと、テキスト内の構文ハイライトで使うものがある。 前者の一覧は :help highlight-groups で見ることができる。この記事を書いている時点での最新版である Vim 7.4.1639 では以下の 45 個だ。たまーに体への機能追加で増えるので、注意したい。 *hl-Col

    カラースキームに個人的に求めるもの - 永遠に未完成
  • インフラエンジニアがGo言語でオペレーションツールを書くことについて - Hatena Developer Blog

    ウェブオペレーションエンジニアの id:y_uuki です。 はてなの東京オフィスで先月開催されたGo 1.6 Release Partyで、「Writing Tools in Go For Ops Engineers」というタイトルで発表しました。 発表では、最近作ったGo製ツールを紹介し、なぜGoインフラエンジニアにとって良い言語であると感じているかを話しました。 最近作ったGo言語のツールの紹介 mkr Grabeni Droot gokc インフラエンジニアGoを利用することのメリット 1. サーバへの配布が簡単 2. サーバ上で高速開発できる 3. 最終的に成果物をはやく作れる その他 発表資料 あとがき 最近作ったGo言語のツールの紹介 以下の4つのツールを作りました。いずれもはてなでのproduction利用を想定したものになります。 mkr mkrははてなで開発している

    インフラエンジニアがGo言語でオペレーションツールを書くことについて - Hatena Developer Blog
  • BoseのBluetoothスピーカーが天才的に素晴らしいので他と比較しながら褒める - ごりゅご.com

    BoseのBluetoothスピーカーが天才的に素晴らしいので他と比較しながら褒める - ごりゅご.com

    BoseのBluetoothスピーカーが天才的に素晴らしいので他と比較しながら褒める - ごりゅご.com
  • Dockerを使って1サーバで複数Webサービスを運用するためのマイベストプラクティス - Qiita

    はじめに エンジニアやっていると色んなサービスを作りたくなると思うのですが、Herokuのフリープランが使えなくなってしまった影響で無料でのサービス運営は難しくなってきています。 もちろん、Google App Engineなど無料で運用できるものもあるのですが、サービスにロックインされてしまうのが多くちょうど良い物が見つかりませんでした。 ということである程度安く色々やろうとすると、1台のサーバでいい感じに複数サービスを立ち上げるという昔ながらの構成になるのですが、Dockerを使うことで環境セットアップなどサーバ管理の手間を最小限にしていこう、というのがこの記事の趣旨となります。 方針 要件 安い サービスにロックインされない スケーラブル(もしサービスのアクセス量が増えたとしてスケールさせられる) インフラ管理が容易 セキュリティとかなるべく気にしたくない 以上のことを踏まえた結果C

    Dockerを使って1サーバで複数Webサービスを運用するためのマイベストプラクティス - Qiita
  • 乙武不倫の謝罪ホームページに見るサーバー構築:

    今回、不倫で有名になった乙武さんの謝罪文はAWSのS3で構築してる。技術的にもプロの犯行だ。S3とは、ざっくり言うとAmazonさんが運営してるほぼ絶対落ちない静的サーバのことです。http://ototake.com をDNSで全部S3に降ってる。要するに謝罪文しか表示しないけど絶対落ちないサーバをAmazonさんから短期的に借りる。今後、芸能人の謝罪文はAWSのS3というソリューションが増える。 GMOさんは芸能人に強いのに営業しないのかな。CAと組んで謝罪文サーバとか売ればいいのに。これは、芸能人のサイトを運用している人には重要な事例だ。教科書にのるかもしれない。むしろ、今後の謝罪ページのセオリーになるかもしれない。昔に比べて、DNSの浸透は爆速になったので、こういうのが可能なんだろな。 今まで、ototake.comを無視して、短期的にS3にDNSを降ることで、以下のメリットが有る

    乙武不倫の謝罪ホームページに見るサーバー構築:
  • フリルにおけるドッグフーディング / Fashion Tech Meetup #2 LT

    2016/03/22 Fashion Tech Meetup #2 のLTでお話した、フリルにおけるドッグフーディング話です。 http://fashion-tech.connpass.com/event/28335/

    フリルにおけるドッグフーディング / Fashion Tech Meetup #2 LT
  • iOS 9.3のバグを利用してiPhoneのフォルダを丸くする壁紙が公開中

    iOS 9.3では特定のサイズの壁紙を設定するとフォルダが丸くなるバグがあるようで、これを利用した壁紙が公開されています。 iOS 9.3にアップデートしたiPhone/iPad/iPod touchにて、下記サイトにて配布されている壁紙を設定する事によって特定の位置のフォルダの背景が丸角正方形から円形に変化します。機種によって丸くなるフォルダの範囲が違いますが、iPhone 5/5s/5cでは全てのフォルダが丸くなるとのこと。 次期アップデートにて修正されそうな不具合ですが、脱獄などの改造不要で円形フォルダを実現できるカスタマイズが楽しめるのは面白いですね。ダウンロードは以下のページから。

    iOS 9.3のバグを利用してiPhoneのフォルダを丸くする壁紙が公開中
  • ぐちゃぐちゃな写真フォルダを人工知能が整理する、アドビの新ツール

  • CSSのvw, calc()を使用した、レスポンシブ対応のフォントサイズを指定するこれからのテクニック

    文や見出しなどのフォントサイズをスマホ時やデスクトップ時で変える時、通常はMedia Queriesでスクリーンサイズごとに文字サイズを指定していると思います。 ここで紹介するフォントサイズの指定方法はちょっと新しいアプローチで、最初にベースとなるフォントサイズを設定し、スクリーンサイズが大きくなるにつれ、Viewport Unit(ビューポートの単位)で加算してサイズを大きくします。 Viewport Unit Based Typography 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Viewport Unit(ビューポートの単位)とは? フォントのサイズ指定のためのビューポートの使い方 他の文字の要素をビューポートで指定 縦のリズムとモジュラースケールをビューポートで指定 フォントサイズの指定の精度をアップする さらに精

    CSSのvw, calc()を使用した、レスポンシブ対応のフォントサイズを指定するこれからのテクニック
  • システム開発をラーメンの注文に見立てたツイートが話題に!「納得」「うちの業界でも…」と悲痛な声が…

    ケルビン@斜壊人 @legendkelbin ラーメン屋で「醤油ラーメン」と注文した後に「半ライスつけて。餃子つけて。やっぱ塩で。ネギ多め。やっぱ炒飯で。メンマつけて。やっぱ味噌で。もやしつけて。海苔要らない」位の追加注文した客が、最初の醤油ラーメン代だけ払って帰るのを呆然と見るのがシステム開発です。

    システム開発をラーメンの注文に見立てたツイートが話題に!「納得」「うちの業界でも…」と悲痛な声が…
  • 画像内の日本語テキストを抽出できる「Online OCR」が無料なのに便利すぎる

    Online OCRとは Online OCRは、46ヶ国の言語に対応して画像からテキストを抽出することができる無料のオンラインOCRツールです。 登録なしでの利用 現在、登録なしの状態で、15MBまでなら以下の形式の単一ファイルを読み込むことができます。 PDF (単一ページ) TIF/TIFF (単一ページ) JPEG/JPG BMP PNG GIF そして、以下の形式で出力することができます。 Microsoft Excel (xlsx) Microsoft Word (docx) プレーンテキスト (txt) 登録なしでも、ライトユーザーであれば十分すぎるくらい便利です。 無料登録をすると Online OCRは、登録しなくても十分便利なのですが、無料登録を行うことにより、さらにできることの幅が広がります。 以下の形式のファイルを200MBまで読み込むことができるようになります。

    画像内の日本語テキストを抽出できる「Online OCR」が無料なのに便利すぎる
  • 【意訳】たった今、npmのパッケージを解放しました。

    このポストは以下の記事を意訳したものです。 I’ve Just Liberated My Modules - Medium.com Twitterでフロント系のエンジニアの方がざわついていたので訳しました。間違いが有りましたら、ご指摘いただけると幸いです。 以下、意訳。 数週間前、特許弁護士が私にメールをよこしました。メールの内容によると、私の作成した"kik"パッケージをnpmから削除せよ、とのことでした。返答としては"No"でしたが、弁護士からは次のような返信が来ました。"悪いとは思いますが、kikは我々の登録済の名称ですので、あなたの家に弁護士がやってきてあなたのアカウントを取り下げてもらうことになるでしょう。" 私が"kik"のコードを書き始めたとき、同名の企業があるなんて知りませんでしたし、企業に名前を変えさせられるなんてゴメンです。要求を拒絶された彼らは、npmのサポートに対し

    【意訳】たった今、npmのパッケージを解放しました。
  • フロントエンド速度改善をしようとして参考にしたもの - $shibayu36->blog;

    最近フロントエンドの速度改善をほんの少しだけやって、いろんな資料を参考にしたので、今後また速度改善をする時に備えて、参考になった資料をまとめておく。今回パフォーマンス改善やった項目としてはExpiresヘッダ付ける、gzip圧縮かける、JSをbodyの一番下にとか基的なことしかやらなかったので、そのあたりはこの記事ではまとめていません。 今回は「測定する」「ブラウザがどう表示しているか知る」「改善を検討する」の流れで調べていったのでその順にまとめる。 測定する 何はともあれ測定しないと何も始まらないので、まずは測定の仕方について調べた。 PageSpeed Insights( https://developers.google.com/speed/pagespeed/insights/ )と、webpagetest( http://www.webpagetest.org/ ) はとりあえ

    フロントエンド速度改善をしようとして参考にしたもの - $shibayu36->blog;
  • Macを使って知った実用的なショートカットキー16選【まとめ】 - 鯖メシ

    「やばい、4月から通う会社はMacだ・・」と今から焦っていませんか? 大丈夫です。私もあなたと同じ境遇でしたが、今では普通に使用できています。 私は今の会社である時、Macを使わないといけない状況に陥りました。 慣れないウチは「Windowsならすでに終わってるのに〜」と心でボヤきながら、かなりストレスが貯まったのを覚えています。 同じ境遇の方が少しでも救われればと思い、今回の記事を書きました。是非、ご活用ください。 ※ ちなみにタイトルの「Windows歴15年」とは、学生時代を省いて実務経験でWindowsに携わった年数です。 アプリケーションの操作 1.アプリケーションを終了する command + Q 例えばブラウザの場合、MacWindows と違い、左上にある「×」ボタンをクリックしても終了しません。実はバックグランドで常駐しています。 アプリケーションをしっかり閉じない

    Macを使って知った実用的なショートカットキー16選【まとめ】 - 鯖メシ
  • curlとWgetの比較 | POSTD

    curlとWgetの主な違いについて著者(Daniel Stenberg)の私見を述べています。自分の子どもとも言える curl をひいきしていますが、 Wget にも携わっているので、思い入れがないわけではありません。 この記事に関するご感想やご意見をお寄せください。 問題点や改善点があると思われる場合は、 Issueやpull-requestを発行 してください。 共通点 FTPやHTTP、HTTPSからコンテンツをダウンロードできるコマンドラインツールです。 HTTP POSTリクエストを送信できます。 HTTPクッキーをサポートしています。 スクリプトの中で使用したりできるよう、ユーザインタラクションがなくても動作するようにデザインされています。 完全なオープンソースで、無料のソフトウェアです。 開発プロジェクトとして90年代に立ち上げられました。 metalink をサポートして

    curlとWgetの比較 | POSTD
  • npm パッケージの unpublish に関するゴタゴタの大まかなまとめ - ヤルキデナイズド

    (最終更新:3月24日16:50ごろ) 事件の流れ kik の作者が同名の会社 KIK の弁護士特許出願代理人からパッケージ名を変更するよう要請される 作者が拒否したところ弁護士代理人は npm の運営にコンタクトする 運営が作者の許可なくパッケージを unpublish するパッケージの所有権を移し替える 作者がこれに反発し自身が所有する270あまりのパッケージをすべて unpublish する I’ve Just Liberated My Modules — Medium unpublish されたパッケージは npmjs.com からダウンロードできなくなる unpublish されたうちのひとつである left-pad に間接的に依存したパッケージが多数あったため世界中でビルドがぶっ壊れる npmjs.org tells me that left-pad is not availa

    npm パッケージの unpublish に関するゴタゴタの大まかなまとめ - ヤルキデナイズド