Rio_Grandeのブックマーク (350)

  • フジファブリック「銀河」の転調について/音楽は知識があれば偉いものじゃないけど、それがあると心の深いところで握手できる機会が増える|柴 那典

    正直、柳樂光隆さんの言ってることに100%頷けるか、と言えばそうじゃない。けれど、以下のポイントはすごく同意。 音楽って意識的に聴かないと分からない面白さが埋まっていることも多いんだけど、意識的になるためには、一度スイッチが入らないといけない。で、そこから思い出したのが、「銀河」のエピソードだった。 この曲はCメロから最後のサビにかけて「え?」となる転調が仕込まれている。3分46秒と52秒で、半音ずつ上がっている。 これ、当時もリアルタイムで「ええ?」となった記憶がある。蔦谷好位置さんみたいに車を路肩に止めた覚えがある。 で、何度かインタビューする機会があって、「あそこがすごい」という事も伝えた覚えはあるんだけれど、結局、何がルーツになってああいう発想が出てきたのか、わからなかった。 結局、それを知ったのはプロデューサーをつとめた片寄明人さんのブログ(現在はFacebookに移行)を読んで

    フジファブリック「銀河」の転調について/音楽は知識があれば偉いものじゃないけど、それがあると心の深いところで握手できる機会が増える|柴 那典
  • Vue.jsとNuxt.jsを使用して、Webページのページ遷移に気持ちいいアニメーションを与えるチュートリアル

    Vue.jsとNuxt.jsを使用して、スマホアプリで見かけるようなアニメーションを伴った滑らかなページ遷移をWebページに実装するチュートリアルを紹介します。 Native-Like Animations for Page Transitions on the Web 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 最近見かけたページ遷移のアニメーション 使用する理由 前提となる知識 始めてみよう フックの設定 最近見かけたページ遷移のアニメーション フロントエンドUIで、最近私が最も刺激を受けたのは、スマホアプリで見かけるような滑らかなページ遷移(トランジション)です。こういったインタラクションを実装するのは難しそうに見えますが、一度実装方法をマスターしてしまえば、さまざまなUIに使用することができます。 ここで紹介する方

    Vue.jsとNuxt.jsを使用して、Webページのページ遷移に気持ちいいアニメーションを与えるチュートリアル
  • JavaScript が読み込まれる前でもWeb Applicationを動かす - from scratch

    今回は最近取り組んでいる、 JavaScript が読み込まれる前であっても「ちゃんと」 Web Application が動作するように作る話をします。 Server Side Rendering における注意点と対策 BFFを使ってServer Side Rendering をすることに数年前から取り組んでいます。 まずはSSRをやる上での注意点と対策について紹介します。 SSRをすることはSEOのためだと思われがちですが、個人的にはSEOのためにしているわけではなく、 First View を向上するため(特に First Meaningful Paint を向上するため)にやっています。 First View SEOとSSRに関しては Google が最近出したこの記事の SEO Considerations 節が詳しいです。ここでは説明しません。 SSRをしない、Client S

    JavaScript が読み込まれる前でもWeb Applicationを動かす - from scratch
  • https://github.com/trekhleb/javascript-algorithms/blob/master/README.ja-JP.md

    https://github.com/trekhleb/javascript-algorithms/blob/master/README.ja-JP.md
  • Google広告 定額制コンサルティングのAdRegion Inc.

    株式会社アドリージョンはGoogle Partners 認定資格を持つ大阪の広告代理店です。これからGoogle広告を始めようか迷っていたり、社内での運用に限界を感じて代行をご検討されているのであれば、30分ほどのオンラインMTGでご相談ください。

    Google広告 定額制コンサルティングのAdRegion Inc.
  • 今のネット広告の問題は2つの方向から起きている。|高広伯彦(Ph.D. of Management Science)

    ネット広告はほんとこのまま行くとゴミばかり(いやすでにゴミばかりとも考えられるが)と言われるが、実際には広告だけの問題ではなく、広告枠が掲載されるメディア側の問題もある。つまり今のネット広告には、メディア側の質による問題と、広告側による質の問題、その両側面がある。 今のネット広告の問題(その1):メディア側の質が低いからブランドに対するブランド毀損が起きるという側面 概してネットはメディア構築の参入障壁が低いため、記事の質が悪かったり、時にはフェイクな記事、パクリ記事を堂々と乗せるメディアが多数出現してしまっている。それらのメディアはセンセーショナルでバズる記事で集客し広告収入を得ようとするので、ことの真偽などは関係なく、単に人々が読みにくればいいという姿勢をとっている。 これらのメディアは、マネタイズのためにアドネットワークを通じての広告枠を多数設置している。 それら広告枠に対して、ブラ

    今のネット広告の問題は2つの方向から起きている。|高広伯彦(Ph.D. of Management Science)
  • TikTokを爆誕させた、知られざる三人の男の物語 - テクノロジーだよ人間だよ

    TikTokの前身が、アメリカで流行ったMusical.lyというアプリであることは有名だ。今TikTokを運営しているByteDance社が、2017年にMusical.lyを買収して、それをリブランディングしたのがTikTokであるというイメージを持っている人が多いと思う。ここで1つ、素朴な疑問が湧き出てくる。 今でこそ評価額が世界一のユニコーン企業に化けたByteDanceだが、2017年に、シリコンバレーのイケイケソーシャルカンパニーが、中国の得体の知れない会社に身売りするとは、一体どうゆうことなのか?シナジー効果が出る保証もないし、物理的に距離も離れている。シリコンバレーのカルチャーと、中国流のビジネススタイルが相容れない可能性も大いにある。 それに、なぜFacebookは先に動かなかったのか?Facebookは過去にWhatsappを$19 Billion(2兆円)で買収し、I

    TikTokを爆誕させた、知られざる三人の男の物語 - テクノロジーだよ人間だよ
  • インドカレー 始め方 簡単な順 - #つくりおき

    id:hitode909です。趣味でスパイスからカレーを作っていて、簡単な順に、始めよう!!という観点で情報をまとめておきます。 インドカレー簡単な順の始め方 印度の味 バターチキン カレーパフォーマー加藤さんのレシピ 水野さんの ホットクックカレー あると便利なグッズ シリコン調理スプーン ティファールのみじん切り器 きざみパクチー インドカレー伝 スパイスの買い方 記録 こういうものを作っています インドカレー簡単な順の始め方 印度の味 鶏肉をこのペーストで煮れば完成、というやつ。ちょっと高級なスーパーで手に入る。10分くらいで完成する。かける工数に対して格的な味になっておもしろい。 一回これで遊んでおくと、世間的な味はこういうものなんだな、というのが分かって便利。ゴール感がわかってないと、赤ワインで煮込んでしまい欧風になってしまう、ということがあった。 マスコット 印度の味 中辛

    インドカレー 始め方 簡単な順 - #つくりおき
  • 「良いエンジニア」を言語化してみました

    「VOYAGE GROUP エンジニアの公開ガチ評価会」に参加して、最近考えていた「良いエンジニア」像がかなり良い感じだと思うようになりました。 「ガチ評価会」自体の内容は他の方のブログに譲るとして、「ガチ評価会」で聞けなかった部分、つまり「普段だったら『ビジネス的側面からの技術投資判断』とかも聞くんだけど」と言っていたところが、まさに聞きたいところだったのでニヤッとしました。聞けなくて残念♪ 妥協ない挑戦元々ピクシブの技術力評価においては、「最近やった妥協ない挑戦は何ですか?」というのをキーワードにやってました。 解決すべき課題に対して、どういう背景があって、どういう事前調査をして、どういう実装をして、どう考察するか、というところまでをきちんと考えて仕事することに成長があるんだよ、というメッセージ性です。 そんなこと言っても普段は妥協ばっかりですって?いえいえ、相反する選択肢の中で、何を

    「良いエンジニア」を言語化してみました
  • チームの症状と処方の考察|Megumi Kaneko

    はじめに自己紹介を少しさせてください。 私はクライアントワークで約30名規模の開発チームに1年間ほどジョインしていました。役割は5〜10名のエンジニアで構成されるチームのプロダクトオーナーとしてだったり、UIデザイナーとPMのチームのスクラムマスターとしてだったり、色んな形でチームに接してきました。 その中で経験したことが、広木大地さんの著書である「エンジニアリング組織論への招待 不確実性に向き合う思考と組織のリファクタリング」を読んで色々整理されたので、チームが陥りがちな問題について稚拙ながら考察を書きたいと思います。 チームの健康状態とはチームの状態を表す指標として心理的安全性はよく聞きますよね。 広木大地さんの著書である「エンジニアリング組織論への招待 不確実性に向き合う思考と組織のリファクタリング」には心理的安全性について下記のように書かれていました。 「問題点の指摘」や「自分の弱

    チームの症状と処方の考察|Megumi Kaneko
  • 『A3』無料公開にあたって|森達也(映画監督・作家)|note

    僕の肩書のひとつは作家だ。つまり書くことで生計を得ている。来ならギャランティのない仕事は受けるべきではない。プライドや矜持のレベルではない。他の仕事との整合性がつかなくなるのだ。 でも、特にオウムについては、昨年の13人死刑執行も含めて、世に問いたいこと、言いたいこと、伝えたいことが、ずっと自身の内側で飽和している。溢れかけている。そして僕のこの思いや葛藤や発見を伝えるうえで、『A3』は最も重要な作品だ。初対面の人すべてと名刺交換をしながら、「A3は読んでくれましたか」と僕は質問したい。でもさすがにすべての人に訊くことはできない。オウム関連のインタビューなどを申し込まれたときは、時おり思いきって質問する。読んでいますと答えられることは、たぶん三回に一回くらい。そのたびに(上辺はそうですかなどと言いながら)気落ちする。一人でも多くの人に読んでほしい。もっと多くの人に知ってほしい。もっともっ

    『A3』無料公開にあたって|森達也(映画監督・作家)|note
  • トラップ・ビートのリズム構造解析 - Notoriious B.l.G.

    このテキストは定期的に開催している「邦ロックから遠く離れて」というトーク・イベントのために書いたものだ。毎回テキストを用意して、実際に足を運んでいただいたお客さんだけに公開している。 イベントの告知をしていたら「テキストを購入したいので販売してください」というメッセージをいただいたのだが、 今回は一緒にイベントを行っている張江さんの勧めで一般公開することにした。イベントにお越しになった方で「えー!無料で公開しちゃうの!」と思った方はライブ会場などで鳥居にお詰め寄りください。何かしらの形でお詫びいたします。 「え、無料?全然課金するよ!」という奇特な方がいましたら、気が向いたときにnoteで公開中の記事を購入してください。サポートも随時受け付けています。勘違いなさっている方がいるといけないのではっきりさせておきますが、わたくしは断然ビッグマネーを掴みたいクチです。そのあたりをご考慮いただける

    トラップ・ビートのリズム構造解析 - Notoriious B.l.G.
  • Markdownで年表的なタイムラインを管理するツール

    mdlineというMarkdownでタイムライン(年表)を書いて、HTMLなどの形式にしたりできるパーサ、ジェネレーターなどのツールを書きました。 特定の記法で書いたMarkdownから年表的なタイムラインを作成するツール書いた。 $ npx mdline ./timeline.md -o timeline.html 現在はMarkdown to HTMLができる。https://t.co/7Vv0DUmYkX pic.twitter.com/oYJICloElA — azu (@azu_re) January 20, 2019 たとえば、次のようにECMAScriptのタイムライン(年表)をmdlineが決めたMarkdown形式で書きます。 (実際にはただのMarkdownなのですが、次のように 日付: タイトル とHeaderのレベルを合わせるとタイムラインとして扱う感じです) ##

    Markdownで年表的なタイムラインを管理するツール
  • 賃貸の家探しサービス多すぎるので解説してみる

    このごろ賃貸で家を探すWEBサービスのCMがバンバンテレビで流れている。 賃貸の繁忙期は1~3月が圧倒的で、他の月と比べてかなり売り上げが大きいため、各社競い合って宣伝をしている。 スーモやホームズ、アットホーム、いい部屋ネットにピタットハウス、色々あるが、実はその成り立ちから業務形態まで様々で、見ることのできる物件がかなり制限されることがある。なのでその違いを説明してく。 増田は以下のどこかの会社で働いていたことがある。 自社物件囲い込み系基的に自社の建設した物件を取り扱う賃貸サイト。賃貸系サイトの中ではもっとも選択肢が狭い。 もしそのブランドにこだわりがあったり、親類がそこで働いていたりする場合は見ても良いと思うが、そうでないなら見る価値は薄い。 ・いい部屋ネット、DK SELECT 大東建託がやってる。270万件。 ・ホームメイト 東建コーポレーション ・MAST 積和不動産(積水

    賃貸の家探しサービス多すぎるので解説してみる
  • アメリカが沸く「平均年齢20歳バンド」の凄み

    多くの音楽好きにとって、グレタ・ヴァン・フリートをツェッペリンと比較せずに語ることは難しい。そもそも、かのロバート・プラント自身が、オーストラリアのネットワークテンのインタビューに対して、「デトロイトにグレタ・ヴァン・フリートっていうバンドがあってね。彼らこそ、レッド・ツェッペリンだよ」と語っている。「俺がよく知ってる人からスタイルを拝借してるけど、それに対して何ができるって言うんだい? まあ心配ないよ」。 グレタ・ヴァン・フリートのギタリスト、ジェイクも、ローリング・ストーン誌とのインタビューで「(ツェッペリンのギタリスト)ジミー・ペイジを1年間必死で研究した。彼の考え方がわかるくらいまで必死に」と語っている。 ロックを若者に「返した」 グレタ・ヴァン・フリートには、ツェッペリン以外にも異なるバンドの影響が感じ取れる。バッド・カンパニーやエアロスミス、サウンドガーデンなどだ。確かにトーン

    アメリカが沸く「平均年齢20歳バンド」の凄み
  • スクラムで失敗する5大理由とその対策としてできること | POSTD

    スクラム とは、最近、特にソフトウェア開発の分野でよく使われているバズワードです。この概念は、1995年のOOPSLAでJeff SutherlandとKen Schwaberにより提唱されました。自己組織的なチーム構成と短いスパンの持続可能な繰り返し作業に重点を置くもので、複雑なソフトウェア製品やプロジェクトを扱うためのすっきりとした軽量なフレームワークです。 シンプルで軽量な性質を強みとするスクラムですが、これを導入している企業の約半数が正しく実践できていないと思われます。では、一見すぐに使えそうな手法なのに、実践するのが非常に難しいのはなぜなのでしょうか。その理由と、これを確実に成功させるために講じるべき対策を見ていきましょう。 1. 組織の賛同が得られていない どういう タイプの企業であろうと、何かを変えようとすれば必ず直面する最大の課題であると言えるのが、これです。スクラムも例外

    スクラムで失敗する5大理由とその対策としてできること | POSTD
  • #しょぼい起業で生きていく 全文を無料公開します。【4/20まで】|えらいてんちょう

    4/21 公開終了しました。 アマゾンリンクはこちら

    #しょぼい起業で生きていく 全文を無料公開します。【4/20まで】|えらいてんちょう
  • 「GraphQL」徹底入門 ─ RESTとの比較、API・フロント双方の実装から学ぶ|ハイクラス転職・求人情報サイト AMBI(アンビ)

    scalar型を新しく定義するためにはscalarキーワードを使います。例えば、Date型を新しく定義するには次のようにします。 scalar Date スキーマではこれだけですが、実際に使う際はGraphQL処理系に対してさらにシリアライズとデシリアライズを定義することになります。 GraphQL組み込みのscalar型は先にあげたものだけなので、例えばバイナリ、日付と時刻、HTML/XML、BigIntなどを必要に応じて追加することになるでしょう。ただしその場合、サーバーサイドとクライアントサイドでシリアライズ・デシリアライズの実装を一致させる必要があります。 Enum enum(イナム)はscalar型の一種で、特定の値のみを持つ型です。例えば、組み込みscalar型であるBooleanをenumで宣言すると次のようになるでしょう。 enum Boolean { true false

    「GraphQL」徹底入門 ─ RESTとの比較、API・フロント双方の実装から学ぶ|ハイクラス転職・求人情報サイト AMBI(アンビ)
  • Lo-fi Hip Hop(ローファイ・ヒップホップ)はどうやって拡大したか 特徴、始まり、主なアーティスト、アニメとの関わり、そして今後についてなど - beipana

    screengrab from chilledcow 2018年にSpotifyで急成長したジャンル2位となり、SNSではミームとしても機能し始めるなど、認知がピークに達しつつある"Lo-fi Hip Hop(ローファイ・ヒップホップ)”・"Lo-fi beats(ローファイ・ビーツ)"。一体どうやって拡大したか、特徴、始まり、主なアーティスト、アニメとの関わり、今後についてなどまとめてみました。 Lo-fi Hip Hopとは Lo-fi Hip Hopの始まり Lo-fi Hip Hopが拡大したきっかけ 誰がオリジナルか 主なチャンネル・レーベル Lofi Girl (旧 Chilled cow) Chillhop Music Ryan Celsius 代表的なビートメイカー Tomppabeats Jinsang BSD.U Elijah Who wun two Lo-fi Hip

    Lo-fi Hip Hop(ローファイ・ヒップホップ)はどうやって拡大したか 特徴、始まり、主なアーティスト、アニメとの関わり、そして今後についてなど - beipana
  • 全米撮影監督が選んだ20世紀の映画ベスト10を発表!全米撮影監督協会設立100周年を記念して20世紀の映画撮影の100本の観るべきリストを公開! - シネフィル - 映画とカルチャーWebマガジン

    1919年1月8日に設立された米国映画撮影監督協会(ASC)はその100周年を記念し、20世紀の映画撮影の業績をたたえ、メンバーの投票により100映画のリストを発表しました。 「100映画リストはすべての映画撮影技師が見るべきだけでなく、学生のための教育的なツールとなり、映画撮影の重要性を理解し、真価を認めるものとして発表されたものである。」 と、協会は発表しています。 以下は、そのベスト10。 並びにリストに上がった計100映画をご紹介します。 (20世紀に発表された作品のみです) 1.『アラビアのロレンス』(1962) 撮影フレディ・ヤング(デヴィッド・リーン監督)

    全米撮影監督が選んだ20世紀の映画ベスト10を発表!全米撮影監督協会設立100周年を記念して20世紀の映画撮影の100本の観るべきリストを公開! - シネフィル - 映画とカルチャーWebマガジン