「GoogleAnalytics見てアクセス解析して」って言われた時にまずしていること - Qiita
はじめに 僕はウェブサイト制作会社でサイトの運用・アクセス解析担当をしている者です。 ウェブサイトの制作・リニューアルを受注した際にプロジェクトに参加し、クライアントの現状サイトのアクセス解析とレポート作成、リニューアル提案が主な仕事です。 クライアントと直接相対するディレクターから「GoogleAnalyticsの権限もらったからアクセス解析して」とオーダーを受け、アクセス解析を行うことになります。 そもそも、初めて見るサイトを構造から理解し、リニューアルに資する提案ができるようなインサイトを得るまで分析するのは本当に骨が折れます。 さらに（全くの主観ですが）、多くのクライアントはGoogleAnalyticsを「タグ貼っただけ」状態で放置しています。 そのため、計測したデータが整理されていない・そもそも正しく計測できていないということはよく起こります。 そして、そのような計測エラーがノ
（2019.02.23に書いたブリコルールのブログ記事の引越しです） 写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。まあまあアニメのワンシーンのようにも見えなくもない？？ 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、photoshopを使います。 ベースとなるレイヤーを作成・調整する もとの写真はこちらです。 なんの変哲もない、何年か前に撮ってフォルダの奥底で眠っていた写真ですが、空を抜きやすい写真を選ぶとよいです。 【イメージ】＞【色調補正】＞【HDRトーン…】を選択します。 他のサイトなどでもHDRトーンを使って紹介しているところは多いです。私もこれを使います。HDRトーンの正しい使い方は正直なところ自分はわかっていません…。調整がまと
画像処理は難しい。 Instagramのキレイなフィルタ、GoogleのPhoto Sphere、そうしたサービスを見て画像は面白そうだ！と心躍らせて開いた画像処理の本。そこに山と羅列される数式を前に石化せざるを得なかった俺たちが、耳にささやかれる「難しいことはOpenCVがやってくれるわ。そうでしょ？」という声に身をゆだねる以外に何ができただろう。 本稿は石化せざるを得なかったあの頃を克服し、OpenCVを使いながらも基礎的な理論を理解したいと願う方へ、その道筋(アイテム的には金の針)を示すものになればと思います。 扱う範囲としては、あらゆる処理の基礎となる「画像の特徴点検出」を対象とします(実践 コンピュータビジョンの2章に相当)。なお、本記事自体、初心者である私が理解しながら書いているため、上級画像処理冒険者の方は誤りなどあれば指摘していただければ幸いです。 画像の特徴点とは 人間が
アクセス解析担当が必ずやってるGoogleAnalytics設定のまとめ【2018年版】 - Qiita
この記事について 「GoogleAnalyticsの設定、どうしたらいいんだっけ...」と迷ったときのためのレファレンスです。 新規のサイトを立ち上げる時・GAの再設計がしたくなった時に参照してください。 のちのちアクセス解析しつつ改善していくために、できるだけ汎用的にデータを拾っておく 可能な限り、非コーダーができる作業で完結させる というのをテーマにまとめました。 STEP 0: GTM・GAのアカウントを取得 Googleのアカウントがあれば、驚くほど簡単に取得できます。 GoogleAnalyticsのアカウントを作る GoogleTagManagerのアカウントを作る 基本的には、GoogleTagManager（以下、GTM）経由でGoogleAnalytics（以下、GA）を導入します。GTMの使い勝手がよいのはもちろん、GAをカスタマイズしたくなったときに、コーダーの手を借
作成：2014/04/21 更新：2014/10/24 Web制作 > 前回コーポレートサイト制作が捗るjQuery プラグインをまとめましたが、今回はCSS版ということで、使用頻度が高いものと、これから必要になりそうなものを、忘れないようにメモしておきます。コーポレートサイトやWeb サービスサイトでさりげなく使われているものや、今後増えそうなものなど。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 横並び １．今までの回り込み解除 ２．横並びや並び順 ３．均等に並べる／段組み ナビゲーションメニュー ４．多階層 ドロップダウン ５．amazon風 メガドロップダウン ６．ドロワーメニュー コンテンツメニュー ７．モーダルウィンドウ ８．アコーディオン ９．タブパネル テーブル １０．ストライプテーブル １１．レスポンシブ＋テーブル リスト １２．カウント
after:2006/03/31 before:2006/04/1 ※世界標準時。日本の日付とズレる。
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません
楽天で年間数十万円使う程度のそこそこヘビーユーザーの僕が、楽天のメルマガ攻勢に耐えぬく為に行っている設定をご紹介します。 ネットでは楽天は結構嫌われているように思います。楽天が嫌われる最大の理由の一つは、一度でも買い物しようものなら大量に届き始めるメールマガジンという名の迷惑メールでしょう*1。 しかもこれ、わざとか知りませんが、楽天本体や楽天内の各ショップから来るメールはFromアドレスやX-何とかヘッダなどによる仕分けが出来るようには全くなっていません、しかも注文確認などの重要なメールは残したいとなると、この仕分け問題は更に困難を極めます。 そこで僕が行っている基本戦略は↓こんな感じです。 楽天専用のメアドを使う メルマガの停止はしない 必要なメールはフィルタで保護 Gmailの迷惑メールフィルタで大虐殺 ネットを見る限り、この戦略をとってる人は少ないようですが…。 解説は以下に続きま
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
アドビ システムズは都内にてクリエイター向けのセミナー「デジタルフォト&デザインセミナー2011～トップクリエイターのテクニックとアイデア～」を開催した。セミナーでは、「HP WorkstationとAdobe CS5.5による写真と動画の最先端レタッチテクニック」が行われた。 セミナーでは、「Photoshop」のパペットワープを使ったレタッチテクニック、「Illustrator」の「エンベローブ」を活用した画像処理テクニックに続いて、「Photoshop」で人物をマスクするテクニックが、フォートンのプロデューサー 兼子研人氏とレタッチャー toppy氏によって紹介された。 Photoshopで人物をマスクするテクニック この画像の子供のマスクを作成する まず始めに、画像の子供の部分を範囲選択し、「選択範囲→境界線を調整」を選ぶ。次に「エッジの検出(スマート半径)」を使い子供の輪郭に沿っ
(編注：2016/11/17、記事を修正いたしました。) ディープラーニングの分野でテクノロジの進化が続いているということが話題になる場合、十中八九畳み込みニューラルネットワークが関係しています。畳み込みニューラルネットワークはCNN（Convolutional Neural Network）またはConvNetとも呼ばれ、ディープニューラルネットワークの分野の主力となっています。CNNは画像を複数のカテゴリに分類するよう学習しており、その分類能力は人間を上回ることもあります。大言壮語のうたい文句を実現している方法が本当にあるとすれば、それはCNNでしょう。 CNNの非常に大きな長所として、理解しやすいことが挙げられます。少なくとも幾つかの基本的な部分にブレークダウンして学べば、それを実感できるでしょう。というわけで、これから一通り説明します。また、画像処理についてこの記事よりも詳細に説明
作成：2014/06/2 更新：2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク １．マスク・キャプション ２．円形キャプション ３．全画面+オーバーレイ ４．ストライプの背景 フルスクリーン系 ５．スライド＋フルスクリーン ６．全画面背景動画 ７．パララックス ８．フルスクリーンにフィット ９．背景画像をブラウザごとに最適化 １０．メガメニュー 画像可変 １１．画像で枠線を表現する １２．半透明＋フィルタ １３．文字以外を透明にしてレイヤーさせる 図形 １４．ループ＋ローディング １５．3Dボックス １６．矢印ナビ 画像切り抜き １７．六角形 １８．卵型＋星形
テーブル表示はWebシステムのデファクトとも言えます。業務システムはいうに及ばず、管理者画面などでも必ず求められる表示です。そしてただ表示すればいいという訳ではなく、ソートやフィルタリング、インラインでの編集など様々な機能が求められるものです。 そんな多機能なテーブル表示を実現してくれるのがTabulatorです。多くのニーズを満たしてくれることでしょう。 Tabulatorの使い方 てんこ盛りなデモテーブル。ざっと見てもフィルタ、ページネーション、グラフ表示、ソートなどの機能が確認できます。 インライン編集もサポートされています。 データに合わせて幅を自動調整。 行をクリックして展開する機能。 カラムをグループ化。 カラムを縦に。これはカラムが多い時に便利そうです。 ドリルダウン。 テーブルを入れ子にもできます。 スパークライン表示。 フッターで集計。 HTMLテーブルを変換する機能もあ
Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
はてブは便利だ。かれこれ使い続けて8年目になる。 しかし、はてブを使っているとしばしばムカつくことがある。 それは2chをコピペしただけのデマまとめサイトがホットエントリとして頻繁に表示されてしまうことだ。 リンクをクリックしなければいいのだが、最近はタイトルだけで不快になるレベルのものも多い。 例えばここのところ、冷凍庫に入ったバイトをアップして炎上させる遊びがリア充の間で流行しているが、 「ハム速」というサイトはこういったものを毎回取り上げて、嫌でも目に付くタイトルで他人の個人情報を晒している。 なにがホットだよ。見たくねえよ死ね。 しかし、はてなの運営はいつまで経っても非表示サイト機能を用意してくれないし、 こういったクソサイトを未だにブクマしてホッテントリ入りに貢献するはてなユーザーはあとを絶たない。 これらを弾くユーザースクリプトやユーザーCSSを書いてくれた人もいない。 仕方な
【特選】 ・最近人気あるスレ 名スレは自分で探すもの と↓の更新なしの言い訳＞＜ ・月別特選スレ ・俳句書いてけ ・みんなのうたで萌えた ・ジャムパン仕掛けた ・すげぇ発見したかも ・新ジャンル「児玉 清」 ・最強のエロゲムービー ・野菜をレイプする ・ライアンですが ・スプー 映画予告 ・クイズこれなんてエロゲ ・ＤＥＬＬユーザー驚愕 ・胸を隠してる女の子 ・立体的に見える画像 ・5 0 の 事 実 ・警察署でジョジョ立ち ・きんたま袋のシワ ・良かった、童貞で ・１分で絵描いてみるか ・1000行ったら生きる ・スラムオナニー ・彼氏いない女の子おいで ・ひぐらしがなくですの ・暴君ハバネロにチンコ ・酷いよ圭ちゃん…くっ… ・ガチャピンチャレンジ ・ポッポのようすが… ・孤独のカレーパンマン ・絶対に事故らない車 ・奇妙な英単語ジョジョ単 ・節子…ドロップやない ・新ジャンル「ツン辺
フォトショップのプラグイン
iFontMaker - The First & Fastest Font Editor for iPad iFontMaker™ は待望の iPad™ 専用フォント作成ソフトです。 iPad タッチインターフェイスにより、100% オリジナルの手書きフォントがたったの 5分で作成できます。 手書きタイポグラフィを作成してメールしたり、Adobe® CreativeSuite™や Microsoft® Office™など様々なソフトウェアで使用できる True type フォント形式に変換してダウンロードすることもできます。 ARPG8R - VSTi MIDI Arpeggiator for Windows / Mac. ARPG8R - VSTi MIDI Arpeggiator. 「ARPG8R」は32ステップパッドを備えた VSTi MIDI アルペジェーター 通常のアルペジェータ
あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
WordPressのカスタマイズコードでよく見かける add_filter、add_action という関数。これは WordPressのプラグイン API という仕組みを利用したもの。プラグイン API - アクションフックやフィルターフックについて、大雑把ですがまとめてみました。 WordPress を使ってWebサイトを作る時、デフォルトの WordPress の動きを変更したいなーという時が多々あります。WordPress のデフォルトの動き（WordPress Codexでは振る舞いという言い方がされています。）でよく知られてるのは、記事を書くと自動的に <p> タグが入る … とかでしょうか。とにかくそういう WordPress の振る舞いを、何とかしたい場合ってありますよね。 こういった WordPress 独特の振る舞いは、WordPress のコアファイルと呼ばれてるとこ
Gmailの振り分け機能を使ってEvernoteに転送すると便利なもの - ならず者でいこう！
Gmail Gate Photo by _k0 EvernoteとGmailの転送機能を組み合わせるとライフログを作る上でも、実務的にも便利ですよ、という話。 どちらかというと何を転送していたか忘れていたので、本日整理したし防備録として書いておこうと思っただけではある。 Gmailのフィルタ機能使っていますか？ Gmailの便利な機能の一つがフィルタ機能です。 今更、偉そうに紹介するようなことでもないかもしれないけど、設定の方法を紹介しておきます。 gmail1 Photo by s_locarno Gmailの画面の右上の歯車のボタンをクリックしてメニューを呼び出し、その中から「設定」をクリック。 gmail2 Photo by s_locarno 「設定」の画面から、「フィルタ」のタブをクリックし、「フィルタ」タブの一番下にある「新しいフィルタの作成」をクリック。 gmail3 Pho
毎日毎日、「ユニークユーザー」や「PV」だけを見て、 検索キーワードなんか見ながら「あ～増えたな～。」とか「あ～減ったな～。」なんて思っていても何も前に進みません。特にアフィリエイトやビジネスサイトでは上手くいっている時は良いですが、突然悪くなった時に 「何が原因なのか？」 という事をしっかりとデータとして見ていかないと何も対応が出来なくなります。 今回は、サイトを運営していく上でとても重要な設定を紹介していきます。 photo credit: echerries via photopin cc スポンサーリンク まずは、管理画面を見易くしよう 基本的に、アナリティクスの表示は「URL表示」なので、見にくいです。これをURLではなく、以下の様に「タイトルの名前」に変更しましょう。 アナリティクスでページのタイトルを表示する方法 「アナリティクス設定」の「ビュー」より「フィルタ」をクリック
おいしそうな料理を目の前にしたとき、現代の日本には「食べる」以前に「撮る」か否かの選択肢がある。すっかり普及しきったスマホを使い、人々は日常生活のログとして、あるいはささやかな自慢のストックとして、料理を写真に収めてアップロードする。 しかし、そんな写真が他人の目に、まったくおいしそうに映らなかったとしたらどうだろう。実際、SNSでは率直に言って「まずそう」な、いわゆる“メシマズ”写真を見かけることがある。ひょっとしたら自分の写真も、「まずそう」と思われているかもしれない。 一体どうすれば、スマホで「おいしそう」な写真が撮影できるのか。フリー写真素材サイト『PAKUTASO』を運営するカメラマンのすしぱくさんに、“メシマズ”写真の実例を用いながら、スマホの料理写真撮影のコツを解説してもらった。 そもそも「料理の写真」は一番難しい ――スマホで料理の写真をおいしそうに撮るには、どうすればいい
瞬発力のある子ですね 瞬発力のある女の子かなと言うのが先日のデリヘル嬢、Eの印象です。瞬発力というのは会話術です。今の時代は風俗嬢もそれなりの話術が求められていると言われていますけど、かなりの話術でした。なぜなら彼女、まるで司会者のようにいろいろと話を振ってくれましたし、こちらが答えた事に対して突っ込みや話を広げたりなどまるで芸人さんのような雰囲気。風俗を楽しんでいるというよりも、講演会にでも来ているんじゃないかと錯覚させられるような時間となりました。とっても楽しかったですし、場が暖まりました。きっと頭の回転が速い女の子なんでしょうね。だからこちらの言葉に対してすぐに言葉が出てくるんでしょう。風俗で働くよりも芸能人とか目指した方が良いんじゃないかなって思うような女の子でした。快感というよりもとっても楽しい時間にんりました。おもてなしだとかではなく、単純に彼女は自分が喋るのが好きだから喋って
軽量JSONパーサー『jq』のドキュメント：『jq Manual』をざっくり日本語訳してみました | DevelopersIO
jq Manual jqで簡単JSON加工 ｜ Developers.IO jqコマンドが実は高性能すぎてビビッた話 - beatsync.net JSONを超絶に読みやすくする jq コマンド - WebAPIバリバリ使うor開発する人必須 CLIでJSONの整形をする - ( ꒪⌓꒪) ゆるよろ日記 JSON形式の情報を様々な条件や書式として成形、フィルタリングツール『jq』。上記関連エントリで私もこのツールの存在を知る事になったのですが、ツールの簡易さ・便利さに感動しながら私もちょくちょく利用させてもらっています。 そこでこのエントリでは、jq公式ページに展開されている利用ガイド・リファレンス的な位置付けの『jq Manual』を写経がてらざっくり日本語訳してみました。ざっくり訳なのでこの部分の訳おかしい・間違ってる等ありましたら御指摘頂けると幸いです。例示されているサンプルコードも
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
手持ちの写真にいろいろなフィルムエフェクトを施すことができる無償のプラグイン集です。Photoshop用だけでなく、これ単体でも実行可能ですので、Photoshopを持っていなくても利用できます。 収録されているのは「Black and White」「Contrasting Levels」「Duotone」「Starlight」「Starpoint」「Grain」「Monotone」「Tonal Streak」「Warm Cool」の9種類。どれもこれもシンプルですが既存の写真を簡単かつお手軽にいかにもそれっぽくすることができます。かなり便利です。 詳細は以下の通り。 PixelSampler Details ダウンロードは以下から。Windows版とMac版があります。右下にあるPixelSamplerからダウンロード可能。 TwistingPixels 体験版ダウンロード 「Black
Gmailフィルタの使い方。
１．はじめにフィルタ設定の仕方 (1)条件設定 Gmailにログイン →右上の『設定』→『フィルタ』→『新しいフィルタを作成』 または、ログイン後、検索バー横の『フィルタを作成』をクリック。 → 高度なフィルタコマンドは「キーワード」や「含めないキーワード」で使用する。 → この場合、「フィルタテスト」の結果と転送結果とは必ずしも一致しない模様。 → フィルタコマンドを入力後「次のステップ」へ行こうとすると出る警告は無視してＯＫ。 ※作成できるフィルタはほぼ無限です。 (2)処理設定 フィルタ転送する場合は「次のアドレスに転送」項目を設定（※コピー転送）。 → 完全転送にする場合には、加えて「ゴミ箱に移動」をチェック。 → 受信トレイから隠す場合は、「受信トレイをスキップ」を加えてアーカイブ転送に。 → 転送と同時にラベル振分け等をしたい場合は、「ラベルを適用」や「スターを付ける」 ※「フ
第18回 あなたの会社は仕事中にはてブを使えますか？──IT鎖国する大企業 2008年2月19日 経済・ビジネスITワークスタイル コメント： トラックバック (4) (これまでの藤元健太郎の「フロントライン・ビズ」はこちら） ■縮こまる大企業 大企業の8割が2ちゃんねるにアクセス制限をしているという調査結果が発表された（→IT media）。mixiも5割以上が制限をしているらしい。確かにこれまでも仕事中に遊ばないようにという理由でネットサーフィンすることを禁止する企業などは多かったが、最近では情報漏洩やコンプライアンスなどの理由で大企業は次々と情報統制に対して強く社内を管理するようになりつつある。 はてブやスラッシュドットなど業務上有用と思われるサイトでさえ2-3割の企業は禁止していると調査結果に出ている。企業が利用するパソコンも勝手にソフトをインストールすることは禁止なところが多く、
iFontMaker - The First & Fastest Font Editor for iPad iFontMaker™ は待望の iPad™ 専用フォント作成ソフトです。 iPad タッチインターフェイスにより、100% オリジナルの手書きフォントがたったの 5分で作成できます。 @2015/10/01 ver2.50 カーニング調整機搭載！ @2018/12/06 ver2.93 SVGインポート対応！ @2020/02/06 ver3.00 リガチャ機能搭載！
はじめまして、ティアフォー技術本部 Planning / Controlチームで開発を行っている堀部と申します。 今回は状態推定の王道技術「カルマンフィルター」が実際に自動運転で用いられるまでの道のりやノウハウなどを書いていこうと思います。 みなさんはカルマンフィルターという言葉を聞いたことがありますでしょうか。 カルマンフィルターとは「状態推定」と呼ばれる技術の一種であり、自動運転においては現在の走行状態、例えば車速や自分の位置を知るために用いられます。 非常に有名な手法で、簡単に使えて性能も高く、状態推定と言えばまずカルマンフィルターと言われるほど不動の地位を確立しており、幅広いアプリケーションで利用されています。 使い勝手に定評のあるカルマンフィルターですが、実際に自動運転のシステムとして実用レベルで動かすためには多くの地道な作業が必要になります。 この記事では、カルマンフィルターが
個人でWebアプリを開発する時に便利な高機能JavaScriptライブラリ6選！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、Webアプリやサービス作りなどで便利に使える高機能なJavaScriptライブラリを厳選してご紹介してみようと思います。 ライブラリ単体でそのままWebアプリとしてリリースできそうなレベルのものから、ちょっとした機能を追加できるものまでピックアップしてみたのでご興味がある方はぜひ参考にしてみてください！ なお、JavaScriptはpaizaラーニングの「JavaScript入門編」で学ぶことができます。そちらも合わせてチェックしてみてください。 オーディオファイルを柔軟に制御できるライブラリ！ 【 howler.js 】 MP3 / WAV / AAC / OGG…など多彩なコーデックに対応しているうえ、オーディオスプライトによる制御も可能なライブラリが「howler.js」です。 音楽プレイヤーはもちろん、オーディオ制作アプリやゲー
GmailからEvernoteにWEBページをワンクリックで転送する方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに Evernoteの使い方はあまり詳しくないんですが、WEBページをEvernoteにメモする時に私が普段おこなうやり方をご紹介します。 「あとで読む」という無料のWEBツールを使用して、Gmail経由でEvernoteにWEBページを転送する方法です。 図で表すと↓のようになります。 事前準備 １.「あとで読む」に登録する はじめに、下記リンクにアクセスして「あとで読む」に登録します。 ■あとで読む - あとでメールで読める無料ブックマーク・サービス http://atode.cc/ ★登録方法 １）自分宛のメールアドレスをフォームに入力します （ここでは、Gmailを使用することにします。他にOutlo
Gmailの「プロモーション」タブが導入されて、楽天の広告メールを一通も見ることがなくなったのはテクノロジーの勝利 - FutureInsight.info
たまにはタイトルで言いたいことを言ってしまおうかと思って書いてしまいましたが、Gmailにおいて以下の仕様変更が行われて、「プロモーション」タブが導入されたことで、楽天の広告メールを一通も見ることがなくなりました。大量の広告メールというメールシステムの破壊者に対して我々が抵抗する術は「スパムとして報告」くらいしかなかったことを考えると、これは確実にテクノロジーの勝利だと思います。 Gmailの受信トレイがリニューアル―カテゴリー別のタブが設けられ、自動振り分けされる | TechCrunch Japan 公式の機能説明はこちら。 受信トレイのカテゴリやタブを追加または削除する - パソコン - Gmail ヘルプ 「プロモーション」タブ導入のGoogleにとっての価値 最初はこの変更について、その意味がよくわかってなかったのですが、一ヶ月ほど使ってみてこの変更の意味を理解しました。つまり、
CSSの進化は早いですね。 一昔前までは、JavaScriptを使用しなければできなったこと、かなり複雑なコードを書かなければできなかったことが、CSSだけで簡単にできるようになっています。 知っておくと便利なCSSのプロパティや疑似要素をまとめて紹介します。 CSS can do that? by Ananya Neogi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. box-decoration-break 改行する際の表示形式を定義 2. attr() -簡単ツールチップ 3. backface-visibility -フリップするカードも簡単 4. conic-gradient -円グラフを簡単に実装できる 5. filter -画像に多彩なフィルタを適用 6. mix-blend-mode -画像やテキストにも
デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール
ブラウザーで新たにインタラクションやアニメーションを作る時、皆さんはどのようにして使う技術を選んでいますか？ 使い慣れたライブラリに機能がないかドキュメントを調べてみたり、流行りのキーワードであればGoogle等で検索してみることも多いでしょう。一方、独自のビジュアル表現やアニメーションの場合、そもそも検索するキーワードがわからないことも多いのではないでしょうか？ この記事では、webのビジュアル表現・アニメーションを実現するベースの技術であるCSS・SVG・Canvas（WebGL）の3つについて、それぞれのできること・できないこと（得意・不得意）を作例とともに紹介します。 クイズ：どうやって実現する？ webでできるさまざまな表現 下の図はこの記事で紹介する9つのサンプルを並べてみたものです。すべてのサンプルはCSS・SVG・Canvas（WebGL）のいずれかを中心に実装されています
PHP GDプログラミング:Geekなぺーじ
ここでは、PHP用グラフィックライブラリGDを使ってスクリプトを書く方法を説明したいと思います。 GDを使ったCMSを作ると、画像をサーバにアップロードして自動的にサムネイルを作ったり出来ます。 また、GDを使うと任意の絵を作成できるので、例えばAJAXと組み合わせて色々作ると楽しいかも知れません。 その他、色々と使いどころはありそうです。 基本 GDの使い方 GDライブラリの設定情報を確認する 四角く塗りつぶす 画像の読み込み PNGの出力 JPEGの出力 画像の拡大と縮小 画像の回転 TrueType Fontを使った文字列出力 TrueType Fontを使った文字列出力(傾きあり) TrueType Fontで文字列を記述した場合の大きさを測る TrueColor画像(1) TrueColor画像(2) 画像上に文字列を表示 画像上にロゴをオーバーレイ 画像フィルタ 明度 カラーバ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【photoshop】風景写真をイラスト・アニメ風に加工する｜ヱノプルギスの夜 / こころ動かす者
画像処理の数式を見て石になった時のための、金の針 - Qiita
すごく役立った！サイト制作でさりげなく使われているCSSテクニックまとめ
Gmailの検索演算子一覧（隠れコマンド含む）。高度なフィルタ作成に！
CSS3を使ってできる画像まわりのエフェクトやスタイリング18
僕の楽天SPAM対策 - y-kawazの日記
すこしズルしてリアルなアイコンを作る方法 | バシャログ。
「Photoshop」で人物を上手にマスクするテクニックとは | クリエイティブ | マイコミジャーナル
畳み込みニューラルネットワークの仕組み | POSTD
プロっぽくなった！こっそり使いたい「動きのある」CSSテクニック
Tabulator - これはすごい。HTMLテーブルを高機能に MOONGIFT
http://www.designwalker.com/2009/06/google-analyitcs.html
コピペブログがムカつくので、はてブを快適にするユーザーCSS作った
イミフｗｗｗうはｗｗｗｗおｋｗｗｗｗ 日本のグーグルはフィルターかけられてんだよ
あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD Journal
WordPressをカスタマイズするなら覚えておきたいアクションフックとフィルターフック
「なぜ？」が見えるGoogleアナリティクスの設定方法～どこを見ればいいと言う前に！
なぜ「メシマズ写真」になるの？ 料理の写真をスマホで上手に撮るコツ | HRナビ by リクルート
Google Adsense ブラックリスト日本版 Beta
いろいろなフィルム効果を施すPhotoshop用プラグイン「PixelSampler」
あなたの会社は仕事中にはてぶを使えますか？──IT鎖国する大企業 | WIRED VISION
pentacom.jp softwares and web design.
カルマンフィルターが自動運転の自己位置推定で使われるまで - TIER IV Tech Blog
GmailからEvernoteにWEBページをワンクリックで転送する方法 | nanapi[ナナピ]
CSSでここまでできるのか！知っておくと便利なCSSのプロパティや疑似要素のまとめ
Gmailの「優先トレイ」を使いこなすための4つの基本操作＋1 | ライフハッカー・ジャパン
君は使い分けられるか？CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA