INSERT...ON DUPLICATE KEY UPDATE構文を使うと レコードがなければINSERT、あればUPDATE 複数行の一括UPDATE フィールド毎に条件判定して更新 を１度のクエリで行うことができる。集計処理などに便利。 基本 レコード（行）がなかったらINSERTあったらUPDATEという処理を１クエリで行える。 ユニークなフィールドに対して重複する行が挿入される場合はUPDATEという判定 なので利用には UNIQUEインデックス（かPRIMARY KEY）を指定する必要 がある

きっかけ BoxenはPuppetfileの書き方覚えないといけなかったり、一人で使うには結構面倒らしい。 以下のページを参考。 私もBoxen止めてBrewfile+brew-caskにした Macの環境構築にhomebrew-cask+Brewfile便利 Macの環境構築 確かにhomebrew-caskとかを使ったほうがシンプルで自分に向いてそう。 やったこと (追記@2016/1/8: これより下は結構変わっていたので更新) GitHub - Homebrew/homebrew-bundle: Bundler for non-Ruby dependencies from Homebrew を使う。 XCodeまわり $ sudo xcodebuild -license $ xcode-select --install Homebrewをインストール $ ruby -e "$(cu

OOCSSの欠点とEvery Declaration Just Onceのもたらすもの hail2uさんのこの記事を読んで、EDJO (Every Declaration Just Once)というCSSの記述アプローチを知ったので、僕なりに考えたことをまとめてみる。 OOCSSとEDJO OOCSSとEDJOの違いは、 名前を付ける向きだと思う。OOCSSでは、CSSからHTMLに、つまりCSSで定義したルールセットの名前をHTMLで使用するということ。そしてEDJOでは、HTMLからCSSに、HTMLの構造に名前が付き、その名前に当てるスタイルを定義するという流れだ。 デザインの意図やコンポーネントの見た目に対して名前を付けるのがOOCSS的アプローチで、文書構造や文書の意味に対して名前を付けるのがEDJO的アプローチなのかなと思う。 OOCSS的アプローチを取ると、.btn-larg

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個！ そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31

ネイティブ広告はウェブ広告の救世主となるか？ ネット広告の躍進の裏で、沈む主要4媒体 ■まずはこちらの画像をご覧ください。 こちらは毎年電通が発表している「日本の広告費」というデータの一部です（単位は億円）。 2005年～2013年の8年間で、新聞や雑誌はほぼ半分に落ちています。唯一成長を続けているのはネット広告だけですが、既存の媒体と違って広告枠に制限のないネット広告はいくらでも配信することが可能なため、需要と供給のバランスが取れず、製作単価は落ち続けています。 そんな中、これまでのインターネット広告とは違う形の「ネイティブ広告」が、救世主となるべく現れました。インターネットの普及に伴い、広告のありかたに変化が訪れていると考えられますね。そこで今回は、このネイティブ広告とは何なのかについて解説してみようと思います。 ■目次 ウェブ広告の常識を変える≪ネイティブ広告≫とは？ 1. 広告の常

Text Input Effects Simple ideas for enhancing text input interactions Haruki First Name Last Name Email Hoshi Name Street Town Inspired by Andrej Radisic's Jawbreaker input field Kuro Username Website Invitation Code Jiro Cat's Name Dog's Name Hamster's Name Minoru First Name Middle Name Last Name Yoko Street City Region Hideo Username Email Password Kyo What's your email? Akira First Name Last Na

ウェブ・フォントも完全に行き渡り、今はどう効率的に配信するかについて多くの時間を割くようになった。Google Fontsの低め安定路線を見限り、TypeKitやFonts.comへ鞍替えする人々も増えた。それと同時に自前でホスティングする人々も徐々にその数を増やしており、どれが最適解なのか一応の結論が出るにはもう少しかかるだろう。まず、ウェブ・フォントの読み込みにおいてどのようなアプローチがあり、どのようなメリット、そしてデメリットがあるのだろうか。 TypeKit等に頼るにしろ、自前でホスティングするにしろ、もちろん最終的にはウェブ・フォントをブラウザーに送りつける必要がある。読み込みとはまさにその部分の話だ。話がややこしくなるので、多様な実装を意識した安全な書き方などについては触れない。 普通に@font-face定義を利用 @font-face定義をただ普通に書く場合のメリットは、

An opinionated styleguide for writing sane, maintainable and scalable Sass. The Sass Guidelines project has been translated into several languages by generous contributors. Open the options panel to switch. About the authorMy name is Kitty Giraudel, I am a French front-end developer, based in Berlin (Germany) since 2015, currently working at Cofenster. I have been writing Sass for several years no

東京Node学園祭2014に参加してきました。 感想ですが、Node学園祭には初参加でしたが、色んな発表を見れたので勉強になりました。海外スピーカーの発表を中心に聞いていました。そこまで聞き取れたわけではないので、リスニングの勉強の必要性を痛感しました。。 次は何らかの形で発表できたらなと思います。 Node.jsコミッターを多く抱えているStrongloop CEOのIssac Roth(@ijroth)さんに英語で話して、グッズをもらえたのはいい思い出です。 以下は各発表の感想と資料をリンクしています。 nodeschool in Japan @maxogden NodeSchool Tokyo で公開されているチュートリアルを解いていくワークショップでした。 # node.jsの基本的なチュートリアル $ npm install -g learnyounode-jp $ learny

Node学園祭 2014 http://nodefest.jp/2014/ で使用したスライドです。本編30分。 リンク集 https://gist.github.com/ahomu/3d4a5e57bb7c936d8cab

マイグレーションというものについて私の考えをまとめてみたいと思います。 まず、マイグレーションの定義ですよね。 マイグレーションとはhttp://www.sophia-it.com/content/%E3%83%9E%E3%82%A4%E3%82%B0%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3 とかいろいろな意味があるんですが、ORMだったりdatabase周りで語られる場合は、 schemaのバージョン管理的な意味合いで良いと思います。 例えばMySQLで例を挙げますと、 CREATE TABLE `user` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(10) DEFAULT NULL, PRIMARY KEY (`id`), KEY `name_idx` (`name`)

SEO好きですか？私は嫌いです。そんな事に取り組むよりも仕組みやコンテンツの改善に取り組みたいです。今回はそんなSEO嫌いにお送りする、SEO対策集です。やってられないSEOは１日で終わらせてもっと生産的な仕事に集中しましょう！ まずは結論から 下記をテンプレートにしていただければ良いです。google検索表示もfacebook表示も上手くいきます。twittercardの表示だけは公式サイト（日本語）より申請がいるのでそれだけしておきましょう。 <title>Qiita - プログラマの技術情報共有サービス</title> <meta content="Qiita - XXX" name="title"> <meta content="ブログ記事詳細. 120字以内を心がけよう。その中でも最初の４０字は大事。" name="description"> <meta content='キーワ

先日「サーバーのセキュリティ設定がなにすればいいかわからない」と相談をうけまして。 自分も初心者の時どこまでやればいいかわからず手当たりしだいにやって沼に入っていたのを思い出しながら自鯖構築したときのメモを元にまとめてみました。 注意 セキュリティ対策は用途や場合などによって違います。 自分で理解したうえで自己責任でおねがいします。 対象読者 Linuxのサーバーを建て慣れていない人 Linuxはある程度さわれる人(自分でパッケージを入れたり、サービスを止めたりできる) ラインナップ ☆は導入の重要度と導入の容易さから個人的偏見からつけた値です。 4つ以上が"最低限やること"だと思ってください。 sshd