タグ

JavaScriptに関するpenguin_niisanのブックマーク (17)

  • CORS とは? - JavaScript 入門

    CORS とは? まずは、「同一生成元ポリシー」とは? CORS というのは、「同一生成元ポリシー (Same-Origin Policy)」というポリシーによって設けられた制限を緩めるものです。 ですから、CORS を理解するにはまずは、「同一生成元ポリシー」というのがどういうものか知る必要があります。 同一生成元ポリシーというのは、すごく簡単に言うと 「JavaScript で自由にやりとりできるところは、その JavaScript をとってきたところと同一の場所だけに制限する」 ということです。 同一生成元かどうか判断する時には、ホスト名、スキーム、ポート番号がチェックされます。これらが同じ場合、同一生成元へのアクセスとみなされます。 この制限があるために、あるサーバーから JavaScript をダウンロードし、そのスクリプトから全く別のサーバーにアクセスしてそこから情報を取得する

    CORS とは? - JavaScript 入門
  • Reactを使うとなぜjQueryが要らなくなるのか - Qiita

    はじめに React(通称 React.js1)を全く知らない、あるいは幾つか記事を見たけどなんなのかピンと来ていない、という人のために書いています。 「jQuery くらいしか知らない」くらいの人に具体的に雰囲気を知ってもらうのが目的であり、すでにやる気がある人向けのチュートリアルではありません。やる気が出れば日語版ドキュメントを読んで手を動かせばあっという間なので、そこまでの興味が出ることを目標にしています。 以降では ES2015 (ES6) の文法(アロー関数とか)を使っています。この部分が怪しい人は先にアロー関数と const 文だけでも知ってから先に進んでください。 以下の説明中、このアイコンで表すのは(2023 年現在から見た)『昔話』です。新しく自分のコードを書く際には来知らなくていいことですが、古い記事を見たときに混同しないための参考情報として書いてあります。この記事

    Reactを使うとなぜjQueryが要らなくなるのか - Qiita
  • 出来る限り短く説明するReactJS入門 - Qiita

    VTeacher 所属の Masaki Suzuki です。 ※各項目をできるだけ3行以内にまとめています デザイナーさんやフロントのエンジニアさん向けのReact.js(リアクトジェーエス)入門です。 「最近、『リアクト』と聞くけど、つまり何?」ってひとが対象です。 React.jsとは React.jsはUIのパーツ(構成部品)を作るためのライブラリです。 FacebookがOSSとして公開しています。 初回投稿日:2015年06月21日 この投稿はReactが話題になり始めた頃(6年前のv0.1の頃)、整理した記事です。 最新情報はこちら React Server Components 2021年からReactを始めるなら React Server Components 一択ではないか? https://zenn.dev/rgbkids/articles/e58ef9b947b199

    出来る限り短く説明するReactJS入門 - Qiita
  • JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ:phpspot開発日誌

    JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介(これは良いです) Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して

  • prototype.js v1.5.0 の使い方

    それは何? prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス

  • javascript - シャッフルシャッフル : 404 Blog Not Found

    2006年08月30日18:30 カテゴリLightweight Languages javascript - シャッフルシャッフル なるほど。Schwartzian Transformの意外な利用法だなあ。 snippets from shinichitomita’s journal - JavaScriptの配列をsort関数でシャッフルする Array.prototype.shuffle = function() { return this.map(function(a){ return { weight: Math.random(), value: a } }) .sort(function(a, b){ return a.weight - b.weight }) .map(function(a){ return a.value }); } でも、実践ではどうだろう。調べてみた。

    javascript - シャッフルシャッフル : 404 Blog Not Found
  • Latest topics JavaScript 1.7のyield文ってなんじゃらほ - outsider reflex

    Latest topics > JavaScript 1.7のyield文ってなんじゃらほ 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行まんがでわかるLinux シス管系女子の試し読みが可能! « mod_estraierでの履歴全文検索(ミラー) Main 年金の追納 » JavaScript 1.7のyield文ってなんじゃらほ - Aug 07, 2006 JavaScript 1.7 の yield が凄すぎる件についてを見てもyieldってそもそも何なのかちいとも分かっとらんかったのでそこから調べてみた。 yieldはreturnの仲間? そもそもこのyield文というのは、JavaScriptと同じくスクリプト言語のPythonから持ち込まれた仕組みらしい。ジェネレータとは何ぞやで読める例を

    penguin_niisan
    penguin_niisan 2006/08/09
    yieldについて
  • JSmartyとは? - Thousand Years

    概要 JSmartyはPHPのSmartyを模したJavaScriptで動くテンプレートエンジンです。テンプレートAPI部分についてはSmartyを準拠しており、それ以外にも文字列処理が便利になるようにAPIを提供します。 デモ http://www.starmsg.net/samples/JSmarty/plugin.html ダウンロード http://code.google.com/p/jsmarty/downloads/list Hello World!! <script src="JSmarty.js"></script> <script src="JSmarty/Compiler.js"></script> var smarty = new JSmarty(); smarty.assign("foo", "Hello World!!"); smarty.display("str

    JSmartyとは? - Thousand Years
  • JAVASCRIPT::BOOKMARKLET

    JavaScript::Bookmarklet スクリプト集:このページで紹介しているスクリプトは自由にお使いください。 更新日:2006.10.27 [blog] このページは様々な用途で利用できるBookmarkletをご紹介しています。もしこのページで紹介しているBookmarkletが気にいったら是非このページをあなたのホームページとリンクしてください。そしてもっと多くの人にBookmarkletおもしろさを伝えてください。リンクに許可は必要ありません。またこのページで紹介しているBookmarkletの多くは海外サイトで紹介されているコピーフリーなものです。ですから自由にコピーして使ってください。 ニュース&お知らせ 6月27日:「カウンタ」を追加しました。 3月18日:「DOMのソースを見る」を追加しました。 1月26日:「nofollow属性のリンクを強調」を追加しました。

  • Demos in scriptaculous wiki

    This repository is private. All pages are served over SSL and all pushing and pulling is done over SSH. No one may fork, clone, or view it unless they are added as a member. Every repository with this icon () is private. This repository is public. Anyone may fork, clone, or view it. Every repository with this icon () is public.

  • オブジェクト指向プログラム言語としてのJavaScript

    このページでは、JavaScriptのオブジェクト指向言語としての側面を研究します。 JavaScriptは、HTMLの拡張という側面が注目されていますが、 プログラム言語として見た場合にも、興味深い独自の特徴がたくさんあります。 このページでは、これらJavaScriptの言語としての特性、 特にオブジェクト指向言語としてJavaScript を見た場合の特徴について詳しく研究を試みます。 JavaScriptは、ほぼ完全なオブジェクト指向言語です。プログラマによるクラス定義、プロパティ定義、メソッド定義ができます。継承は、言語の基機能としては用意されていませんが、基機能の組み合わせにより実現できます。 メソッドのバインディング(binding)はレイトバインディング(late binding)です。これは、JavaScriptが変数の型のない言語だからです。 JavaScript

  • JavaScriptはもういらない!?

    はじめまして! 株女子こはると申します。 ブログ、ご覧になっていただいてありがとうございます🥳 株式投資が楽しすぎて株ブログ作っちゃいました😈 私が特に好きなのはテーマ株投資。 このブログを始めようと思ったのは、注目しているテーマ株のアレコレを忘れちゃわないように記録しておきたいなと思ったのがきっかけです。 常に新しいテーマを探しているので、次コレが流行りそうだよ~!っていうテーマがあったら是非教えて欲しいです。 株ブログを通じてトレード友達ができたら嬉しいなと思っています! リア友はあまり株好きいないし😇

    JavaScriptはもういらない!?
  • JavaScript basic samples

    ┣ 文字列のスクロール(テキストボックス) ┣ 文字列のスクロール(ステータスバー) ┣ 1文字ずつ表示(テキストボックス) ┣ 1文字ずつ表示(ステータスバー) ┣ 1文字ずつ表示(テキスト) ┣ マウスを重ねると説明を表示(テキストボックス) ┣ マウスを重ねると説明を表示(ステータスバー) ┣ マウスを重ねると説明を表示(テキスト) ┣ マウスを重ねると説明を表示(ポップアップ) ┣ マウスと共に移動するイメージ ┣ 入力できないテキストエリア ┣ クイックリンク ┣ クイックリンク(フレーム形式) ┣ 複数のフレームページを同時に変更する ┣ プロンプトをパスワードの入力に利用 ┣ リンクボタン ┗ リロードボタン

  • 趣味のJavaScriptなページ by AYA

    JavaScript・Dynamic HTMLWindows Scripting Hostの講座。このサイトはどのページも自由にリンクを張ってもらってけっこうです。 できれば直に張ってください。 これ以下のページはInternet Explorer 5.0、 Netscape Communicator 4.6で表示を確認しています。 フォントサイズは中または12Ptを、 表示色はハイカラー以上を推奨します。 最近、CSSを使ってページを書き換えています。 CSS1対応のブラウザでないとレイアウトがページ作成者の意図と違う可能性大です。 なおNetscape Communicatorをお使いの方はなるべく最新のバージョンでご覧ください。 New! Update! は2ヵ月目安ですが、あくまで目安です。

  • うさのJavaScript講座

    JavaScriptを楽しく学ぶことを目的としたウェブサイトです。JavaScriptやJQueryのフリーサンプルを提供しています。

  • Site Cooler NZ | Points to Note When Shopping for a Washing Machine

    Points to Note When Shopping for a Washing Machine There are different washing machines brands in New Zealand. When shopping, therefore, you need to ensure that first, you get a quality machine; a machine that will last through many years without breaking down. You check product warranties and reviews when shopping to ensure a machine is a good quality. The material of the drum can be enamel, plas

  • 便利JavaScriptプログラム

    JavaScriptを用いた簡単なプログラム集です。 エクスプローラとあまり相性がよくありません。 できるだけ、ネットスケープをご利用下さい。 バグを発見された方は是非ご連絡お願い致します。

    penguin_niisan
    penguin_niisan 2006/04/11
    簡単な変換なんかはここで出来る。
  • 1