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コード自体は…

Outside The World ~ 外側の世界へ ~ ❶

[ Mare Serenitatis, Moon : Taked By NASA : photo via Unsplash.com ] この記事は、僕が英語習得を開始してから約一年半の間に、新しく知った事をキュレーションする記事の、プロローグである。 英語学習のキッカケとなった出来事を、少しばかり振り返って…

Google翻訳の精度Upしてたよ✨♪

Philosophy [ Wikipedia.en (17.0121) ] 哲学(翻訳) Google翻訳の翻訳精度が、大幅にUpしたみたいです Google翻訳 英語や外国語が更に身近なものになりました。本当にありがたい事です。Googleさん、ありがとうございます(* ˊ˘ˋ)*_ _))ペコリン という事で。今…

"タブレット + 英語" で始める、プログラミング

メイン オンライン・インタラクティブ学習サイト W3Schools 5.0 SoloLearn 4.8 learn x.org 4.5 書籍 無料のプログラミング本(英語) :: 雑談:: 僕の場合(JavaScript) リファレンス 辞書 Merriam Webster Dictionary 5.0 Cambridge Dictionary 4.9 Vocabulary…

2016年、僕が最もお世話になったアプリ17個( iOS + Web )

主要使用デバイス: iPad Air 2 デザイン Coolors Graphic Adobe LightRoom Adobe Comp Adobe Capture Pinterest タスク・学習 Box Documents Calculator HD + Pocket Puffin Browser Merriam Webster Vocaburary.com Cambridge Dictionary コーディング Text…

W3C 仕様書 --- 一覧リスト(HTML, CSS, DOM)

W3C 仕様書 --- 一覧リスト( HTML, CSS, DOM ) Documentation と Specification の違い Web Development系(HTML, CSS, DOM) の一次ソースである W3C の仕様書を一覧で観たくてリスト化してみました。全ては網羅できていません。それでも結構な量になった気が…

はてなブログ・テーマ製作用ツール

はてなブログの id, class(.less) box_2 はてなブログの id, class( ビジュアライズ版 ) その他 id, class を取得する為のjs github にテーマ製作の際に使えそうなツールをupしてみました。 js, less が少し分かると、より使いやすいかもしれません。 あまり…

デモ・エントリー

ゼロから始めるプログラミング ゼロから始めるプログラミング ゼロから始めるプログラミング ゼロから始めるプログラミング ゼロから始めるプログラミング ゼロから始めるプログラミング ゼロから始めるプログラミング ゼロから始めるプログラミング ゼロか…

Re: ゼロから始める{less} 生活

Less.js 公認 日本語翻訳ページ その他の日本語ページ 実際に LESS 試してみた 基本編 ちょっと応用編 Nested ruleとは [ ::雑談スペース:: ] Less.js http://lesscss.org LESS*1 As an extension to CSS, Less is not only backwards compatible with CSS, …

【js】この前のお休みに、気になっていた単語をどっぷり調べてみたよ🌟

不適切箇所 検出ツール ES Lintパ マルチプラットフォーム対応のjsコードに変換してくれるツール Bableパ 具体例 ES Lint 試してみた 【↓オンラインdemo↓】 【↓ 解説ページ(no-undef)】 [補足1] 「ソフトウェア」 と 「ソフトウェア・パッケージ 」の違い […

【js】getBoundingClientRect() がヤバ良い(初出は2008年⁉︎( ˙◊˙◞ )◞💡 )

element.getBoundingClientRect() ( i )Not スクロールイベント時 ( ii )スクロールイベント時 一次ソース その他の分かりやすい解説 getBoundingClientRect() の 対応ブラウザ 後日談 element.getBoundingClientRect() この method は、document内の指定し…

iPad 最強テキストエディタ アプリ、..\Textastic/..

これを最強と言わずして何を最強といおうか。 Textastic https://www.textasticapp.com 全部のせのです。入門者~中級者までをカバーできうる、和馬が選ぶ、2016年ベストのテキストエディタ アプリです 特徴 ●ほとんどの言語のコード・ハイライト機能 ●ブラウ…

【CSS】CSS のみ( Pure CSS )で「スクロール・ナビ.js」と同じ事が出来た⁉︎

jsだと、iOSの場合、position ヂェンジの際に、どうしてもシームレスに表示されない…。一旦position ヂェンジの際に、その要素の表示が消えてしまう。。 それをを解決したいと、ずっと頭の片隅にあって、 「もしやPosition を変える以外に方法は→ 色々試すが…

【js】ムリやり#Box2(サイドバー) を記事内にねじ込んでみた結果w

はてなブログの記事ページを、他のTech系サイトの様なレイアウトにしてみては!? とふと思い立ち実行してみました。 ただ、はてなブログのHTMLの構造上、サイドバー(#box2)を記事内に入れるのは、CSSではレイアウト調整が面倒くさくなるだろうなと思い、JavaS…

【js】Clipboard.js テスト

.foo { position: absolute; top: 0; } Copy クリップボード.js ができるかテスト中~。ただいまテスト中です。 本文が短いと「bad request」になるので、テキストで埋めています。テキストで埋めています。 //

【js】沈黙を越えて。『スクロールナビ.js(はてブロ.ver)』。プロトタイプ

「もくじ」の表示のさせ方 実際のデモ画像 まだ完全ではありません。また、JavaScriptもゆえ、ムダ等多いと思いますが…::(っ`ω´c):: 何にせよ、出来た事がかなり嬉しい(つ´ω`c)✨✨♪ まだ「h3ハイライト」しかできませんが宜しければどうぞ 「設定」→「フッタ…

【js】JavaScript 備忘録(骨子系)

Return Value の type 日本語に翻訳するとしたら「返値 」という語がいい気がする。多分造語だけど。翻訳調べたらありましたw 調べて明確に理解したが、「return valueのタイプ」というのは そもそもJavaScriptの扱えるData Type と、密接に関連している。 …

ブログがゲシュタルト崩壊を起こしたので…→

次制作中の「マークダウン風シンプル」テーマをお楽しみ下さい🌟0(:3 )~ ('、3_ヽ)_←(w) 不完全理解のものを、ブログに詰め込みすぎました(*⚫︎ー⚫︎)b 💦w

John Resigさんの「JavaScript Ninja」買ってみた🌟

英語である事、"良い値段"である事から、凄く欲しいと思いながらも購入に踏み切れずにいました。、が⁉︎ ついに先日購入に踏み切りました(°∀° )/(°ω° )/(°Д° )/✨ Manning.pubさんから電子書籍版を購入しました [manning links] そして基本はタブレットで読む…

ブログ、只今絶賛工事中です👷🚧L( •̤ㅂ•̤)┘三└(•̤ㅂ•̤)」🌟

タイポグラフィーを少し意識してみました。 font-size, font-weight, line-height, letter-spacing。 最近気づきました。実は中学生の頃ぐらいから、ずっと字フェチだったのかもしれません( ˙◊˙◞ )◞ そう言えば、中学の美術で初めて「レタリング」をやった時…

【jq】jQueryが最強すぎておらおどれーてる(′ʘ⌄ʘ‵)✨

jQueryとは、JavaScriptのライブラリです。 jquery.com 「ライブラリ」とは 「ライブラリ」 - e-Words IT用語辞典 sp.e-words.jp ... ITの分野では、ある特定の機能を持ったコンピュータプログラムを他のプログラムから呼び出して利用できるように部品化し、…

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̶̶̷`)✨」と感じたサイト様を掲載させて頂いておます_(( _๑´ω`))_⭐️