コーディング不要で簡単にデザインパーツが作成できるCSSジェネレーター8選
CSSでは様々なデザインを設定できますが、記述が難しかったり、記述量が多かったりして億劫になることがあるかと思います。やりたいことさえ決まっているのなら、その記述方法を瞬時に提案してくれる「CSSジェネレーター」が便利。 今回はオススメのCSSジェネレーターを8個に絞ってご紹介します。ぜひリッチなデザインのサイトを効率的に作っていきましょう。 CSSジェネレーター8選 1. CSS3 Generator http://css3generator.com/ UIがとても使いやすく、調整できる項目も多いジェネレーターです。Border RadiusやRGBAなど設定したいメニューを選択し、イメージを見ながら調整してくれるので、最終的に作成したいものへ近づけながら、作っていくことが可能です。 順次必要なCSSの記述をCopyし、手元のCSSファイルへ貼り付けていけば欲しいCSSが完成します。 2
[Bash][Tips]ログファイルを探索するために知っておきたいシェルコマンド [初心者向け] ｜ Developers.IO
こんにちは。こむろ＠札幌です。昨日・今日はとても涼しくて過ごしやすい気候です。 涼し気な写真を2枚ほど。 オロロンラインの途中にある白銀の滝 夕暮れ時の豊平川 はじめに 皆さんはログファイルの解析、目的の項目の抽出などはどのように行っているでしょうか？自分は普段Pythonを使い *1、テキスト処理などを行っていますが、シェルのコマンドの方が更にフットワーク軽く、文字列処理に特化した場合、かなり強力な機能があるよ、とのことなので今回はシェルを使ってログファイルのテキスト処理を実行します。 この記事の対象者は、以下のような意識低めな人たちです。 *2 iTerm2などのコンソール画面はそこそこ見慣れてるし コマンドはそこそこ打つけど 自分でシェルのコマンドを駆使してテキスト処理をしたことがないし 大体ググッてコピペすればどうにかなるでしょ的なノリで生きて来た そのため、パイプ（|）等のコマン
![[Bash][Tips]ログファイルを探索するために知っておきたいシェルコマンド [初心者向け] ｜ Developers.IO](https://cdn-ak-scissors.b.st-hatena.com/image/square/31534299f441d7da17028f4e8c96d3552da052ae/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F06%2Flinux.png)
ログ解析初心者に贈る便利なコマンドの使い方 - クラウドワークス エンジニアブログ
好きなMH（今はGTM？）はヴァイオラの那須（@nasum）です（アイスブレーク）。レッドミラージュも捨てがたいですが、ヴァイオラが一番好きですね。ちなみに好きなファティマは京です。 Webサービスを運営している以上、避けて通れないのがログ解析です。このログ解析あまり経験がないと何をどう始めたらいいのかよくわからないと思います。私自身今までログ解析の仕事をしたことがなかったので、わからない状態が続いているという危機感がありました。 そこで最近はできるだけ率先してログ解析の仕事があればそれをやるようにしてコマンド力を鍛えています。今回は教えていただいたり自分で調べたりして得られたログ解析するときに使うコマンドの使い方を紹介したいと思います。 以下簡単にログ解析の流れとともにコマンドを紹介します。やっていることは「ログに記録されたファイルサイズを合計して１日に配信される特定の条件を満たした応答
Arelでクエリを書くのはやめた方が良い5つの理由
はじめに：Arelって何？ みなさん、Arel（アレル）ってご存知ですか？ ArelはActive Recordの内部で使用されるSQL生成ライブラリです。 Railsのクエリの書き方をググると、ときどきArelを使った実装例が見つかるので、見たことがある、もしくは何度か使ったことがある、という人もいると思います。 Arelをよく知らない人のために、Arelの利用例をちょっと見てみましょう。 たとえば「コメント文中に、"ruby"が含まれるユーザープロフィールを検索したい」という場合、Rails標準のクエリインターフェースを使うと条件部分のSQLを文字列で書く必要があります。（PostgreSQL環境を想定） Profile.where( "profiles.comment ILIKE ?", "%ruby%" ).to_sql #=> SELECT "profiles".* # FROM
Dockerホストのパフォーマンスを引き出すTCPカーネルパラメータチューニング - tehepero note(・ω<)
2016 - 08 - 12 Dockerホストのパフォーマンスを引き出すTCPカーネルパラメータチューニング Docker Linux もう半年くらいフルDockerでmicroservicesなサービスを運用してるんですが、イマイチパフォーマンスを出し切れていないなという面がありまして、今回Dockerホストの TCP カーネル パラメータを抜本的に見直しました。 そしたら劇的に症状が改善して、 インスタンス 数も削減できた上に安定して メシウマ状態 になったので紹介します。実際効果があったのでチューニングポイントとしてはある程度正解であったと考えていますが、もちろん扱ってるアプリケーションの特性にもよるはずなので一つの ケーススタディ であることをご了承頂ければと。 前提 まずは今回のお話の前提を。こんな環境です。 EC2 c3.xlarge ホストは Ubuntu （EC2 Opt
React Server
Getting Started with React Server The easiest way to get started is with our yeoman generator. Open your terminal and type: # install yeoman npm install -g yo # install the react-server generator npm install -g generator-react-server # make a new react-server project in the CURRENT directory yo react-server # run the new app npm run start # go to http://localhost:3000 That hooks you up with react-
サニーデイ・サービスの新作が常軌を逸している - 日々の音色とことば
サニーデイ・サービスのニューアルバム『DANCE TO YOU』を、リリースされてから繰り返し聴いてる。すごくよい。最初はピンと来なかったんだけど、何度か聴くうちにどんどんハマってきた。その「よさ」の輪郭がクリアになってきた。 これ、相当ヤバいアルバムだ。ドラッギーだとも言える。ちょっと聴いただけじゃ気付かない。基本的にはゆるいテンポのダンサブルなリズムの楽曲が並ぶ、軽やかでポップなアルバムだ。スロウなディスコビート。ファンキーなベースライン。お洒落なエレキギターのカッティング。メロウな旋律に乗せて、曽我部恵一が持ち前の柔らかい歌声を響かせる。 だから「いいアルバムだよね」「ですよね」みたいな感じで消費されてしかるべきだと思う。そんな風に聴かれても何もおかしくない。 が、よくよく耳を凝らして聴くと、ヒリヒリした感触、精神の暗がりみたいなものが透けて見えてくる。 今回のアルバムについてナタリ
思考のスピードの速い人の健全な｢疑い方｣
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
ActiveRecordのmergeは使える子 | mah365
mergeはmergeでもHashじゃなくてActiveRecord::SpawnMethodsのmergeなのです。 join先のテーブルの条件で絞り込みたい class Entry < ActiveRecord::Base has_many :comments end class Comment < ActiveRecord::Base belongs_to :entry end 例えばブログのエントリーの公開・非公開がいつでも切り替えられるとして、非公開になっているブログのコメントを抽出したいな、と思ったとします。 公開・非公開かはentriesテーブルのpublished_atカラムにDateTimeがセットされているかされていないかで分かるとすると、以下のようなコードになると思います。 Comment.joins(:entry).where(entries: { publishe
ヒートマップ解析でブログ内のユーザーの動きを見える化した結果と、それによる広告位置などの改良 - Life is colourful.
先日下の記事で、ブログ訪問者のページ内での動きが「見える化」できる『Ptengine』というツールが紹介されていて、なにやら面白そうだった。 ▶【絶好の収益ポイント】一般の来訪者がどこをクリックするのかわかったよ - 透明の壁 当ブログでも、以前よりブログのレイアウトを最適化したいと思っていたところに、ちょうどいい記事と出会ったので、さっそくこのPtengineを導入してみた。 具体的に検討したかった項目は以下の項目。 ブログ内の広告の配置 おすすめ記事、関連記事リンクの配置 1、2を含めた記事下CTA（Call to Action）の最適化 あえてヒートマップで解析するまでもなく、一般的に広告は記事下がクリック率が高いとされている。また、クリック率だけならAdsenseの数値を見ればすぐわかるわけだが、まぁ一度ヒートマップで読者の動きを可視化して、解析結果を自分の目で確認すれば納得できる
開発者必読！ソーシャルゲーム開発の参考になるスライド10選
ソーシャルゲーム開発の参考になる資料はネット上にたくさんありますが、数が多すぎて何から見ればよいのか悩んでしまいます。 そこで今回は、ソーシャルゲーム開発の参考になるスライドを10個厳選してご紹介します。 データベース設計や高負荷対策、失敗事例、失敗談を紹介しているスライドを集めましたので、ぜひご自身の開発に役立ててみてください。 目次 ・ソーシャルゲームのためのデータベース設計 ・サーバー未経験者がソーシャルゲームを通して知ったサーバーの事 ・ソーシャルゲームDBの危機回避 ・大規模ソーシャルゲームを支える技術～PHP+MySQLを使った高負荷対策～ ・大規模ソーシャルゲーム開発から学んだPHP&MySQL実践テクニック ・PHP+MySQLを使ったスケーラブルなソーシャルゲーム開発 ・CEDEC2013 ソーシャルゲームの開発現場でUXについて思いっきりあがいてみた1年間の話 ・データ
1日野菜350gの根拠って？ - おまきざるの自由研究
野菜350g！ 1日野菜350gは健康日本21の数値目標 野菜350gの役割 野菜350gの量はこれくらい 野菜350g！ 巷でよく見かける「野菜350g」．その意味は「野菜を1日350g食べましょう」，ということです． でも，どんな野菜を350食べるのか，そして野菜350gの由来を説明できる人はどれくらいいるでしょう？ 私も説明できないまま「野菜350g」だけがインプットされていました． そこで，このエントリーでは「野菜350gの根拠はなんぞや？」ということをなるべく簡潔に述べたいと思います． 1日野菜350gは健康日本21の数値目標 1日野菜350gの根拠は健康日本21． 健康日本21とは「21世紀における国民健康づくり運動（健康日本21）」と呼ばれる，平成12年から展開された第3次国民健康づくり対策のことです（第1次は昭和53年から，第2次は昭和63年から）． 健康日本21は，心臓病
インスタ検索で「肉の分厚さ」までチェックする。お店の写真は盛ってるから。女子大生100人に聞いた「スマホ検索」の実態（88％がツイッター検索を、49％がインスタ検索をつかう）｜アプリマーケティング研究所
インスタ検索で「肉の分厚さ」までチェックする。お店の写真は盛ってるから。女子大生100人に聞いた「スマホ検索」の実態（88％がツイッター検索を、49％がインスタ検索をつかう） 首都圏の女子大生100人に「スマホ検索」についてのアンケートを実施しました。（※全体を正確に調査したものではありません） ■スマホで一番よくする検索は「グーグル検索」まず、一番よくつかう「スマホ検索」を聞いてみたところ、以下の結果になりました。つかう頻度としては、検索エンジンが圧倒的に多いようです。 ・グーグルでの検索 58％ ・ヤフーでの検索 34％ ・ツイッターでの検索 7％ ・インスタでの検索 1％ グーグル検索は「調べモノ」につかう。 女子大生の声： 「脇の下のリンパが痛い」みたいな、病気だったり体調のことは、絶対にインスタだと見つかりません。そういうのはグーグルです。 「乗り換え案内」とか「テレビ欄」とか、
iOS 10とMac OSにおけるニューラルネットワーク | POSTD
Appleは、長年、自社製品に機械学習を使っています。例えば、Siriは、あなたの質問に答え、楽しませてくれます。iPhotoは、写真の中の顔を認識します。メールアプリは、スパムメッセージを検知します。アプリ開発者なら、 顔認証 のようにAppleのAPIで公開されている機能の幾つかを利用できます。iOS 10から始めて、音声認識やSiriKit用のハイレベルAPIを入手しましょう。 時々、プラットフォームに内蔵されているAPIの狭い領域を超えて、独自のものを作りたいと思うこともあるでしょう。多くの場合は機械学習を始動させますが、その際、たくさんの既成のライブラリのうちの1つを使ったり、高速計算能力を持つAccelerateやMetalの上に直接組み上げたりして実現します。 例えば、私の同僚が構築したオフィス入室システムは、iPadを使って顔認証を行い、SlackにGIF画像を投稿して、ユ
シングルページWebアプリケーション
シングルページWebアプリケーション（SPA）は、最近注目を集めているWebアプリケーションのアーキテクチャです。SPAは、ユーザがアプリケーションを使っている間、Webページ全体をロードすることがなく、レスポンスが高速でUI/UXに優れているという利点を持っています。かつてはJavaアプレットやFlashといったWebブラウザのプラグインに依存する必要がありましたが、近年ではJavaScriptを使ったSPAが現実的になってきています。JavaScriptベースのため、既存のWeb開発スキルの活用が容易であり、新しいデバイスへの対応も比較的簡単です。本書では、クライアントでJavaScriptを使ったSPAを採用するだけでなく、WebサーバにNode.js、データベースにMongoDBを使うことで、フロントエンドからバックエンドまでエンドツーエンドのJavaScript SPAの仕組みと
iTunesConnectでのアプリスクリーンショットの簡易提出が可能になりました🎉 - Qiita
本日から、iTunesConnectでのアプリスクリーンショットの簡易提出が可能になりました🎉 Simplified Screenshot Submission Process - News and Updates - Apple Developer 説明動画はこちらです: What's New in iTunes Connect - WWDC 2016 - Videos - Apple Developer http://qiita.com/nerd0geek1/items/a0e67e794670d8c79492#screenshot-simplification でも紹介されていますが、要点は、 iPhone・iPadそれぞれの最大サイズのスクリーンショットをアップロードするだけで、自動で小さいサイズ用にリサイズ表示してくれる Other Sizesから、他のサイズのスクリーンショッ
【新機能】新しいロードバランサー Application Load Balancer（ALB）が発表されました | DevelopersIO
target2の場合も同様に作成します。 ターゲットグループにインスタンスを登録する 作成したターゲットグループにEC2インスタンスを登録します。 ターゲットグループを選択してコンテキストメニューでインスタンスの登録と登録解除をクリックするか、ターゲットタブの編集をクリックします。 インスタンスtarget1-aとtarget1-cを登録します。 ALBにインスタンスが登録されます。ロードバランサに登録していないため状態はunusedとなります。 同様にtarget2にもインスタンスtarget2-aとtarget2-cを登録します。 ALBを作成する ALBを作成します。アプリケーションロードバランサーを選択します。 ロードバランサの基本的な設定を行います。 プロトコルはHTTPとHTTPSのみとなっています。今回はHTTPSを選択します。 HTTPSを選択したのでSSL証明書を選択しま
Terraformを使ってOpenStack VMにKubernetesクラスタをデプロイする
Kubernetes用VMイメージの作成 Packerを使う Kubernetesクラスタの構築がしやすいよう、あらかじめ主要なパッケージがインストールおよびセットアップされているOpenStackのVMイメージをPackerで作成します（図3）。 Packerを使い、etcdに関するパッケージなど全てのVMで共通で使用するパッケージは事前にイメージに取り込みます。 こうすることで、VMを立ち上げた初期状態でKubernetesを構築するために、ある程度準備された環境が提供され、後のデプロイ作業を効率化します。 図3. PackerによるKubernetes用VM作成 Packerの設定とイメージ作成 OpenStackに上がっているVMイメージをベースにKubernetes用のイメージを生成します。 手元にイメージをダウンロードする必要はありません。 JSON形式の設定ファイルに変数（v
【DBまとめ】MySQLからPostgreSQL,SQLiteまで - Qiita
現在、世界中で最もよく利用されているオープンソースのデータベースのひとつです。 高速で使いやすいことが特徴です。 ABOUT MySQLは非商用利用なら無償で入手して使える。 商用利用の場合、ライセンスの購入が必要（デュアルライセンス） マルチユーザ対応であるため、複数の人が同時に利用するWebアプリケーションのようなシステムに使うデータベースとして適している。 レンタルサーバーのデータベースとして使われていることが多く、数千万から数億件のレコードを取り扱っている事例も存在する YahooやGoogleなどのサイトでも使用されている シンプルで速く、PHPなどとの相性が良い分、弱点としてやや機能的な面で不十分さがあるとの指摘も OTHERS 文字列の連結に+演算子や||演算子を使うことができない。文字列の連結にはCONCAT()を使う FULL JOIN句を利用できない UNION以外の集
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
渋滞学の第一人者･西成活裕教授が解明した「渋滞を解決する方法」 (1/2)
ゲームをつくり続ける理由。あるいは選択、失敗、そして挑戦について──小島秀夫