タグ

chokuchokoのブックマーク (27,495)

  • 【全部無料】ハマると時間が秒で過ぎる英語圏のプログラミング系サイトまとめ【英語学習】 - Qiita

    はじめに 近頃の翻訳技術の発達は目覚ましいですが、いまだに、「英語ができなくても何も問題はない」というところまでは程遠いのではないでしょうか。特にエンジニアであれば、なおさらだと思います。 英語で情報収集ができれば、英語力の向上と情報収集が同時にできて、一石二鳥ですよね。英語圏の情報は一次情報であったり、情報の速度が早かったりもするので、「情報の価値」、という点においてもかなり優秀です。 というわけで今回は、英語学習はもちろん、情報収集にも死ぬほど役立つ英語圏のサイトを紹介します。すべてのサイトがプログラミング関連で、しかも面白いサイトばかりなので、ハマるとヤバいです。 【10選】ハマると時間が一瞬で過ぎるプログラミング系の英語圏のサイトまとめ ネタ系 Redditで言うところの、2チャンネルとツイッターの中間のようなサイトです。プログラミング関連だけじゃなくて、各種テーマの話題のス

    【全部無料】ハマると時間が秒で過ぎる英語圏のプログラミング系サイトまとめ【英語学習】 - Qiita
  • 🚀⚙️ JavaScript Visualized: the JavaScript Engine

    JavaScript is cool (don't @ me), but how can a machine actually understand the code you've written? As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! 🥳 | Note: This post is mainly based on the V8 eng

    🚀⚙️ JavaScript Visualized: the JavaScript Engine
  • 料理家のアメ横(御徒町)買い出し指南

    アメ横がダメになってきたというブログ上がってたけど、そんなことは”全く”ない。 プロの料理家だけど、アメ横への買出し�隔週で1回位行ってる。 アメ横は絶対に買ってはダメなものと、ここでしか手に入らないものが混在した日の中のアジアなんだよ。 年末買出しに行く人とかもいると思うので、アメ横の攻略法を書いてみる。 <最重要事項> ○絶対に魚介類をアメ横の路面店で買ってはダメ さすがにこれは有名になってきたが、最重要事項なので改めて。 アメ横の路面の叩き売りの魚介は解凍→冷凍→解凍を繰り返した超粗悪品。 下手すると腐ってて生すると中毒レベルのものも混ざってる。 絶対に買ってはいけない。これだけは守ってくれ。約束だぞ! <初級編> ○魚介が欲しかったら、御徒町駅前のスーパー「吉池」へ (訂正;ここは新潟県の寺泊から進出したスーパー → ごめん!角上とごっちゃになってました。吉池は新潟県十日町の

    料理家のアメ横(御徒町)買い出し指南
    chokuchoko
    chokuchoko 2019/12/29
    すごく役に立つ
  • JavaScript イベントループの仕組みをGIFアニメで分かりやすく解説

    JavaScript イベントループの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ✨♻️ JavaScript Visualized: Event Loop by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: イベントループ イベントループは、JavaScriptデベロッパーが避けては通れない関門の1つですが、最初は理解しにくいかもしれません。私は視覚学習者なので、GIFアニメで視覚的に説明することで、あなたの手助けをしようと思います。 説明の前に、まずイベントループとは何でしょうか? なぜ気にする必要があるのでしょうか? JavaScriptはシングルスレッドで、一度に実行できるタスクは1つだけです。通常は問題ありませんが、30

    JavaScript イベントループの仕組みをGIFアニメで分かりやすく解説
  • 【Javascript】CSSアニメーションがつらいのでanime.jsを試してみた | Wood-Roots:blog

    アニメーションをCSSで書くようになって数年になりますが、凝ったアニメーションを書こうと思うと年々つらくなってきました。 CSSアニメーションのつらみ イージングがつらい transitionならcubic-bezierを書くだけでいいですが、@keyframesでイージングを書こうと思うとつらい。 というか人力で書けるものなのだろうか。 完了を検知して連続したアニメーションを実装するのがつらい transitionend/animationendでクラスを足していってそのクラスに対してアニメーション…つらい。 transitionend/animationendではなくX秒のアニメーションAが終わったらX秒のディレイ後にアニメーションB…とやれば多少は楽ですが、妥協感と将来的に破綻する未来が見える。 CSSファイルがつらい 単純に行数が増えてつらい。 …この状況を打開するために、JSで制

    【Javascript】CSSアニメーションがつらいのでanime.jsを試してみた | Wood-Roots:blog
  • 【ANIME.JS】複数の連続したアニメーションを実装する方法 | ヨウスケのなるほどブログ。

    「ANIME.JS」で複数の連続したアニメーションを実装する方法です delayで開始時間をずらして繋いだり、Keyframes、タイムラインでの実装など様々な方法が用意されています delayのみで連続メーションこの方法は簡単に利用できますが、同じアニメーションを別々に定義できない難点があります See the Pen ANIME.JS Continuous Animation(delay) by yochans (@yochans) on CodePen. JavaScript //delayのみで連続メーション anime({ targets: '#target', loop: true, translateX: { value: 250,duration: 800,delay: 0, }, rotate: { value: 360,duration: 800,delay: 800,

    【ANIME.JS】複数の連続したアニメーションを実装する方法 | ヨウスケのなるほどブログ。
  • JavaScript クラスの仕組みとサンプル | ITSakura

    クラスは、データ(フィールド)と処理(メソッド)を定義できます。 クラスは設計図や型枠のイメージです。クラスからオブジェクト(実体)を生成して利用します。 ※クラスからオブジェクトを生成しないで利用することもできます。 機能を他のクラスに継承させることができます。 ECMAScript 2015 (ES 6)で追加されました。 すでにあるプロトタイプベースのシンタックスシュガー(わかりやすく書き換えたもの)です。糖衣構文とも呼ばれます。他の言語のクラスと同じような使い方ができます。 以下はMDNのクラスのリンクです。 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Classes クラスのサンプルです。 <script> class Color { setName(n) { this.name = n; } ge

    chokuchoko
    chokuchoko 2019/12/14
    javascript
  • 瞑想トレーニングで脳みそを鍛えるとメンタルが強くなり優しい性格にも変わる!意志力の心理学

    やるべきことをやる人になるために 今回は意志力(やる気)の心理学についての話をします。 以前の話で、スタンフォード大学の神経生理学者であるロバート サポルスキー教授は、前頭前皮質の役割は私たちにやるべきことを仕向けることなのだと話しました。 つまりこの脳の部位を鍛えることで、私たちは苦手なことを克服したり得意なことをさらに伸ばすことができるようになるのです。今回はその前頭前皮質(脳みそ)の鍛え方について話していきます。 前頭前皮質の鍛え方はいくつかあるのですが、今回紹介するのは一番有名なものであり、おすすめのトレーニング方法です。 その方法は、瞑想(マインドフルネス瞑想、呼吸法、または座禅)をすることです。まず最初にその効果のほどを心理学の研究を紹介しながら説明していきます。 kruchoro.com 瞑想をすると脳みそが成長する 最近流行りのマインドフルネス瞑想ですが、すでに研究では、瞑

    瞑想トレーニングで脳みそを鍛えるとメンタルが強くなり優しい性格にも変わる!意志力の心理学
  • The Deep Sea

    At 332 meters, this is the deepest any human has ever scuba dived. Set by Ahmed Gabr in 2014.

    The Deep Sea
    chokuchoko
    chokuchoko 2019/12/09
    怖い
  • ストーブの前から頑として動こうとしないイッヌと赤ちゃんの画像がクッソかわいい「温もりはすべての生き物が欲しいもの」

    🔞ルーミア(スカ垢) @unchisurumia @kotaro_chang ワンコ様「すまんな、小僧。ここだけは譲れんのじゃ。・・・しかし、この小僧の足。ちーっとも臭わんのう・・・、大きくなってから臭い始めるのじゃろうか・・・?」 2019-12-08 19:34:57

    ストーブの前から頑として動こうとしないイッヌと赤ちゃんの画像がクッソかわいい「温もりはすべての生き物が欲しいもの」
  • カフェの隣の席でマルチ商法に学生さんが丸め込まれていくのに耐えられず「名前書いちゃうの?!やめた方が良いと思う!」と言ってしまった話

    でんでん(職業アイドル) @de__n 今にも崩れそうな石橋をダッシュで渡ろうとして3歩目くらいで橋とともに谷底へ消えるタイプの小心者、の、脳内ダダ漏れライフログ。自分からはリムらないよ。 でんでん(吉祥寺在住や言うてまんがな) @de__n カフェの隣の席でマルチ商法の勧誘が始まって学生さんが使い古された手口で丸め込まれていく様子にハラハラと聞き耳立ててたんだけど最後その場で書類にサインしようとした所で私の中の大阪のおばちゃんのリミッターが外れて「えーー!名前書いちゃうの?!やめた方が良いと思う!!」て乱入してもた。 2019-12-08 13:54:01

    カフェの隣の席でマルチ商法に学生さんが丸め込まれていくのに耐えられず「名前書いちゃうの?!やめた方が良いと思う!」と言ってしまった話
  • 史上最凶のプログラマがヤバすぎた|深津 貴之 (fladdict)

    シャーロック・ホームズのモリアーティや、羊たちの沈黙のハンニバル・レクター教授の現実版がいるとすれば、それはポール・ル・ルーだろう。 それが書「魔王」を読んで感じた印象は、まさにダークウェブのジェフ・ベゾスだった。素直にスケールのデカさが凄い。 ポール・ル・ルーは、ジンバブエ出身のプログラマから、闇社会の王となった男だ。 ポールは元々、金融のプログラムを書くかたわら、趣味で暗号ソフトを開発する天才肌の男だった。スノーデンも愛用したことで有名な暗号ソフト「トゥルークリプト」のベースとなった、E4Mの作者でもある。 彼は自作した医薬品の通販プラットフォームで、米国中に大量のオピオイドを売りさばき、数千万ドルの富を手に入れる。そして、その資金をもってフィリピンで暗黒の帝国を作ろうとする。 元SWAT教官や民間会社のあぶれ者を集め傭兵部隊を組織し、政治家を抱き込む。暗殺者を囲い込み、金を密輸し、

    史上最凶のプログラマがヤバすぎた|深津 貴之 (fladdict)
  • フローチャート機能を備えたWebアプリの作成を非常に簡単にするJavaScriptライブラリ -Flowy

    フローチャート機能を備えたWebアプリの作成を非常に簡単にするJavaScriptライブラリを紹介します。フローチャートやマインドマップなど簡単なプログラミングプラットフォームを数分で構築することができます。 Flowy -GitHub Flowyの特徴 Flowyのデモ Flowyの使い方 Flowyの特徴 Flowyは、フローチャート機能を備えたWebアプリの作成を非常に簡単にするJavaScriptライブラリです。 Flowyは以下の機能をサポートしています。 ドラッグ&ドロップ(レスポンシブ対応) 自動スナップ ブロックの再配置 ブロックの削除 ブロックの自動センタリング 条件付きスナップ 保存したファイルのインポート スマホ・タブレットのサポート jQueryをES6に置き換える(対応予定) npmでのインストール(対応予定) MITライセンス Flowyのデモ デモページでは、

    フローチャート機能を備えたWebアプリの作成を非常に簡単にするJavaScriptライブラリ -Flowy
  • Good Morning Table @横浜高島屋 生クリームバーガー国内2店舗目が横浜にオープン - ツレヅレ食ナルモノ

    ワーイ。催事で見かけてべてみたかった生クリームバーガーのGood Morning Tableが横浜高島屋にオープンしました。国内2店舗目だって。 パッケージもかわいい生クリームバーガーは、3種類。全て賞味期限は当日中のみですが、全部買ってきちゃった。 ハンバーガーケースを開けると、テンション上がる。どーんと生クリームバーガー。 生クリームバーガー 371円(税抜) これが噂の生クリームバーガー。もう見るからに美味しそう。 隠し味にマスカルポーネを加えた北海道産生クリーム。十勝のジャージーミルクで作った濃厚なミルクジャム。そしてそれをサンドしたパンも全て北海道産の原材料で作られたもちもちパンです。 超ミルク感。甘さを抑えた生クリームもだけど、ミルクジャムがかなり良い仕事をしてくれてます。 横浜店先行発売 イチゴ 417円(税抜) こちらは横浜店で先行発売されたイチゴ。生クリームバーガーにイ

    Good Morning Table @横浜高島屋 生クリームバーガー国内2店舗目が横浜にオープン - ツレヅレ食ナルモノ
  • 約1100万年前の隕石の痕跡 海底で発見 生物絶滅に関係か | NHKニュース

    太平洋の南鳥島沖の海底で、およそ1100万年前に巨大な隕石が衝突したことを示す痕跡を、海洋研究開発機構などの研究グループが発見し、この時代に起きた生物の大量絶滅の原因になった可能性が高いとしています。 海洋研究開発機構などの研究グループは、太平洋にある南鳥島沖の海底を掘削して資源調査を行っていたところ、海底下3メートル余りで、イリジウムやプラチナなどの特殊な元素が通常の数十倍の濃度に達する部分があることを見つけました。 イリジウムやプラチナなどの濃度の急激な上昇は、隕石衝突の痕跡と考えられていて、年代を分析すると、およそ1100万年前と推定されたということです。 地球では1160万年前に哺乳類を中心に、主な生物の種類の15%程度が死滅したという大量絶滅が起きていて、これまで、その原因は謎とされてきましたが、研究グループはイリジウムの濃度などから、直径数キロの巨大な隕石が落下して大量絶滅が起

    約1100万年前の隕石の痕跡 海底で発見 生物絶滅に関係か | NHKニュース
  • 上達したいVim初心者のための設定・プラグインの見つけ方、学び方〈エディタ実践入門〉 - エンジニアHub|Webエンジニアのキャリアを考える!

    上達したいVim初心者のための設定・プラグインの見つけ方、学び方〈エディタ実践入門〉 Vimの深淵はとても深く、学ぶことは簡単ではありません。記事では、初心者がVimをどのように学べばよいか? を解説しています。Shougoさんの寄稿です。 こんにちは。Shougo(@ShougoMatsu)です。今回は、Vim初心者のための記事を執筆することになりました。よろしくお願いします。 私のことを知らない人のために簡単に自己紹介しておきます。私はこれまで10年以上もの間Vimに関わっており、deoplete、dein、denite、defx、neosnippetといった各種プラグインを作成したり、ときにはVim体にパッチを書くなどといった活動を行っています。 今回、初心者向けの記事を執筆することに決めたのは、勉強会などで「Vimをどのように学べばよいか?」について質問されることが多く、皆が同

    上達したいVim初心者のための設定・プラグインの見つけ方、学び方〈エディタ実践入門〉 - エンジニアHub|Webエンジニアのキャリアを考える!
  • 未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie

    「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD](92MB) ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を

    未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
  • Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する!《VSCode実践入門》 - エンジニアHub|Webエンジニアのキャリアを考える!

    エンジニアHub > 記事一覧 > Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する!《VSCode実践入門》 Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する!《VSCode実践入門》 VSCodeは初版が2015年リリースの新しいエディタですが、インテリセンス、ユーザースニペット、Emmet、マルチカーソル、拡張機能というコーディングにうれしい機能が充実しています。VSCodeを検討中あるいは使いはじめたばかりの若手エンジニアが、いち早く初心者を脱出するための使いこなし方を解説します。 はじめまして、KC(けーしぃ、@kcpoipoi)と申します。技術書典6にサークル参加してたら「キミ、Web執筆に興味ない??」とお声がけいただきました。Web執筆は初めてなので至らない点があるかもしれませんが、何卒よろしく

    Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する!《VSCode実践入門》 - エンジニアHub|Webエンジニアのキャリアを考える!
  • スーパーマリオのジャンプのアルゴリズム - Qiita

    先日、気持ちのいいジャンプを目指してというQiitaの記事を見かけました。記事中では、マリオのジャンプについても触れられています。マリオというと、マリオブラザースやスーパーマリオブラザース等々、色々あるのですが、これはおそらくスーパーマリオブラザースの事だと思われます。ジャンプアクションゲームといったらスーマリですね。 そのマリオのジャンプの仕組みは「マリオの速度ベクトルを保存しておいて座標を計算するんじゃなくて~」と書かれていて、別サイトのブログへのリンクが張られています。 マリオのジャンプ実装法とVerlet積分 ただ、この記述については不正確であるという別のブログもあったりします。 マリオの完コピvol.28 ジャンプの解析と修正 ホントのところはどうなんでしょうか?世界で最も有名なゲームジャンプがどのように処理されているのか気になったので調べてみることにしました。 原典にあたる

    スーパーマリオのジャンプのアルゴリズム - Qiita
  • 『スーパーマリオのジャンプのアルゴリズム - Qiita』へのコメント

    ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有

    『スーパーマリオのジャンプのアルゴリズム - Qiita』へのコメント