はじめに 僕はウェブサイト制作会社でサイトの運用・アクセス解析担当をしている者です。 ウェブサイトの制作・リニューアルを受注した際にプロジェクトに参加し、クライアントの現状サイトのアクセス解析とレポート作成、リニューアル提案が主な仕事です。 クライアントと直接相対するディレクターから「GoogleAnalyticsの権限もらったからアクセス解析して」とオーダーを受け、アクセス解析を行うことになります。 そもそも、初めて見るサイトを構造から理解し、リニューアルに資する提案ができるようなインサイトを得るまで分析するのは本当に骨が折れます。 さらに（全くの主観ですが）、多くのクライアントはGoogleAnalyticsを「タグ貼っただけ」状態で放置しています。 そのため、計測したデータが整理されていない・そもそも正しく計測できていないということはよく起こります。 そして、そのような計測エラーがノ

Webページのレイアウト、一昔前まではfloat、最近のプロジェクトではFlexboxが主流だと思います。CSS Gridはどうでしょうか？ CSS Gridは主要なすべてのブラウザにサポートされ、採用を検討している、また既に導入している人も少なくないでしょう。 注意しておきたいのが、CSS GridがあればFlexboxはいらないという考え方です。 これからのレイアウトは、FlexboxとCSS Gridを一緒に使用することで、それらの性能を効果的に利用できます。 Flexbox and Grids, your layout’s best friends by Eva Ferreira 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 FlexboxとCSS Gridは一緒に使用することでパワーを発揮する 神話は崩された Fri

「『模型で作った模型の模型』、バンダイのミレニアムファルコンが持つ”パーフェクト”の意味」 「キミは『ランナーに付いたままの女の子』に横乳の宇宙を見る」 これらは、あるブログの記事タイトルだ。シュールだが、どこか心に響くキャッチーさがある。スマートフォンではなく、PCから訪問すると、目に飛び込んでくるのは画面いっぱいの横位置大判写真。 ブログの名前は「超音速備忘録」。ネット界隈で「このプラモデル紹介ブログがすごい」と話題となることが増えている。 近年のブログは、独自ドメインを設定し、スマホからアクセスした時に見栄えがいい縦型レイアウトのテンプレートを用いるのがスタンダードだ。しかし、このブログは違う。『超音速備忘録』は老舗ブログサービスのエキサイトブログ上で展開されており、URLも初期設定のドメイン「exblog.jp」を使用。 自分がいいと思ったことを追求する反面、細かいことは二の次、三

headとは、HTMLページの情報を書いておくところです。 記述しておくことで、ユーザーがページを訪問する前に「どんな内容が書かれているページなのか」が分かりやすくなります。 なんとなく使いまわしてきたhead内の記述を、最近のアップデートに合わせて重要なタグだけに整理してみました。 関連記事 コーディングが苦手なWebデザイナーにおすすめしている独学方法 - IT系女子ログ 新人Webデザイナーの私が、1年目で指摘されたことを振り返る[コーディング編] - IT系女子ログ 最終的なhead内はこうなりました OGP使用前の宣言 文字コードの指定 IE標準モードでの表示指定 ビューポートの設定 ページのタイトル設定 ページの説明の記述 正しいURLの指定 OGPの設定 Twitterカードの設定 apple touch iconの設定 faviconの設定 解析タグは？ Javascrip

「年をとって、頭のキレと集中力が続かなくなってきた」と言う人は、集中力の投資戦略を間違えていることが多い。 一番まずいのは、なけなしの集中力を、仕事や勉強に使い果たしてしまうことだ。 仕事や勉強で集中力を使い果たしてしまうから、「集中力を上げること」に投資すべき集中力が残っていない。 これでは、集中力は、経年劣化で低下していくばかりだ。 これを避けるためには、手持ちの集中力を「集中力を上げること」に最優先に投資するようにする。 もちろん、ただ漫然と、運動、瞑想、睡眠、野菜をやっても、集中力は上がらない。 重要なのは、「具体的には、どうすれば集中力が上がるか？」だ。 おっさんは眠りの質が悪い もちろん、頭のキレと集中力を上げるのに、一番投資効果が高いのは、「睡眠の質と量を上げる」ことだとは分かっているが、 話はそんなに簡単ではない。 なぜなら、おっさんになってくると、「深く長く眠る能力」がど

2017年10月21日に公開され世界中で話題になった画像拡大ソフト（Webアプリケーション）Let’s Enhanceがリメイクされましたのでご紹介します。 Photoshopよりも凄い無料の画像拡大ソフト 2022年現在は５枚まで無料で使用できます。数年前までは２５枚まで無料で処理できたのですが、トライアル出来る枚数が減ってしまったようです。そこは少し残念。 とりあえず５枚は無料で試せますから気に入ったら、追加処理分を購入して処理することが可能です。 Let’s Enhanceはニューラルネットワークを使用して画像拡大をするWebソフトです。 マジックフィルターと書かれているものがLet’s Enhanceを使用して拡大したもの。 通常のソフトで行われている画像拡大と手法が異なり、最初にポートレートや風景、食品など画像種類やタイプを認識。その上でネットワークを使用し画像タイプごとに自然な

https://alex-media.co.jp/shigaken/tai-teitoushitsusoba/ にリダイレクト中

分散システムのFault Injectionの話 NTTデータテクノロジーカンファレンス2017で発表する際に用いたプレゼン資料 https://oss.nttdata.com/hadoop/event/201710/index.html Read less

ソフトウェアエンジニアの間でも一般的な言葉になった「機械学習」。本書では、その機械学習やデータ分析の道具をどのようにビジネスに生かしていけば良いのか、また不確実性の高い機械学習プロジェクトの進め方などを「仕事で使う」という観点から整理し… オライリージャパンさんからは、売れ行きがとてもいいという話を伺っており、これで新しいノートPCを買う足しになるかなぁと思っています。 物理本については少数ですが、Cloudera World Tokyo2017で限定販売されるそうです。CWT2017申し込みが始まったので、物理版がほしい方は申し込むとよいんじゃないでしょうか。 書評もいくつか届いており、勝手ながら紹介させていただきます。

雪見だいふく風のレシピ！切り餅を使った簡単な作り方人気のアイスクリーム「雪見だいふく」を、手作りレシピで再現してみましょう！ 切り餅とバニラアイスクリームで簡単に作れます。材料をレンジにかけて冷凍するだけ、30分でできるお手軽レシピです。今日のおやつにいかがでしょうか。

どうもせせりです:) 19歳の頃からほぼ1人でRailsでWebサービスを作り始めて早7年 紆余曲折ありなんだかんだで作ったサービスは30個ほどになりました 7年ほど前に一番最初に作ったTwitterアカウントで「僕の夢は25歳までに3億円を稼いで残りの人生を楽しむ事です」などと言っていました あれから7年がたち26歳になり、3億円は無理でしたが残りの人生贅沢しなければ働かずに生きていけるくらいにはなりました Rails勉強会、ハッカソン、未踏、などなど色々参加していましたし、狭いRails界隈なのでもしかしたら勉強会などでお会いした方は覚えている方もいるかもしれません 色々お話を聞いてくださりアドバイス下さった先輩方ありがとうございます あの頃の初心者は無事に夢にたどり着きました！ 振り返ってみれば訴訟起こすぞって怒られたり、警察から電話がきたり、サーバー会社にサービス止められたり、サー

素性も年齢も非公表 無名の日本人ユニットが、メジャーレーベルや大手事務所の力も借りず、インディペンデントな体制のまま世界進出を果たし成功を手にしている。 それが、2017年3月にデビュー曲「Best Part of Us」をリリースしたクリエイティブユニット、AmPm（アムパム）。本人たちの素性も年齢も非公表、覆面の二人組だ。 彼らの人気に火をつけたのが定額制音楽配信サービス、Spotifyだった。「Best Part of Us」はリリースから半年となる10月に800万回再生を記録。その後も「Daring Break Free」や「I don’t wanna talk」などのシングルをリリースし、いずれも100万回再生を突破した。 Spotifyは、楽曲の再生1回あたり平均で約0.5円をアーティスト側に支払っていると言われる。彼らは音源をCDでリリースしていないが、これまで配信された数曲

2017年10月11日 CSS, Webデザイン Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、本気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね！ ↑私が10年以上利用している会計ソフト！ 1. 要素を斜めに配置 通常CSSでレイアウトを組んでいくと、垂直平行のボックスが並んでいく

初 FPS TPSにPUBGを選んでしまった、マネフォのJSer 大須賀です。ドンカツたべられません 先日社内で、デザイナさんに向けてちょっとしたCSSの説明をしました。 本記事では、このスライドを作るに至った動機などを書いていきます。 ※ 2017/10/04 10:56「PUBGはTPSだ」と弊社ゲーム部の部員から指摘を受けました。全くもってその通りなので修正しました。 デザイン・実装のジレンマ デザインの良し悪しが分かるのはデザイナ 実装コストが分かるのはエンジニア という状況で「お互いの作業がトレードオフになることがある」という点に難しさがないでしょうか？ 効率を上げるには、なにかしなきゃいけません。 ということで冒頭のスライドが生まれました。 他の人達のとりくみ 色んな所で同じような課題に立ち向かっている人達もいるようです。 デザイン組織で働くエンジニアは何をやっているの？ Cr

連日ネットを賑わせているアニメ「けものフレンズ」のたつき監督降板騒動（関連記事）。そんな中、9月25日深夜から26日にかけて、「ニコニコニュースがたつき監督降板騒動の記事をランキングから除外する隠蔽工作を行っている」という説が爆発的に拡散されました。これに対しニコニコを運営するドワンゴが27日、誤解を与えたとして謝罪しました。 問題の記事は週間ランキングで1位になっている（9月27日15時30分時点） 問題となっているのはガジェット通信が25日21時45分に配信した記事「『けものフレンズ』たつき監督が外れる！　『Twitter』でもトレンド1位に」。掲載後、同記事には多くのコメントが寄せられましたが、なぜかニコニコニュースのランキングには即座に反映されず、ランキング上位に表示されたのは4時間弱が経過した26時35分ごろでした。 またランキング上の記事タイトルが「『けものフレンズ』たつき監督

HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した以前の版からいろいろと変更されています。 head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記述する最小限のタグです。 <meta charset="utf-8"> <meta http-equiv="x-ua-c