Bootstrap 4ではそのインストール方法をはじめ、グリッドの単位やレスポンシブ用のclassが変わり、そしてカードやツールチップなどの新しいコンポーネントやレイアウトにFlexboxも利用できるようになりました。 Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点をまとめたリストを紹介します。 How to Migrate from Bootstrap Version 3 to 4 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Bootstrap 4で変わった点 Bootstrapのファイル構造 Bootstrap 4のインストール グリッドシステムのアップデート リセットは、「normalize.css」から「reboot.css」に classの変更とアップデート タイポグラフィ テー
こんにちは。株式会社FREE WEB HOPEの代表取締役社長 相原 祐樹です。Webマーケティングは、やるべき事や覚えなきゃならないことが沢山あります。何か調べ物をしようとした時に情報が抽象的だったり、概念的だったりと最終的には調べることに疲れてしまった……なんて経験はありませんか？ 僕はいつも思っていました。 「考え方やマインドセットはいいからやり方を教えほしい」ということを。 そこで、もう自分でWebマーケティングで中小企業がやるべき事を時系列でわかるようにまとめてしまおう思い、「中小企業が今すぐ出来る 実践！WEBマーケティング大全（全116ページ！）」を執筆しました。 実際に僕の会社が設立から4000万/1億/3億/5億(たった8人で)と毎年伸び続けてこられたWebマーケティングに関する5年分の情報を全て整理して分かりやすく解説しています。 本記事では、その中から弊社の得意とする
先日書いた「人工知能が描いた絵がすごい」というツイートが現在もトレンドに入り続けているので、どのくらいすごいのかさっそく自分でもやってみることにしました。 元ツイートはこちら。 人工知能が写真を元に「特定の絵柄っぽく真似して描いた絵」がどれもすごすぎる。すごすぎて今後こういうイラストレーターさんの仕事が心配になるレベル。 https://t.co/AhlHtkHrbg pic.twitter.com/lWd20c3nWK — 吉永龍樹（よしながたつき） (@dfnt) 2016年3月14日 この研究の元になった論文（英語PDF）はこれですが、読むよりも実際に試した方が早いと思いますので、本記事では驚きのある結果画像のみをまとめています。 まずは元になる写真を用意しなくてはいけないので、前にインタビュー記事で撮ってもらったこの写真を使うことにしました。 それなりに空白があり、人の顔という難し
アプリマーケティング研究所 > アプリ開発 > 世界3,200万ダウンロード、単月黒字化も達成。フリマアプリ「メルカリ」が語るマーケティング、検索結果にあえて「売り切れたモノ」を置いている理由。 世界3,200万ダウンロード、単月黒字化も達成。フリマアプリ「メルカリ」が語るマーケティング、検索結果にあえて「売り切れたモノ」を置いている理由。 今回は、日米3,200万ダウンロードのフリマアプリ「メルカリ」を取材しました。 ※株式会社メルカリ 取締役 濱田優貴さん(左)、プロダクトマネージャー 山本久智さん(右)、広報 中澤理香さん 「メルカリ」について 「メルカリ」についておしえてください。 濱田： 誰でもかんたんに売り買いできる「フリマアプリ」です。ダウンロード数としては世界3,200万ダウンロード（日本 2,500万、アメリカ 700万）です。OSで見ると、iOSのほうがすこし多いですね
>>> $ py.test ../tests/test_webapi.py =============================================================================== test session starts =============================================================================== platform darwin -- Python 2.7.5 -- py-1.4.31 -- pytest-2.7.0 rootdir: /Users/*****, inifile: pytest.ini plugins: cache, django, pep8, pythonpath collected 2 items ../tests/test_webap
どうも、まさとらん（@0310lan）です。 今回は、地図上にデータをマッピングすることで、さまざまな情報を「見える化(可視化)」できるWebサービスの活用法についてご紹介しようと思います！ マッピングが出来るようになると、単なる「データの集まり」だったものが視覚的にとても分かりやすくなるので非常に便利です。 誰でも簡単に扱える定番のマッピングサービスから、地図アプリなどの開発に役立つモノまで取り上げてご紹介しようと思います。 ちなみに、マッピングをするのに必要な「データ」に関しては、無償で利用できるオープンデータをまとめたサイト「LinkData」に公開中のモノを利用しているので、みなさんもぜひ一緒にトライしてみてください！ ■「Googleマイマップ」を活用しよう！ まずは、誰でも扱いやすいGoogleの「マイマップ機能」を使って、簡単なマッピングに挑戦してみましょう！ データは、Li
以前、プラグインで拡張可能な文章校正ツール textlint で小説の作法を検証するための規則を作ったのですが、textlint はコマンドラインツールであるために利用するまでのハードルが高い状況でした。 Sublime Text や Atom などのプログラマ向けエディタを利用していれば、textlint のプラグインが使えたりするのですが、今回はより簡単に利用できるように Chrome の拡張機能として textlint をブラウザ上で使えるようにしてみました。 インストールはこちら: 【Chrome ウェブストア】 textlint: 文章チェッカー インストールすると、ページ内の編集領域で文章入力中にリアルタイムで校正してくれるようになります。（もちろん ON/OFF できます） textlint に最近追加された自動修正機能にも対応しているので、ボタン一発で自動で修正されたりしま
いろんなサーバーにsshしてちょろっと設定を確認したりするときってあると思います。 ただその時にllがつかえなかったり、vimのタブが空白4つがいいのに8文字分の広さのtab文字だったりして、ちょっとずつストレスが溜まっていきます。 やっぱりserverfaultでもおなじ苦労をしている人がいました。 vim - How to bring .vimrc around when I SSH? - Server Fault http://serverfault.com/questions/33423/how-to-bring-vimrc-around-when-i-ssh ただここにあるようにdotfilesとして保存して先でcloneするのもとても面倒くさい。第一各サーバーへ変更を入れないといけないし。SSHの秘密鍵みたいに携えていきたい。 そこで探していたらsshrcというツールを見つけて
リクルートが自社の新卒採用において新しい取り組みを始めました。新卒の幅を「30歳以下」にまで大きく広げたことで話題となっています。さらに、すでに卒業していたり、他の会社で働いていたりしても2016年4月に入社可能なら応募可能とのこと。この施策の目的や立ち上げの経緯などを、リクルートホールディングス IT人材統括室の夏目和樹氏が報告会で語りました。 夏目和樹氏（以下、夏目）：よろしくお願いします。それでは新施策報告会を始めさせていただきます。 夏目和樹と申します。リクルートホールディングスIT人材統括室に所属しており、リクルートホールディングスに中途入社。前職は「面白法人カヤック」というところで働いていました。面白法人カヤックでは、新卒で広報に入ってから人事、そしてセブ支社長という流れです。 過去にやってきたことは「人事×プロモーション」で、採用プロモーションという枠組みをつくってました。採
私はここ最近、写真のRAW現象という作業がとても好きになっていて、そのことについて書こうと思います。RAW現像って何？って方は、解説している記事がネットにたくさん置いてあるのでググってください。 今週のお題「好きな街」ということだったので、最近、RAW現象をやり直した「好きな街」の写真を集めてみました。 なぜRAW現像するか？ あくまでも私の撮影スタイルについて書きますね。これがベストとかそういうことではなくて。 理由１：撮影中はカメラ操作を最小限にしたいから 私の場合、撮影中は「構図」と「絞り」だけを考えてます。カメラ操作は絞りのダイヤルを回すだけ。単焦点レンズしか使わないのでズームリングを回すこともない。「絞り」「ピント合わせ」以外のカメラ操作は基本的にしないことにしています。ファインダーから目を離さずにすべて完結する。そうすることで、撮影することに集中できる。 写真の味付け（ホワイト
Photoshopで「画像の中にある●●を消す」といった作業は画像編集でよくある作業だと思います。 togetterで「初心者のPhotoshop加工はプレデターが生まれる→「例えが秀逸」「あるある」と腹を痛めるTL」というまとめがありました。その最初のツイートがこれ。 僕がPhotoshopを教えていて一番好きな瞬間は、「○○を消せ」系の初心者向け課題で、必死で作業すればするほどプレデターを次々に生み出して絶望していく生徒に「もうお前の地球は終わりだ」と講評することです。 pic.twitter.com/gEpXGVx7xo ? ﾚｲﾆｰ氏 (@moeebu) 2016年3月8日 おもしろい例えですね。スタンプツールで補正をすると、同じパターンが連続してしまうパターンです。 Photoshopで●●を消す作業の基本はスタンプツールですが、スタンプツールでチマチマ消す時間もない！という方に
かるび（@karub_imalive)です。 一部の読者さんにはお知りおき頂いているのですが、この春に一旦17年間続いた社会人生活を小休止させて、5月から1年間のお休みを自主的に取ることにしています。 そこで、今日は自分自身の社会人生活で、一番役に立った「資格」について考えてみたいと思います。 自分自身、マニアックで何にでものめり込みやすい性格なのか、「覚えこんで詰め込む」いわゆる受験勉強や資格勉強が苦にならないタイプです。これまで、割と資格試験には気軽に挑戦してきました。取得後にどう役立てるかよりも、とりあえず面白そうだし、ヒマだから取っておくか、っていう感じで。 結果としては、こんなに資格を受けなくてもよかったかな、と。もう少し学生時代に勉強しなかった哲学とか社会学、西洋思想みたいな人文科学系や社会科学系のリベラルアーツぽい勉強をじっくりやっときゃよかったな、とは思うものの、受け散らか
ある会社でインターンを実施した時の話だ。 一通りのカリキュラムを終えてもらい、アンケートを取った。そして、そのアンケートの中に、「なんでも疑問があったら書いて下さい」という設問があったのだが、そこに面白い疑問が書いてあった。 「なぜ、管理職は給料が高いのですか？ プロ野球チームは監督よりも現場のほうが給料がいいですよね。 管理職の方が「いや、僕の仕事は現場じゃなくて、皆が仕事しやすいような環境を作ることだから」と言っていたので、気になりました。」 素朴だが重要な疑問だ。これを管理職の方に見せたところ、誠実に回答していたので、抜粋をご紹介する。 質問ありがとうございます。 「管理職はなんで給料が高いんですか？」という疑問、最もだと思いました。順を追って回答します。まず、給料がどうやって決まるのか、という話です。 普通、給料は「成果への貢献度」によって決まります。つまりプロ野球であれば「チーム
MySQLではできないことができるデータベース(広義)達
自分は一応暫くMySQLの開発者だったので、MySQLでできることできないことはすぐわかる訳です。現実的な問題と対峙すること１年間、MySQLは使えることにしか使わないわけで、そうすると構築してしまうと、アラートメールが全く来ないので、水や空気のように存在を忘れてしまいます。でも、使えないことには全く使う気がしないわけで…。というわけでMySQLは結局逆にあまり触れていません。限られた範囲では完成を見ているというわけでしょうか。 データを処理して何か貯めて利用できるものをデータベースとするならば、MySQLを適用する気も起きないような領域があって、近年はそのような領域に挑む別の道具が出てきています。 今回は趣向を変えて、いろいろ現状MySQLでは扱えない問題の解決法を模索したことについて少し触れます。MySQLを離れた話題ですが、いつか遠い未来にMySQLの世界に持って帰る事柄かも知れませ
2016 - 03 - 12 広告配置変えたら5倍くらい儲かるようになった話する？ インターネット シェアする Twitter Google+ Pocket 最初にお伝えしておいた方が良いと思うので先に言っときますね。 この記事は 「１PVあたり0.1円に満たなかった収益が配置変えたら0.3～0.5円程度になった」 という記事です。 すでにそのくらいの収益率を上げている方には何の役にも立たない記事ですのでご了承ください（笑） あくまでも 「PVの割に収益すくねぇんだけど・・・なぜ？？」 って人用です。 それともう一つ。 この記事内容はあくまでも 個人的な仮説 です。 特にgoogleが公式に発表してる内容であるとか、そういう 確実な根拠 はありません。 なので、同じことをしたからと言って確実に効果がでる保証は一切ありませんのでそこんとこよろしくです♪ クリック単価の乱高下 まず
震災から５年が経とうとするある日、 １通のメールが届きました。 ちいさな縁はつながって、 福島第一原子力発電所のなかを 視察できることになりました。 約３時間の視察。 そこで、見たこと、感じたこと。 すこし長いレポートになりました。 担当は、ほぼ日の永田です。 福島第一原子力発電所がどういう存在であるかは 見る人の立場や考え方によって、 さまざまに変わってくるのだと思う。 事故のあった原子炉として語られることもあるし、 ある思想の象徴としてとらえる人もいる。 そこに好きとか嫌いとかの感情や、 是か非かみたいな主張が交ざると、 さらに複雑な見え方をすることになる。 福島第一原子力発電所は、いわば多面的な存在で、 だからこそ、それについてなにか書くときは、 なんとなく前置きや注釈を添えなければならず、 そこが、すこし、ややこしい。 昨年の11月、糸井重里と、 原子物理学者の早野龍五さんとともに
先日無事入籍を終え、結婚式に向けてあれこれ準備が必要になるということで、友人の何人かがやっていたように家庭内でRedmineを導入した。「結婚式準備」プロジェクトを立ち上げて暫く運用していて 最近ようやく運用が落ち着いてきたため、今度は少し欲が出てきた。 現状、チケットが更新されるタイミング・何のチケットが更新されたか等タイムラインでしか把握できない状態になっているので、Slackを使って チケットが更新されたらリアルタイムに通知が飛ぶようにした。最近一部の界隈では家庭内でこういうツールを導入するのもよくある流れになってきたのかなあとは思う(ねーよ)ので、流行に便乗してみようといった所だ。導入・設定に苦戦するかなあと思ったら、元々Redmineが入っている状態から15分くらいで意外とサクッと導入できた。 これまで 家庭内でRedmineを導入したのはおよそ一ヶ月前のことだ。使い方としては、
ステップ数で評価が決まる現場では全く役に立たないテクニックではありますが、ソースコードの減らし方について紹介したいと思います。 開発Div. エンジニアのayasudaです。 2014年の夏にジョインし、会社名と同じサービス、クラウドワークス の開発に携わっています。 ご覧の通り、消したソースコードの方が多いので、ステップ数換算だとマイナスの働きしかしてませんね！ 本記事では、特に Ruby on Rails の運用されているプロダクトコードにおける、ソースコードの減らし方について紹介していこうと思います。 基本的な考え方 ソースコードを減らすときの大原則は「ボーイスカウト・ルール - プログラマが知るべき97のこと」です。 普段、ソースコードを触るときに、一つでも良いので簡単な改善を入れる。これを積み重ねるのが大事です。 一度に一気に直そうとするのはあまり良くありません。大抵の場合、デグ
睡眠はあなたが想像している以上に大切だったんです。 睡眠時間が異なる参加者を集めて実験が行なわれました。夜しっかり寝るグループ、数時間だけ寝るグループ、そして一睡もしない徹夜グループ。この3グループを比べた結果、なんと数時間しか寝ないのは、徹夜するのと変わらないということがわかりました。 ワシントン州立大学の研究チームによっておこなわれた睡眠の実験。参加者にとっては簡単な実験ですよね。寝て、アンケートに答えて、心理テストを受けるだけ。でも、なかなかおもしろい結果が出ました。2週間の間、毎日6時間しか寝なかった人と2日間徹夜をした人とではテスト結果が変わらなかったのです。この研究結果はSleep紙に発表されています。 2週間に及ぶ実験には48人が参加し、｢8時間しっかり寝る人｣、｢4時間寝る人｣、｢6時間寝る人｣でグループ分けされました。このほかに、3日間の実験で｢徹夜をし続ける人｣のグルー
みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
薄い財布 — for Men — 18,200円（税込） お札・小銭・カード（3〜5枚）・鍵をまるごと収納できる「世界一薄い二つ折りメンズ財布」を目指し、開発しました。 雑誌や新聞にも多数掲載されている、スーパークラシック一番の人気商品です。 同じ革の「薄いカードケース abrAsus(アブラサス)」（別売り）を挿しこみ、一体化してご利用頂くこともできます。 薄い財布 — for Ladies — 18,200円（税込） 「ちょっとした外出にもパーティーなどのフォーマルシーンにも活躍する、世界一薄い二つ折りレディース財布」を目指し、バッグやポケットに入る極薄財布を作りました。 薄さや機能性は「薄い財布 abrAsus(アブラサス) for Men」と同じまま、バイカラーなどエレガントなレザーで仕上げています。プレゼントにもぴったりです。 薄い財布 — classic — 20,800円（税
こんにちは。Webエンジニアの田島です。 ここ10年くらいでWebサービスやソーシャルゲームの市場が大幅に拡大し、それに伴いプログラマの需要も伸びています。 将来的な職業も見据えてプログラミングを学ぼうと思っている高校生や大学生の方も多いのではないでしょうか。しかし、一口にプログラミングを学ぶと言ってもその言語の種類は様々。 特に前提知識のない初心者ほど、そもそも何から学べば良いのかわからない！という声はよく聞きます。そんなときは、あなたが作りたいものをまず最初にイメージしてみることをオススメします。 そして、そのサービスや作品がどういうプログラミング言語で動いているのかを知り、その言語を学ぶことから始めると良いです。 今回は、世の中の有名なWebサービスからメディアアート、ゲーム作品に至るまで多数取り上げ、それらがどういったプログラミング言語（ツール）で動いているのかを紹介します。 是非
本発表にあたって、ガートナーのリサーチ バイス プレジデント兼最上級アナリストのニック・ジョーンズ氏は次のように語っている。 「IoTには非常に広範囲の新しいテクノロジーとスキルが求められますが、多くの企業はまだこれらを使いこなしていません。IoTの領域では、テクノロジーとサービス、さらにはこれらを提供するベンダーが未成熟であるということがテーマとして繰り返し話題に上ります。IoTに関して取り組みを進める、あるいはこれから始める企業にとって、このような未熟性を念頭に置いて開発を進めること、ここから生じるリスクを管理することが、これからの重要なチャレンジとなります。また、IoTに関する多くのテクノロジー領域では、スキル不足も大きな課題になるでしょう」 ガートナーが発表した2017年および2018年に注目すべきIoTテクノロジーのトップ10は次のとおり。 IoTセキュリティ IoTアナリティク
2016年03月11日08:00 【3.11忘れない】もう一度みよう 3.11東日本大震災の衝撃動画 Tweet 転載元：http://hayabusa3.2ch.sc/test/read.cgi/news/1457569534/ 1: ダイビングヘッドバット(catv?)＠＼(^o^)／ 2016/03/10(木) 09:25:34.87 ID:ok7KfrHX0.net BE:511393199-PLT(15073) ポイント特典 すぐそこに津波が【被災者が残した動画】2011年3月11日 宮城県亘理町荒浜 https://www.youtube.com/watch?v=oQA29tKMYac 3.11 東日本大震災 釜石市大津波 地元TV局が捉えた魂の記録映像 https://www.youtube.com/watch?v=1OVgpcxjZvA 2011年3月11日 東日本大震災
本記事はテストコードを「書いたことない」、「いらない」、「意義がわからない」 といった方々に、「書いたらちょっとはいいとこあるよ」と紹介する記事です。 そもそも書き方がわからない ※バリバリテスト書いてる人は飛ばしてください テストコードの書き方って習ったことありますか？ そういえばないなーなんか難しいことやるんでしょ？ って方もそれなりの数いるような気がします。 まず結論から言えば、テストコードは基本的に、 割と泥臭いよ！ なんか自動的にソースファイル内の関数引っ張ってきてくれて、 値評価とかもしてくれる。でも難しいんでしょ？ と思ってたりする人もいるんじゃないでしょうか。 そう思っていた時期もありました。 (探せばあると思いますがたぶんお金かかる系。むしろお金取れる系) 簡単に例を挙げますと、 犬の鳴き声を国を指定して取得する関数
先日別のチームから、 「PHPで作成したWebアプリの速度が遅いので助けてくれー」 という相談を受けた。 対応したものの、結構時間がかかって面倒だったので、 今後こういった問題が起こった時に使えるよう、チェックリストをまとめてやった。 基本的な内容だけど、 このチェックリストの内容をやってみて、それでもダメなら相談しなさい、 と伝えておくことで相談を減らすフィルタとして働いてくれるはずだ。 PHPプロジェクトに限らず、バックエンドでデータベースを使用している Webアプリのプロジェクトなら試す価値のあるものが多いはず。 調査や対応方法の手軽さ順で並べるとこんな感じ: Webブラウザのデベロッパーツールでレスポンスを計測する Webサーバ(Apache)のリクエスト時間をログに出力する ログ解析ツールでURL毎の付随リクエスト数を確認する データベースのスロークエリログを出力する プロファイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
