Kazuma Labolatory's

Nothing is Impossible. ✿

Menu

も1つのブログに記事投稿しました🌟

7月からは、こちらの方でブログを継続していく予定です🌟 記事 「関数とは何か」 http://kazumalabo.sakura.ne.jp/post/20170626_what_is_function.html メインページ http://kazumalabo.sakura.ne.jp 作りかけ感満載です(;´ρ`)💦w

Velocity.js の作者:ジュリアンさんの記事を翻訳させて頂きました🌟

How to think about knowledge 知識についてどのように考えるか(翻訳: 和馬)[日本語訳] How to think about knowledge https://www.julian.com/blog/knowledge 知識についてどのように考えるか(翻訳: 和馬)[日本語訳] http://kazumalabo.sakura.ne.jp/post/e…

質の高い学習書が沢山!!しかも全部無償!? ..\Saylor Academy/..

blockquote { color: #777; font-size: 0.875em; background: #efece9; margin-top: 5rem; } .target { position: relative; border: 1px dashed hotpink; } .target::before { content: 'Click!'; position: absolute; bottom: 100%; right: 0; font-size: …

【英語・無料・ハイクオリティ】数学・コンピューター科学 / オンライン教材

Saylor Academy 数学 | コンピューター科学 入門コース 数学 コンピューター科学 アメリカ | テスト関連用語2つ AP ( Advanced Placement ) SAT ( Scholastic Assessment Test ) コンピューター・グラフィックスを学び始めたい人へ Saylor Academy 無償で大…

W3C 仕様書用、『目次階層Nice.js』作って見た

W3C の仕様書の「目次の階層が深い & 枝が多い」 ので、全体像が把握しづらい。。そこで、階層構造を把握しやすいように、show/hide 出来るjsを書いてみました。 W3C全ての仕様書で試してはいませんが、幾つか試した所、問題なくいけました。ですので、恐ら…

最近設立された、日本のWebサイト2つ✨

Tech系サイト MIT Technology Review 日本版 WJP ( web professional.jp ) -KADOKAWA- Tech系サイト MIT Technology Review 日本版 https://www.technologyreview.jp ● 2016.10.1日本版 スタート(KADOKAWA, Spicebox.Inc, copilot.inc 共同) ●編集長 中野克…

【引用】コールバック関数の分かりやすい説明

callback function-javascript is sexy.com- callback function-javascript is sexy.com- Understand JavaScript Callback Functions and Use Them march. 4 2013 (Learn JavaScript Higher-order Functions, aka Callback Functions) In JavaScript, functi…

プログラミングにおける、「ファーストクラス」の意味

Definition meaning of "First-class" in Programming WikiWikiWeb 先ずは、通常での "first class" の定義を見てみます。 Definition 「first class」 -Merriam Webster- meaning of "First-class" in Programming WikiWikiWeb/FirstClass First Class A la…

前記事(引用) の執筆者 ジェニファー・ゴルベック教授

前記事で "Psychology Today" の「荒らし者・行為」への、科学的な対処法」を引用・翻訳させて頂きました。 今回はその記事の著者さんを紹介したいと思います。 著者: ジェニファー・ゴルベック(Ph.D) さん ジェニファー・ゴルベック(Ph.D) はコンピューター…

【引用】「荒らしをする人」への、科学的対処法

「Psychology Today」の記事になります。 https://www.psychologytoday.com/blog/your-online-secrets/201409/internet-trolls-are-narcissists-psychopaths-and-sadists Internet Trolls Are Narcissists, Psychopaths, and Sadists Trolls will lie, exagg…

タッチデバイスで、「Drag-like Action」を実装してみた🌟

JS Bin on jsbin.com DOM イベントに関するTipsです。 タッチデバイスの場合、touchmove の Event type (Event Handler) が実装されているので 、ドラッグというよりは、タッチ&スワイプして、そのまま要素ブロックを移動させる実装の仕方になります。 そこ…

ECMAScript-5.1(2011) 骨子。備忘録

基礎的過ぎて飛ばしがちだけれど、本質的な理解に、すごく重要な箇所(私見w) ECMAScript 5.1 10 Executable Code and Execution Contexts 10.1 Types of Executable Code There are three types of ECMAScript executable code: Global code is source text …

StickyNav.js (snippet) 作ってみた🌟

JsBin デモ JS Bin on jsbin.com 因みにiPadからだと、embed版・jsbinページでもうまく表示されないと思うので、対処法を 開いた先の「全面表示ページ」では上手く作動します JavaScript "use strict"; var _ = console.log; var nav = document.querySelect…

6月いっぱいではてなブログを卒業します⭐️

更新が切れるのを機会に、ネットワーク系やサーバー系の知識も学べるという事で、レンタルサーバーを借りてブログを継続していこうかと考えています。まだ全然準備していませんがw 記事はそのまま数年の間は置いておこうと思っています。7月以降は、はてなさ…

「テーマUp時の説明部分」の構文規則(syntax)

h3 { border-bottom: 4px solid #ddd; } .entry-content > h4 { border-bottom: 2px solid #ddd; display: table; } .entry-content .unset .h1 { display: block; font-size: 2em; margin-top: 0.67em; margin-bottom: 0.67em; font-weight: bold; } .entry…

【英語学習】英英辞典のセカンドオピニオン的存在!? ..\Vocabulary.com/..

Vocabulary.com どこの会社さんかな? アプリもあるよ~ Vocabulary.com https://www.vocabulary.com/dictionary/ 単語の説明の仕方がユニーク(Colins Cobuildもこの形式に近い) 頻出系単語で説明されている(恐らくw) 日常的な具体例 知っている単語が少ない時…

1種類だけではなかった( ˙◊˙◞ )◞!?💡 "ダブルクォーテーションマーク"🌟

Unicode®︎ とは Character Reference とは (旧)『5.3 Character references(HTML 4.01-W3C-)』 (現)『8.1.4 Character references(HTML 5.1-W3C-)』 Using Character Reference in CSS 4.1.3 Characters and case(CSS 2.1-W3C-) 4.4.1 Referring to characte…

Re:リクアニ + % (modulo: "割り算の余り"の算出操作記号)

[17.06.02: ページ下部jsコードの一部訂正] 表の補足説明 このデモで知りたかったこと / 分かる事 position: sticky リクアニ・メソッドのコールバックの argument(時間) を可視化してみました。 下中央に表示されている4桁の数字は、 windom.requestAnimati…

ブログに色々詰め込んでみた☺️✨(自己満マン)

まだまだ試行錯誤中ですが、 「操作ナビゲーション(モバイル系のみ)・メニュー」 今持てる全てを出し切りました (๑ ˃̶̤̀д˂̶̤́ )◞~♪ メニューは試行錯誤しまくりでしたが、何とか実装する事ができました こういう透けっちン なアニメーションを以前どこかのHP…

はてなブログの "もくじ" で『scroll to id アニメーション with jQuery』

(17.3.24追記)無駄をひとつ見つけました🌟 コードをシンプルにスマートに~((ノ")`ω´(ヾ) もう既出でしょうか。。 ページ内をジャンプする際の「jsスクロールアニメーション」を、はてなブログのもくじ用にカスタマイズしたものです。コードあまり綺麗ではありま…

【js/後半】window.requestAnimationFrame() を解説してみた🌟

On function parameterパラメーター(共数) と function argument引数(実述) requestAnimationFrame()のcallback function の parameterパラメーター(共数) では後半です。 invoke - 要請する(実行する) function - 関数 parameterパラメーター(共数) - パラ…

【js】pure JavaScipt で jQuery のToggleアニメーションを実現してみた

基礎編 応用編 基礎編 button1 list1-1 list1-2 list1-3 HTML <button id="btn1">button1</button> <ul id="list1"> <li>list1-1</li> <li>list1-2</li> <li>list1-3</li> </ul> CSS #list1 { transition: all .45s ease; } #btn1 { transition: all .2s; } JavaScript "use strict"; var _ = console.log; var btn1 = document.quer…

Google Font / early access (日本語) : 全9種

Google Font / early access ゴシック体 明朝体 その他 一気に試したい人用 Google Font / early access - https://fonts.google.com/earlyaccess - https://googlefonts.github.io/japanese/ 右側のテスト文章部分は、「クリック」すれば、文章を編集できま…

カラー・スペース(色空間)外観/ 変換方法 まとめ

Basic Color Conversion (theory) Color Conversion (source code -js -) Recommend article and Others Basic List of color spaces and their uses --Wikipedia.en -- https://en.m.wikipedia.org/wiki/List_of_color_spaces_and_their_uses Color Models:…

【js・備忘録】コンストラクター / プロトタイプ

Constructor ( function ) Prototype 国民的アニメ『サザエさん』の名前を使って、Constructor, prototype のコードを書いてみました( 現在学習中ですので、拙い部分もあるかと思います。ご注意下さい(*ฅ•̀ω•́ฅ*) あ、あとサザエさんの子供を、タラちゃん以…

【初学者向け】Chroma.js の使い方

code { font-size: inherit !important; } div[class*="cTitle"] { position: relative; display: table; top: 1em; left: .25em; border-radius: 14px; color: #fff; padding: 5px 16px; font-size: 20px; line-height: 20px; text-align: center; vertical…

iOS( iPad ) で "HTMLソースコード" を見る方法:: + 簡単コピー + スムーズ・スクロール

Apple ToolBox さんを参照 + カスタマイズしてみました🌟 http://appletoolbox.com/2014/03/how-to-view-webpage-html-source-codes-on-ipad-iphone-no-app-required/ javascript:(function(){ var a = window.open().document; a.write('<div></div>'); var b = a.body.a…

シンプル&明快。プログラミング本の著者さん🌟

著者: Allen B. Downey( アレン・B・ダウニー) 『Think』シリーズ ~ コンピューター・サイエンティストのよう考えるには ~ 『Think』Series --- how to think like a computer scientist --- Other Green Tea Press.com 教科書のマニフェスト*2 Textbook Man…

【js/前半】window.requestAnimationFrame()を解説してみた🌟

code { font-size: inherit !important; } li.title_s > code { font-size: inherit !important; font-weight: inherit !important; } .callback { font-style: italic !important; color: #ee6666 !important; } #compCode { position: relative; } #js1, #…

ColorWheel を作成中…::(っ`ω´c)::💦 + Chroma.js さんが秀逸過ぎる

Chroma.js Brian Grinsteadさんのコードを参照させて頂き、ColorWheelの仕組みを理解し、もう一度自分で作れるか一から自作中です✨ Colorwheel 1K - Brian Grinstead don't code today what you can't debug tomorrow: color wheel on Canvas jsコード自体は…

This Blog uses M+ Font, Logo Type Gothic, Google Fonts and FontAwesome. It"s free & Designed cool font. Greatful for Koji Morishita of M+ Fonts Designer( Creator) and "フォントな" , Google, Adobe, and Dave Gandy!
Background Photos is downloaded by Unsplash.com. Thanks!
|*´-`)チラッ
Please Click Me
本ブログ全てにおいて、アフィリエイトプログラムには参加しておりません(•ᵕᴗᵕ•) 詳しくはこちらをご覧下さい。また、 以下のバナーは、私が「質が高い・あら素敵(ˊo̶̶̷ᴗo̶̶̷`)✨」と感じたサイト様を掲載させて頂いておます_(( _๑´ω`))_⭐️