モダンなJavaScript/TypeScript実行環境「Deno」
class: middle, center <img src="./assets/logo.svg" align="center" width="200" /> モダンな JavaScript/TypeScript 実行環境 Deno --- class: middle, center 「Deno」 聞いたことありますか? 🙋♀️ 🙋♂️ --- class: middle, center 「Deno」 使ったことありますか? 🙋♀️ 🙋♂️ --- class: middle, center 今日は Deno を 「聞いた事ない」 ~ 「触った事はある」 ぐらいの人向けの話をします --- # 話す人 <img src="./assets/hinosawa.jpg" align="right" width="300" /> 日野澤歓也 twitter @kt3k Web
DenoにはWebAssemblyがある
このDenoスタータプロジェクトテンプレートをGitHubからクローンあるいはフォークしてください。インストラクションに従えば、Denoで動作する最初のWebAssembly関数(Rustで記述されている)が5分以内に完成するはずです。 ちょっとした背景説明 Node.jsが大きな成功を収めたのは、開発者に２つの世界で最高のものを提供できたからです。すなわち、JavaScriptによる、特にイベントベースの非同期アプリケーション開発における簡便さと、C/C++のハイパフォーマンスです。Node.jsアプリケーションはJavaScriptで記述されますが、実行は、Google V8 JavaSciptエンジンと多数のネイティブライブラリモジュールを含んだ、C/C++ベースのネイティブランタイムによって行われます。Denoはこの勝利の方程式を再現する一方で、そのプロセスを、TypeScript
世界のプログラミング言語(34) Node.jsに関する10の反省点から生まれたJS実行エンジンDeno
PC上でJavaScriptを実行できるJavaScript実行エンジンではNode.jsが最も普及しています。これは十分高速であるため、サーバー用途でも利用されています。しかし、Node.jsの作者は2018年より新たなJavaScript実行エンジンDenoを開発しています。DenoはNode.jsの反省より生まれたプロジェクトで多くの点でNode.jsを改良したものです。期待のDenoはNode.jsと比べて何が良いのか実際にプログラムを作って試してみましょう。 DenoでWebサーバーを実装して実行したところ DenoはNode.jsの反省から生まれた Node.jsの作者として有名なライアン・ダール氏は、2018年にJavaScriptの国際的なカンファレンス「JSConf 」にてDeno(読み方：ディーノまたはデノ)を発表しました。しかも、それは「Node.jsに関する10の反
vTicker
A jQuery plug-in that adds scrolling vertical tickers to your site Just one line of javascript code is all you need to start a vTicker Items can be paused when the mouse hovers over an item Step backwards and forwards through your ticker items with easy client methods Easy to use: vTicker is easily added to your existing web page by including jQuery, the vTicker plug-in javascript file and then by
数秒ごとに1行ずつ縦スクロールするティッカーを作る [ホームページ作成] All About
文字が流れる電光掲示板のことを「ティッカー」と呼びます。文字が左右に流れたり、上下に流れたりします。鉄道や空港などで使われているほか、街中でも見かけます。 ウェブ上では、IEの独自拡張として「marquee」(マーキー)という要素があり、左右に文字を流せます。しかし、独自拡張なので使うことは推奨されませんし、何より「文字が横に流れていく表示」は、文章を一気に読めない点で、あまり歓迎されないでしょう。 では、1行または数行単位で、「数秒間は静止表示」→「0.5秒くらいのアニメーションで次の1行を表示」……というのを繰り返す垂直方向のティッカーなら、どうでしょうか。その場合は、 文章は一括表示されるため、読みにくくはならない。 ずっと流れ続けるわけではないので、さほど煩くはならない。 場所を取らずに様々な情報を見せられる。 ……という区画になります。 ニュース系サイトなどで、ヘッダの直下あたり
![数秒ごとに1行ずつ縦スクロールするティッカーを作る [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f04c2e1290b7d677a20ab445513eccbd4491c41/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F3%2F2%2F0%2F6%2F7%2Ftopimg_large.png)
【jQuery】シンプルなニュースティッカーが簡単実装！jquery.simpleTicker.jsの使い方
プログラミング 【jQuery】シンプルなニュースティッカーが簡単実装！jquery.simpleTicker.jsの使い方 ニュースティッカーとは ニュースティッカーって何っていう人もいると思うんだけど 下からテキストがシュルッと出てくるものだよ。 この機能の用途としては お知らせ、ニュース、新着情報などを掲載する時に使えるよ。 この機能を簡単にシンプルに表示できるのがjquery.simpleTicker.jsだよ。 サンプルデモページを用意したから見てみてね。 サンプルデモページはこちら simpleTickerの使い方 ファイルのダウンロード まずはjQueryの設置をするよ！ jQueryの公式サイトからファイルをダウンロードしてね。 jQueryの公式サイトはこちら 次にjquery.simpleTicker.jsを入れるために GitHubからダウンロードするよ。 jquer
わずか4KBと軽量でカスタマイズしやすい、シンプルなデートピッカー（カレンダー）を実装するjQueryプラグイン・glDatePicker - かちびと.net
軽量でカスタマイズしやすいデートピッカー のjQueryプラグイン・glDatePickerのご紹介。 とてもシンプルで、4KBと超軽量です。汎用 的で使いやすいかなと思ってエントリー。 jQueryUIでもいいっちゃいいんですけど、 デートピッカーだけならUIを入れる必要は 無いですしね・・・ 何かとシンプルな方が使いやすく汎用性も高かったりしますね。4KBは確かに軽いです。また、IE6や7などの非モダンブラウザでも問題なく動作してくれます。 カレンダーの日付を押すだけでボックス内にデータを入力出来るやつです。デートピッカーというんですが、これがあるとユーザーは視覚的にも探しやすく、入力ミスも防げるので日付を入力するフォームに導入するといいユーザービリティになりそうです。 また、シンプルなコードでカスタマイズもしやすいのが特徴です。というわけでサクッと日本語にしてみました。 デモ デモで
縦長メニューでも使えるjQuery scroll follow "plus"公開 | 松下響の天輪返し
こんにちは、一応制作が本業の松下です。 今回はまた趣向を変えて、web制作系のお話をしてみたいと思います。 現在このサイトで左のメニューがスクロールに合わせて追従するようになっておりますが、これはフリーで配布されているjQuery scroll followというスクリプトを拝借しまして、それを少々改造したものです。 改造と申しますのも、当サイト、特にこのブログのような長いメニューでこれをそのまま使うには少々不都合がありまして、対処法を検索しても有効な打開策が見当たらなかったので、自分でコードを書き変えて最適化してみたわけです。 それで、折角できましたのでゆるりと配布を開始してみます。元々MITライセンスですので、改変著作物の再配布は自由となっております。 名前は適当に「jQuery scroll follow plus」と付けました。ええ、リブナニッカ+(プラス)みたいに元より強そうでい
prototype.jsからjQueryに移行するたったひとつの冴えたやりかた - os0x.blog
どうもこんにちは、os0xです。 実は(Twitterに書いただけで)ブログに書いてなかったのですが、3ヶ月ほど前からクックパッドで働いています*1。なんかもう今更ですよね、すみません。 さてさて、クックパッドですが、つい一昨日までprototype.jsを使っていました。で、昨日jQueryへの移行をリリースしたところだったりします。 というわけで、その辺の話を少し書いてみたいと思います。 そもそも、なんでjQueryに移行するのか まあ、prototype.jsとjQueryどちらを使うかと問われたら、大抵の人はjQueryと答えますよね。確かにjQueryの使いやすさは魅力的です。使いやすいということは、みんなでjQueryを使ってサービスを作ることができます。特定の誰かに依存してボトルネックになったりすることがないなら、それは素晴らしいですね。 しかし、ライブラリを変えるのは簡単な
jQuery - Wikipedia
jQuery（ジェイクエリー）は、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである。ジョン・レシグが、2006年1月に開催された BarCamp NYC でリリースした。様々な場面で活用されており、JavaScriptライブラリのデファクトスタンダードと呼ぶ者もいる[2]。ロゴの下に表記されているキャッチコピーは「write less, do more」（「少ない記述で、もっと多くのことをする」の意）。 jQueryには次のような機能・特徴がある。 ブラウザに依存しないオープンソースのセレクタエンジン Sizzle を使ったDOMエレメントの選択（Sizzle は jQuery プロジェクトからスピンアウト）[3] DOM操作と変更（CSS 1-3 と基本的なXPathのサポートを含む） イベント CSS操作
グーグルのJavaScriptツール集大成「Google Closure Tools」
2009年11月5日，Googleは自社サービス製品であるGmail，Google Maps，Google Docsなどの開発に使用しているJavaScriptアプリ開発ツール群「Google Closure Tools」を一般公開しました。 "Closure"は一般的に，閉鎖や閉店といった意味で使われます。ツールの命名としては少しネガティブなニュアンスを感じますが，Google Closure Toolsの場合は，終結といった意味で，開発プロジェクトにおける最終ステップの仕上げ用ツール。すなわち“栓”という意味で中身があふれ出さないようにキッチリ閉めておくものといった意味合いから命名されているようです。 Ultimate（究極）に近い意味でGoogleの自信の表れと受け取った方がいいかもしれません。Googleで新規公開になったプロジェクトとしては珍しく，ベータ版の表記もありません（Go
ハイテンションAjax入門 - 三等兵
JSが少しできる人ならうじうじ考えるほどのこともでもない！ 何も難しいことはない！ぶっとんぢまいなよ！ヒャッパー！！！ というノリでAjaxを学んでみました。醜いです。 Ajax入門 Ajaxはいろいろできるんだぜ！ 以上入門終り！キミは完璧だ！次いけ！ Ajaxは非同期通信だかなんだかそんなもんはどうでもいいんだ！ どうでもいい！そんなことよりもXMLHttpRequestオブジェクト生成！ var request = false; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); //frefox ie7,8 safai opera } else if(window.ActiveXObject) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); // ie6
Google カレンダー
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
東京メトロ路線図・都営地下鉄路線図・JR路線図・私鉄路線図: Google マップ
運休中や事業中は赤色で示します (計画中の未確定路線含む) 旅行の際にはJRはじめ各鉄道会社の最新情報を確認して下さい #鉄道 #旅行 #路線図 開業、廃止、移管予定の主な路線や駅 (更新: 2025年1月19日) 2025年3月15日: 抜海駅、南幌延駅、雄信内駅 (JR宗谷本線) および東滝川駅、東根室駅 (JR根室本線) 廃止予定 2025年3月15日: 上所駅 (JR越後線、新潟～白山間) 開業予定 2025年3月15日: 仙巌園駅 (JR日豊本線、竜ケ水～鹿児島間) 開業予定 2025年4月1日: 京成電鉄が新京成電鉄を吸収合併、新京成線の名称を松戸線に変更 2025年4月1日: 南海電気鉄道と泉北高速鉄道が経営統合、泉北高速鉄道線の名称を泉北線に変更 2026年3月頃: しきぶ駅 (ハピラインふくい、王子保～武生間) 開業予定 2026年3月末: JR北海道 留萌線 (深川～石
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - suitougreentea/denocg: [Experimental / PoC] Create broadcast graphics using Deno and a browser (a NodeCG alternative)
Deno
GitHub - miraoto/jquery.simpleTicker.js: Simple ticker plugin using jQuery
簡単なjquery tickerプラグインを作ってみた。
http://blog.crara.cc/archives/216