2023-07-20のJS: vm2の開発終了、Storybook 7.1、Fresh 1.3
JSer.info #652 - Node.jsのnode:vmモジュールはSandbox(信用できないコードの実行環境)としては利用できませんが、vm2はnode:vmをラップしてSandboxを提供するモジュールでした。 今回、vm2の仕組み的に修正できないSandboxに関する脆弱性が発見されたため、メンテナンスを終了することが宣言されています。脆弱性の詳細はまだ公開されていませんが、Sandboxを破ることができる脆弱性で、PoCは8月ごろに公開される予定です。 Discontinued · Issue #533 · patriksimek/vm2 vm2 Sandbox Escape vulnerability · CVE-2023-37466 · GitHub Advisory Database Sandbox機能が欲しい場合は、QuickJSをWebAssemblyにコンパイ
【独学・未経験】Nuxt.js, Rails, Docker, AWS ECS(Fargate), TerraformなSPAポートフォリオを作成しました。 - Qiita
【独学・未経験】Nuxt.js, Rails, Docker, AWS ECS(Fargate), TerraformなSPAポートフォリオを作成しました。RailsAWSDockerTerraformNuxt はじめに プログラミング歴半年（独学）の実務未経験者がSPAなポートフォリオを制作しましたので紹介していきたいと思います！ 今後もアップデートしていくのでフィードバックなど頂けますと嬉しいです。 記事の最後には、お世話になったWebサイトや教材をまとめておきましたので参考になれば幸いです。 作者のスペック 年齢は27歳で今までにプログラミング経験は全くなし。 サーバーサイドエンジニアを目指してプログラミング学習中の初学者です。 本記事を執筆している時点でプログラミング学習期間は半年。（2021/1/29時点） ポートフォリオに関わる技術のキャッチアップをしながら約4ヶ月程かけて完成
[HTML5] IndexedDBでデータの保存や読み込みを行う - Dexie.js編 - ねこの足跡R
JavaScriptがブラウザ内にデータを保存する場合、ちょっとした物であればWebStorageが簡単に使えて便利なのですが、この子は5〜10Mbyte程度の容量しかありません。また純粋なKVSであるがためにそれ以上のことはもちろんできません。 そんな時に利用するのがIndexedDB。WebStorageと比べ非常に大容量で、RDBで言うインデックスやテーブルなど様々な機能が搭載されています。今回はIndexedDBのお話……をしようかと思ったのですが、直接IndexedDBを触るコードは書いていて正直ダルいので、便利ライブラリを通して触ることにしますw IndexedDBとは WebStorageとの比較 ライブラリ比較 Dexie.jsからIndexedDBをさわる HTMLの準備 データベースを準備する シンプルなCRUD データを挿入/更新する データを取得する データを削除す
![[HTML5] IndexedDBでデータの保存や読み込みを行う - Dexie.js編 - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/ca50334715290cdbf06e170aa109ebf999bd67e8/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F820878482973262145%2F6801883189061405124%2F1701332194)
【Laravel 6 & PHP 7.4 対応】Vue + Vue Router + Vuex + Laravel チュートリアル（全16回）を書きました。 - Qiita
【Laravel 6 & PHP 7.4 対応】Vue + Vue Router + Vuex + Laravel チュートリアル（全16回）を書きました。LaravelチュートリアルVue.jsVuexvue-router 2020/1/5 更新 チュートリアルを Laravel バージョン6 & PHP 7.4 に対応し、加筆修正しました。 技術ブログに 『Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう（全16回）』 を公開しました 出来るだけたくさんの方に見てほしいので宣伝エントリを書きます。 コンテンツ フロントエンドに Vue.js + Vue Router + Vuex と サーバーサイドに Laravel を使用して写真共有アプリを開発するという内容です。 こんなやつ ができます。 写真を投稿できます。 コメント投稿、いいね、ダウン
VuePress入門 | NxWorld
静的サイトジェネレータ「VuePress」の導入からデフォルトテーマの簡単な設定までを紹介します。 Node.jsがインストール済みで少しコマンドが入力できさえすれば、Vueの知識がなくてもそれっぽいドキュメントがすぐ作れるような形で紹介しているので、興味ある方は試してみてください。 Node.js（Ver 8以上）が必要になるので、使っている覚えのない方や使用しているバージョンが古い方は、Node.jsをインストールまたはアップデートをしてください。 コマンドで$ node -vを入力すれば、インストールの有無やバージョン確認ができます。 「Getting Started」ではYarnとnpmそれぞれのコマンドで紹介しますが、それ以降は基本的にYarnを用いた形で紹介しているので、npmを利用している場合は置き換えてください。 紹介している内容は、VuePress Ver 0.14.8を
React.jsとES6でTodoListアプリを作ってみる v2.0.0 - 文系プログラマー
uraway.hatenablog.com 前に作ったTodoListをアップデートしてみました。 主な変更はチェック機能と削除機能の追加です。 入力されたvalueをTodoListのデータの一つであるtextで取得できず苦労しました。 最初からデータのtextも、valueと名付けていればこんな苦労はなかった 次は何を追加しようか。 See the Pen todo list with ES6 by uraway (@uraway) on CodePen. コードを見ればわかるように、データが保存できるようにはコーディングしていないので、このまま実装はできません。 React.jsのチュートリアルにそこらへんも書いてあったと思うので、また勉強しておきます。
Markdownでプレゼン用スライドをつくる方法いろいろ - その後のその後
明日は 「yidev第十五回勉強会」、来週はクックパッドさん主催の 「WWDC2014 振り返り勉強会」で発表をさせていただく *1 のですが、まずMarkdownで話そうと思うことを適当にメモしてるうちに、なんか発表資料このままで良くない？と思えてきました。別にレイアウトや配色のセンスに自信があるわけでもなし。 で、最初 "markdown pagination" でググってみるとあまりパッとしたのがなかったのですが、"markdown presentation" にしてみると出るわ出るわ。しかもどれも結構よさげ。 というわけで出てきたものをメモがてら書き留めておきます。結論からいうとググって一番上に出てきた "Remark" が今回の要件に（ほぼ）マッチしていたので、他はまだ使ってません。 Remark http://remarkjs.com/ GitHubでソース公開されてて気軽に使
様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」
配布元：Modernizr ライセンス：MIT & BSD licenses. ModernizrはTwitterなどの大手サイトでも採用されているブラウザの機能の実装状況を調査するためのJavaScriptライブラリです。 たとえばModernizrを読み込んだサイトではhtml要素が次のように書き換えられます。 <html lang="ja" class="no-js"> ↓ <html lang="ja" class="js flexbox flexbox-legacy rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms c
backbone.jsでsyncを呼んだ時にアクセスされるURLの変更 - podhmoの日記
backbone.jsで作成したモデル(Backbone.Model.extendで作成したオブジェクト)はsave(),destroy(),fetch(),create()などのメソッドを持っている。これらは、呼ばれると裏側でsync()メソッドを呼び出している。このsync()がサーバ側に問い合わせて、永続化が行われると言う仕組み。デフォルトでは以下のような形でREST形式で問い合わせが行われる。 モデルのthis.urlが/api/fooの時の例 モデルが呼ぶメソッド url HTTPのメソッド create /api/foo POST save(既にデータが存在している場合) /api/foo PUT destroy /api/foo DELETE fetch /api/foo FETCH backbone.jsのモデルは、このように同じURLに対して、HTTPメソッドを分ける形で
HugeDomains.com
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
静的サイト開発ツールとしてのMiddlemanとGrunt - Webtech Walker
最近自分の周りを見ると、フロントエンドの開発ツールといえばGruntをみんな使ってるんだけど、Middlemanを使うのもけっこういいんじゃないかと思ったので比較してみる。 実現したいこと 例えば次のようなものをつくりたいとする。 HTMLは数ページ〜十数ページくらい（ヘッダ・フッタくらいは共通化したい） JSはconcatしてminifyしたい CSSはSassを使いたい 開発時はwatchしたり動的サーバーなりでJSやCSSは動的にビルドしたい 最終的には成果物として静的ファイルを出力したい まあ、フロントエンドの開発ではいたって普通な要件だと思う。普段サーバーサイドの開発してたり、サーバーサイドと一緒にフロントエンドも開発してる人にとっては、静的ファイルだけ成果物としてあればいいとかあるの？と思うかもしれないけど自分の周りではけっこうよくある。 Gruntとの比較について このような
Ember.jsのコアな機能を学ぶためのサンプルプロジェクト - Qiita
Ember.jsとは？ JavascriptのMVCフレームワークのひとつ。 かなり新しめなので色々機能が充実しているが、ドキュメントが少ない。 特徴的な機能は？ 一番の特徴はUI bindings。Javascriptの変数とhtmlの表示を同期することで、dom操作を少なくできる。 ちなみに、jsのオブジェクトのプロパティ間の自動同期とかもできる。 で、今回の記事は何？ そのEmber.jsの機能で個人的においしいと思うところを学べるように、機能を絞って動くプロジェクトをつくったので見てくださいという記事です。 どこに晒したの？ 下記です。 https://github.com/puriketu99/minimal-ember.js-sample このプロジェクトの目的は、Ember.jsの中心的な機能を学んでもらうことにあります。 学べる機能は、下記の5点です。 基本的なテンプレート
Discourse: 大規模オープンソースRailsプロジェクトの進捗 - ワザノバ | wazanova
http://rubyrogues.com/117-rr-discourse-part-2-with-sam-saffron-and-robin-ward/ 以前、「Discourse : パフォーマンス向上に注力したRubyアプリづくり [GoGaRuCo 2013] 」でも紹介したDiscourseのSam SaffronとRobin Wardが、Ruby RoguesのPodcastで、オープンソースになっているRailsアプリとしては最大級になってきた同プロジェクトの開発の状況をアップデートしています。 最初から、APIで100%カバーするつもりでサイトづくりをしている。パスワードリセットなど一部サーバサイドでレンダリングしているものはあるけど。 Ember.jsを採用した背景は、以前のプロジェクトで、 jQueryで相当リッチなサイトをつくったがコードをまとめるのが大変になった経
PhpStormでGruntを使う | mawatari.jp
npm install -g grunt-cli npm http GET https://registry.npmjs.org/grunt-cli npm http 304 https://registry.npmjs.org/grunt-cli npm http GET https://registry.npmjs.org/findup-sync npm http GET https://registry.npmjs.org/nopt npm http GET https://registry.npmjs.org/resolve npm http 304 https://registry.npmjs.org/findup-sync npm http 304 https://registry.npmjs.org/nopt npm http 304 https://registry.npm
JavaScriptコードのメトリクス測定 - WebService::Blog->new( user => ’hide_o_55’ )
以前、Perlにおけるコードメトリクスの測定について書きましたが、JavaScriptについても調べたところjsmeterが良さそうです。 なお、循環的複雑度等のコードメトリクスはあくまでも定量的な目安であり、絶対的な品質を表すものではありません。コードレビューやリファクタリングの対象を選ぶ際などに活用するといいと思います。 インストール npmコマンドでインストールしてください。ちなみにnpmにある最新版は1.0.1ですがjsmeter.jsがバグってるので1.0.0を使います。(もしくは、1.0.1のjsmeter.jsの47行目の"start();"を削除する) npm install -g jsmeter@1.0.0 コマンドとして実行 以下のスクリプトをパスの通った場所におきます。 そして実行。 $ jsmeter /path/to/source lib/Foo.js line
mocha と Jenkins で Node.js の CI 環境を構築する - hakobera's blog
最近、mocha をつかってテストを書くのが楽しくなってきました。でも、テストの数が増えてくるとローカルでの実行だけでなく、CI 環境が欲しくなりますよね。github にあげられるようなプロジェクトだったら、Travis CI も良いですが、実際に仕事で使うとなると、既存の Jenkins と組み合わせてやる必要ができてきたので、実際にやってみました。 基本的な手順は以下の通りです。 mocha でテスト結果を TAP 形式でファイルに出力する 出力したファイルを Jenkins の TAP Plugin に読み込ませる 簡単ですね。 実際にやってみた というわけで、以下のような最小構成で試してみます。 myapp |- lib | |- calc.js | |- test | |- calc.test.js | |- package.jsonここには書いていませんが、実際は git で
インタラクティブなJavaScriptテストフレームワークTestem
インタラクティブにテストを実行できるの目的として上げてるテスティングフレームワークのtestemがリリースされた。 機能としてはJsTestDriverやBuster.JSのようにサーバをたちあげてブラウザでキャプチャURLにアクセスして実行させる仕組みや、テストの構文も既存のJasmine(デフォルト)やQUnitやMochaと言ったものがアダプタ的に使えるようになっていて、ファイルを保存したら自動でテストを実行して結果をCLIに表示したり、testem ciを使うことでTAP形式で出力することもできる。 機能としては目新しい感じはしないけど、使い始めてテストを書き始めるまでの短さやテストを書いてすぐその結果が見えるところに作者の意図があるテストフレームワークなのかなと思いました。 実際にtestemを使うには、インストールしてtestemを実行してテストを保存するだけ。 $ npm i
Sinon.JS 1.3.0 out now / Sinon.JS - cjohansen.no
On this second day of 2012, I am happy to announce Sinon.JS 1.3.0, the latest and greatest in JavaScript test spies, stubs and mocks. As always, Sinon.JS honors semantic versioning, meaning that if your code works with 1.0, 1.1. and/or 1.2, 1.3.0 is a drop-in replacement. Eager? get your copy right away. Fake XMLHttpRequests and the server The fake XHRs and server in Sinon are useful both for test
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nuxt 2 - The Intuitive Vue Framework ドキュメント
Chart.js
