タグ

JavaScriptに関するlesson5のブックマーク (174)

  • AppleはAIモデルをオープンソースとして公開したいと考えていたが世間の批判を恐れ実現せず

    Appleは文章生成AI画像生成AIを含むAIシステム「Apple Intelligence」を開発し、iPhoneMacに取り入れています。これらのAIについて、当初はオープンソース化する計画があったが断念されたとThe Informationが報じました。この決定が、Appleの貴重な人材を流出させるきっかけにもなったと伝えられています。 How Apple’s Internal Veto Against Open-Source AI Sparked a Talent Exodus to Meta - WinBuzzer https://winbuzzer.com/2025/07/22/how-apples-internal-veto-against-open-source-ai-sparked-an-ai-talent-exodus-to-meta-xcxwbn/ Apple A

    AppleはAIモデルをオープンソースとして公開したいと考えていたが世間の批判を恐れ実現せず
  • テキストボックスの値を引き継ぐには??

    貴子 2000/03/01(水) 22:32:25 テキストボックスに入力した値をリンク先のテキストボックスに表示させたいのですが、JavaScript,HTMLだけでは無理でしようか?やはりCGIを使うできですか? Yosh 2000/03/01(水) 23:33:42 無理ではないわな、、、 見えないフレームを作ってやって、そのフレーム内にhidden で保持しておけばええのや。 つまり ■frame.htmlの内容 <HTML> <FRAMESET ROWS=0,*> <FRAME NAME=up SRC=keep.html> <FRAME NAME=down SRC=main.html> </FRAMESET> </HTML> ■keep.htmlの内容 <HTML><BODY> <FORM NAME=form1> <INPUT TYPE=hidden NAME=hidd1 VAL

  • [JS]アニメーションで快適に動作する画像ギャラリーの超軽量スクリプト

    画像の切り替えはフェード、サムネイルはスライドするアニメーションで動作する画像ギャラリーの超軽量(5KB)のスクリプトをLeigeberから紹介します。 ※jQueryなどの他のスクリプトには依存していません。 Animated JavaScript Slideshow - 5KB demo デモでは画像の切り替えがフェードで行われ、タイトルとキャプションがスライドして自動で表示されます。 サムネイルは左右にスムーズにスライドします。 各タイトルとキャプションと画像のセットはリスト要素で、それぞれh3, p, imgで実装されており、スクリプトオフ時にはリストの状態で表示されます。 スクリプトのオプションでは、スピード、不透明度、カラー、オート・手動、ダイアログの有無などが調整できます。 動作環境は、Fx, IE, Op, Safari, Chromeとなっており、IE6でも動作しました。

    lesson5
    lesson5 2008/12/23
    5KB!
  • デザイナーにオススメ!JavaScript滑らかメニュー

    サイトの構造を分かりやすく整理したグローバルナビゲーションを設置したい。カテゴリが細分化されているWebサイトで、遠回りせずに直接、目的のページに移動できるようにしたい――。そんなときに使えるJavaScriptライブラリが、Dynamic Driveで公開中の「Smooth Navigation Menu」だ。 Smooth Navigation Menuは、多階層のドロップダウンメニューを簡単に設置できるライブラリ。(X)HTML中のリストタグを読み込み、下の画面のようにドロップダウンメニューとして表示してくれる。しかも、メニューの展開時にはちょっとしたアニメーション付き。ライブラリ名にもなっているとおり、スムーズな動きがなかなか気持ちいい。 このSmooth Navigation Menuは、JavaScriptに詳しくないWebデザイナーでも扱いやすいように、スクリプト部分を一切い

    デザイナーにオススメ!JavaScript滑らかメニュー
  • jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ

    JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを5つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){

  • [JS]省スペースにフェードと自動スクロールで表示するスクリプト -Simple Spy

    Simple Spyは、フェードインで最上部に表示したコンテンツを自動でスクロールし、最下部に移動したらフェードアウトで非表示にするスクリプトです。 Simple jQuery Spy Effect demo 各コンテンツはリスト要素で実装されており、オプションで表示数、時間が簡単に変更できます。 別バージョンとして、高さ固定タイプとループ一回タイプの実装方法も紹介されています。 Simple SpyはjQueryのプラグインのため、実装にはjquery.jsが必要です。

  • fancyBox

    Fancybox ​Fancybox is the ultimate JavaScript lightbox alternative that sets the standard for premium user experience in multimedia display. It is built using TypeScript for use with various modern application frameworks (React, Vue, etc) or simply with pure Javascript. It is built using the Carousel component under the hood, and the Panzoom component is used to make the images interactive. Key Fe

    lesson5
    lesson5 2008/12/10
    lightbox的な効果のプラグイン
  • HOKYPOKY. | MULTICOL. jQuery Plugin

    MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。 もちろん、日製のプラグインなので日語もきれいに段組みにします。 一 或春の日暮です。 唐の西の門の下に、ぼんやり空を仰いでいる、一人の若者がありました。 若者は名を杜子春といって、元は金持の息子でしたが、今は財産を費な身分になっているのです。 何しろその頃洛陽といえば、天下に並ぶもののない、繁昌は、まるで画のような美しさです。 しかし杜子春は相変らず、門の壁に身を凭かと思う程、かすかに白く浮んでいるのです。 「日は暮れるし、腹は減るし、その上もうどこへ行っても、泊めてくれる所はなさそうだし——こんな思いをして生きている位なら、一そ川へでも身を投げて、死んでしまった方がましかも知れない」 杜子春はひとりさっきから、こんな取りとめもないことを思いめぐらしてい

    lesson5
    lesson5 2008/12/10
    段組を実現
  • jQuery.brbr Pluginを作成しました。 - KAYAC Engineers' Blog

    高知から帰ったら席がのっとられていたagoです。 このたび弊社ではYUREX™ - ビンボーゆすりを科学したコラボ・プロダクトを開発として、YUREX製品サイトをOPENしました。 今回はこのサイトで使用している、文字や画像のリンク部分を揺らすjavascriptをjQuery.brbrとして(無駄に)jQuery Plugin化したので公開したいと思います。 使い方はjQueryと一緒に読み込み、揺らしたいelementsに対して.brbr()を指定するだけ。 $(function () { $(/* or selector */).brbr(); }); これで該当要素以下のリンクをカーソルで指定した場合にゆれるようになります。 指定できるパラメータと初期値は以下の通りです。 $(/* or selector */).brbr({ /* ゆれる方向を指定。 top,left,''を指定

    jQuery.brbr Pluginを作成しました。 - KAYAC Engineers' Blog
    lesson5
    lesson5 2008/12/10
    リンクに動きを テキストリンクへのワンポイント
  • jScrollPane

    jScrollPane is a jquery plugin which allows you to replace the browsers default vertical scrollbars on any block level element with an overflow:auto style. You can easily control the apperance of the custom scrollbars using simple CSS. jScrollPane is crossbrowser, working on all browsers that support jquery and it also degrades gracefully. If a user's browser doesn't support jQuery or has J

    lesson5
    lesson5 2008/12/10
    スクロールバー
  • argilla: aScroller

    This is a javascript scroller, 100% standards compliant (doesn't poison your code, keeps the page validating XHTML Strict). This class works on Internet Explorer 5.01-7.0, Firefox 1.0-3.0, Safari 2.0-3.0 and Opera 8.0-9.0. On Opera 8.0 there's a small bug regarding the horizontal scrollbar on horizontal scroller mode. Usage Define a <div> tag with a specified ID. Put inside another child <div> co

    lesson5
    lesson5 2008/12/09
    ティッカー 縦方向がよきかんじ
  • RSS FeedをJavascriptでWebに埋め込み(β版)

    「プレビュー」ボタンを押すと、表示内容と表示方法を確認できます。 問題なく表示されたら、「コードを取得」ボタンを押してください。Javascriptのコードが表示されます。 あとはそれを表示させたい場所へコピペしてください。 URL RSS FeedのURLを入力してください。 サイト情報の表示 サイトの情報を表示するか選択してください。 タイトルと概要を表示する タイトルのみ表示する 表示しない 表示する記事の件数 表示する記事の数を決定してください。(0にすると、最高20件までの記事を表示します。) 表示する記事の文字数 表示する記事の文字数を決定してください。(0 = 全文を表示しない n≧1 = 始めからn文字目ぐらいまで表示する) 例)日語50文字なら100と入力。 アイテムの表示エントリアイテム(画像など)の表示を選択します。 画像を含むすべてを表示 テ

  • JavaScript チェックボックスのチェックの数を調べます。

    <BODY > <FORM name="myFORM"><INPUT type="checkbox" name="CK" onclick="chg()">:チェックボックス�@<BR> <INPUT type="checkbox" name="CK1" onclick="chg()">:チェックボックス�A<BR> <INPUT type="checkbox" name="CK2" onclick="chg()">:チェックボックス�B<BR> <BR> <INPUT size="30" type="text" name="tBox"></FORM> </BODY> <SCRIPT language="JavaScript"> <!--eelife ck_suu=3; //チェックボックスの数です。 function chg(){ v=0; for (i=0; i<

  • ASCII.jp:Web制作会社が作った!超使えるJavaScriptライブラリ

    「Webサイトを作るときに当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL(MITSUE-LINKS JavaScript Library)」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規

    ASCII.jp:Web制作会社が作った!超使えるJavaScriptライブラリ
  • MOONGIFT: » 必見!JavaScriptのalert処理にさよならを「Blackbird」:オープンソースを毎日紹介

    ※ 画面は公式サイトデモより JavaScriptのデバッグによく利用されるものと言えば、alertだろう。簡単に使えて便利な関数だが、ブラウザの処理が止まってしまったり、長文の表示が難しいなどデメリットも数多い。 alertとお別れするためのJavaScriptデバッグツール そこで使ってみたいのがBlackbirdだ。Google Code上で公開されているオープンソースのJavaScriptアラートだ。 Blackbirdは見た目の格好いいフローティングダイアログにログを表示できる。デバッグ、インフォ、ウォーニング、エラー、プロファイルの5つのメッセージパターンが設定できる。Blackbirdのウィンドウでは各メッセージタイプの表示、非表示が切り替えられるようになっている。 表示位置の変更、表示するメッセージの種類が変更できる さらにF2キーを押して表示/非表示を切り替えたり、Shi

    MOONGIFT: » 必見!JavaScriptのalert処理にさよならを「Blackbird」:オープンソースを毎日紹介
  • jQuery liScroll - a jQuery News Ticker

    liScroll (a jQuery News Ticker made easy) 1.0 Last updated friday, april 22 2011 What's this? liScroll is a jQuery plugin that transforms any given unordered list into a scrolling News Ticker jquery.li-scroller.1.0.js 10/10/2007The first thing that most Javascript programmers 10/10/2007End up doing is adding some code 10/10/2007The code that you want to run 08/10/2007Inside of which is the code th

  • Safari4 と IE8 で実装された DOM Storage とは何か - IT戦記

    はじめに 皆様 JavaScript のスピード競争が激化し、 ECMAScript 3.1 の仕様の策定が進むなど、激動の JavaScript 時代をいかがお過ごしでしょうか。 さて今日は、今、ちまたで大ブレイクの兆しを見せている DOM Storage という仕様を紹介したいと思います。 DOM Storage とは何か まず、 DOM Storage とはどんなものなのでしょうか。 とても簡単に言ってしまえば、とてもたくさんのデータが保存できてサーバーに自動で送られない Cookie みたいなものです。 さらに、 Cookie とは違って JavaScript からとても扱い易く作られています。 では、この DOMStorage の具体的なソースコードを見てみましょう。 <!DOCTYPE html> <html> <head><title>DOMStorage の使い方</tit

    Safari4 と IE8 で実装された DOM Storage とは何か - IT戦記
  • JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ

    JavaScript でいろいろな日付の計算関係をまとめてみました。前回の日付関係のまとめエントリの JavaScript版です。 日付の単位について 基的なことですが、一応まとめておきます。 1秒は1000ミリ秒 1分は60秒 1時間は60分 よって 1時間=60分=3600秒=3600000ミリ秒 1日=24時間=1440分=86400秒=86400000ミリ秒 現在時刻の取得 まずは、最もよく使う処理です。 //今日の日時を表示 var date = new Date(); document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.get

    lesson5
    lesson5 2008/09/18
    日付
  • Facebox 1.2

    lesson5
    lesson5 2008/09/09
    lightbox風
  • RedLine Magazine : jQueryでリストを開閉させたい

    jQueryでリストを開閉させたい こちらの記事、サンプルを拝見して。 Css Globe - Sitemap Styler: Style your Sitemaps with CSS and Javascript 英文なのだが、上記ページの「Examples」の部分の各サンプルを見れば何がしたいかはすぐに分かると思う。サイトマップだけでなく、いろんな場所で使えそう。動きも気持ちいいし、是非使ってみたいと思ったのだが、実際使ってみるとダダーと下階層のulリストを開くためには左の「+」マークを的確にポチっとしないといけない。またjs無効の際、下階層のulリストはCSS側で「display:none;」になっているので、そのままでは中身が表示されない。 じゃあそれ、jQueryでやってみよう。 もう少し自分好みな感じにできないかなーということで、jQueryでやってみることにした。対象となるペ