[B! JavaScript] [2ページ] jsstudyのブックマーク

jsstudy id:jsstudy

JavaScriptに関するjsstudyのブックマーク (519)

JavaScriptでmd5ハッシュ値を計算する方法 - JavaScript勉強会
以前、Pythonでハッシュ値を計算するGUIアプリを作ったことがありました。 jsstudy.hatena blog.com ブラウザーが使える環境なら、PythonでGUIアプリを作るよりも、JavaScriptでWebアプリを作る方が簡単です。参考情報 qiita.com note.onichannn.net labs.cybozu.co.jp www.ipentec.com 以上の情報を参考にして、ハッシュ値を計算するWebアプリを作ってみましょう。 md5ハッシュ値を計算するJavaScriptのWebアプリ (1) 以下のページから、「md5.js」というJavaScriptファイルをダウンロードします。 https://labs.cybozu.co.jp/blog/mitsunari/2007/07/md5js_1.html ↓ https://labs.cybozu.co.
jsstudy 2020/04/25
JavaScript

_
リンク
JavaScriptでテキストボックスに入力された値を取得する | iPentec
記述例 var TextValue = document.id_form1.id_textBox1.value; 実装例 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript" language="javascript"> function onButtonClick() { target = document.getElementById("output"); target.innerText = document.forms.id_form1.id_textBox1.value;
jsstudy 2020/04/25
JavaScript

入門
リンク
md5.js (mitsunari@cybozu labs)
JavaScriptでMD5を計算するライブラリを作りました． ○特長 webでよく見られるいくつかの同種のライブラリに比べて3～7倍ほど高速に計算します． ○ダウンロード(download) md5.js ○仕様 ASCII文字列を渡すとそのMD5を計算して16進数文字列で返します．文字列に漢字などが含まれている場合は二つ目の引数にCybozuLabs.MD5.BY_UTF16を指定してください．UTF16として処理します． ○使い方1 var str = CybozuLabs.MD5.calc("abc"); if (str == "900150983cd24fb0d6963f7d28e17f72") { ... } ○使い方2 var str = CybozuLabs.MD5.calc("あ", CybozuLabs.MD5.BY_UTF16); ○ライセンス修正BSDライセンス
jsstudy 2020/04/25
JavaScript

セキュリティ
リンク
JavascriptでMD5を計算する。
jsstudy 2020/04/25
JavaScript

セキュリティ
リンク
javascriptのハッシュライブラリを比較する - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? javascriptのハッシュライブラリを比較する概要 javascript向けのハッシュライブラリの性能が気になり調査した。調べたライブラリは以下 js-xxhash https://github.com/pierrec/js-xxhash xxHash pure js実装 xxhash-wasm https://github.com/jungomi/xxhash-wasm xxHash WebAssembly実装 cybozulabs/sha1 http://labs.cybozu.co.jp/blog/mitsunari/20
jsstudy 2020/04/25
JavaScript

セキュリティ
リンク
Mermaid.jsでグラフを簡単に描く方法 - JavaScript勉強会
読書メモを図にしたいとき、簡単なグラフを作成できるツールがあったら便利です。調べたらいくつか候補がありました。 PlantUML　https://plantuml.com/ja/ Mermaid.js　https://mermaidjs.github.io/ Typora　https://typora.io/ 今回は、手軽に使えて、拡張性もありそうなMermaid.jsを試してみます。 Mermaid.jsとは？ Visual Studio CodeでMermaid.jsを使う方法 Markdown Preview Enhancedの使い方図の出力見た目のカスタマイズ参考 Mermaid.jsとは？ Mermaid.jsは、JavaScriptでグラフやチャート図を描くためのライブラリーです。（英語の「mermaid」は、日本語で「人魚」という意味）（公式サイト） https:
jsstudy 2020/04/19
グラフ

ツール

IDE

JavaScript

_
リンク
Mermaid
Mermaid.js now livesat mermaid.aiOne home for the open-source library and the platform built around it. More resources for the project, a clearer path for contributors, and a team committed to keeping Mermaid open, always.
jsstudy 2020/04/19
VSCode で Markdown + mermaid を使う - shuntaro3.log http://shuntaro3.hatenablog.com/entry/2018/05/19/201651

グラフ

JavaScript
リンク
JMOOCのJavaScript講座 - JavaScript勉強会
無料で学べる「JMOOC」というオンライン講座があります。 JMOOCの中に、JavaScriptの講座もありました。 JMOOC https://www.jmooc.jp/ www.jmooc.jp ja.wikipedia.org 一般社団法人日本オープンオンライン教育推進協議会（Japan Massive Open Online Courses Promotion Council）は、2012年より米国で始まった無償教育サービス「MOOC」（オンラインで大学レベルの授業を無償で公開し、終了条件を満たした受講者に修了証を提供する）の日本語での無償提供及びその普及・拡大を目的とし、2013年11月に設立された非営利団体である。略称は「JMOOC（ジェイムーク）」。 JavaScript講座 https://www.fisdom.org/F00000125/ www.fisdom.org
jsstudy 2020/04/16
プログラミング

教育

入門

JavaScript

Node

jQuery

React

_
リンク
Releases · crowi/crowi
jsstudy 2020/04/15
CMS

JavaScript

Node
リンク
Crowi
編集はすべて Markdown で行います。 Markdown を使えば、わかりやすい平易な文法で記載でき、美しく整形されます。また編集中はリアルタイムにプレビューで確認することができます。
jsstudy 2020/04/15
CMS

JavaScript

Node
リンク
React Native | 技術評論社
概要「iOS/Androidの2つのアプリをもっと効率良く開発したい」「ハイブリッドアプリだと、速度やUIがネイティブより劣ってしまいがち」こんな課題は、React Nativeを使えば解決できます。 React Nativeは、iOS/Androidの両方のアプリをたった1つのスキルセットで開発できるJavaScriptライブラリです。本書は、ReactやReact Nativeが生まれた背景を見直しながら、React Nativeの基本はもちろん、ReactやTypeScript、アプリ設計・開発、テスト、リリースまで、React Nativeによるアプリ開発のすべてを解説。日本でまだ無名だった頃からReact Nativeを追い続けた著者陣が、現場実践をふまえて開発手法を伝授します。フロントエンドの方はもちろん、アプリ開発の技術選択を広げたいすべてのエンジニアにおすすめの1冊
jsstudy 2020/04/15
"ReactやTypeScript，アプリ設計・開発，テスト，リリースまで，React Nativeによるアプリ開発のすべてを解説。" 688ページ

本

React

Android

iOS

JavaScript

TypeScript

GUI

Firebase

あとで読む
リンク
Phaser - A fast, fun and free open source HTML5 game framework
Thousands of games Millions of players Billions of sessions Why use Phaser? For over a decade, Phaser has enabled developers of all skill levels to create games for the web. Use it if you care about any of the following: Super-fast 2D games With a constantly improving hardware renderer, it doesn't matter if you're creating the next bullet-hell hit on Steam - Phaser can handle it. Friendly API We c
jsstudy 2020/04/15
東大生が5秒で始められるゲームプログラミング学習サービスを開発・リリースした話 - Qiita https://qiita.com/ToshioAkaneya/items/87bff03e4c4b9470e6a8

JavaScript

ゲーム
リンク
東大生が5秒で始められるゲームプログラミング学習サービスを開発・リリースした話 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この度、5秒で始められるゲームプログラミング学習サービス「プロアカ」をリリースしました。1人での開発でしたが月額課金制度まで実装しており、少し大きなプロダクトになったので知見を共有したいと思いました。また、新型コロナの影響で自宅待機の時間が長くなっている方が多いため、自宅学習できる当サービスについて知っていただければと思いました。休校中の学生の方もぜひプログラミングを学んでいただければと思います。サービスサイトはこちらです。 #目次作ったサービスサービス内容で工夫したこと使用した技術開発期間は半年間リリース後終わりに #作
jsstudy 2020/04/15
"JavaScriptゲームプログラミングにはPhaser.jsを使用しています。Phaser.jsを使うと少ないコードで本格的なゲームを作成することができます。" https://phaser.io/

JavaScript

ゲーム

入門

プログラミング

教育
リンク
[JavaScript]初心者が初見で必ずthinking顔になるもの特集 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
jsstudy 2020/04/15
JavaScript

入門
リンク
[Web フロントエンド] Elm に心折れ Mint に癒しを求める | Kabuku Developers Blog
こんにちは、 Elm Elm – A delightful language for reliable webapps https://elm-lang.org/ はじめに · An Introduction to Elm （Elm 公式ガイド日本語訳） https://guide.elm-lang.jp/ Elm は関数型の小さな言語仕様を持つ altJS です。 Redux が影響を強く受けたことでも有名ですね。 “No Runtime Exceptions” は魅力的ですし、何より興味深いのは The Elm Architecture です。 Redux にはあまりセンスを感じられなかったのですが、 The Elm Architecture はとても良さげに見えました。 Elm が持つ代数的データ型とパターンマッチ、状態の不変性、レコードの部分更新式などとうまく馴染み、簡
jsstudy 2020/04/08
Mint https://www.mint-lang.com/ Mint はシングルページアプリケーションを書くためのプログラミング言語

JavaScript

Elm
リンク
コロナウィルス対策でリモートワークしてみたらReduxやVuexのメリットが分かった - Qiita
↓次の記事もよろしくやで！ 4歳娘「パパ、20歳以上のユーザーを抽出して？」忘れ物を取りに久々に出社したワイワイ「おはようさん」ハスケル子「おはようございます」ワイ「なんや、ハスケル子ちゃんしかおらんのかいな」ハスケル子「はい」ハスケル子「みなさんリモートワークです」ワイ「コロナウィルスのせいで基本出社禁止やもんなぁ」ワイ「通勤せんでいいのは楽チンやけど」ワイ「みんなに会ってバカ話ができなくて寂しいわぁ・・・」ハスケル子「やめ太郎さん、あんまり近づかないでください」ハスケル子「こっち向いて喋るのもやめてください」ワイ「おお、失礼失礼」ワイ「もしウィルス感染してたら、うつってまうもんな」ハスケル子「いえ、単純に口が臭いんです」ワイ「Oh...」ワイ「ごめんやで...」リモートだと、井戸端会議が聞けなくて困るワイ「なんか、リモートって結構やりにくくない？」
jsstudy 2020/04/08
JavaScript

Elm
リンク
2020年のウェブフロントエンドエンジニアが学び実践すべきこと｜erukiti
先日、ウェブフロントエンドについて理解するためのただ一つの方法を記事にしました。それは「古い知識に頼るな。公式を読め」でした。たった一つの方法です。これをできない人は必ず行き詰まります。公式をひたすら読み込むことができる人は、たぶん大丈夫でしょう。今回の記事は、その先にあるものです。モダンフロントエンドの重要性ここでは少し前回の記事のおさらいをしておきます。 2020年のソフトウェアエンジニアリングの世界ではウェブ技術の重要度は増すばかりです。もちろんウェブ技術というのは広い分野です。ウェブ（HTTP/HTML/JS/CSSその他）によるサーバー・クライアント型のソフトウェアは、莫大な市場を背景にどんどか技術が投入されています。ウェブ技術の中でも、ここ数年はフロントエンド技術の比重がとても大きくなりました。前回の記事にも書いた通り、少なくとも50%以上の影響力を持っています。ソフト
jsstudy 2020/04/06
「公式を読め」→正論（普通は読む）＝この人が書いた本も読まなくてOKなの？（金にならないから路線変更？）最新のJS事情は英語で学ぼう。WebAssemblyはまだ来ない？FBはReasonMLも開発＝好きなAltJSをトランスパイルすればOK

JavaScript

web

React
リンク
静的サイトジェネレーター Gatsby - Qiita
静的サイトジェネレーターとは？ Static Site Generator（SSG） WebサイトのHTMLファイルを生成するツールのこと Wordpressのような従来CMSの仕組みは、MySQLなどのDBをもとに、サーバーでHTMLを生成して返すものだったそれに対し静的サイトジェネレーターは、コンパイル時にGraphQLやAPIからすべてのデータを取得し全てのHTMLを最初に生成するさらに、生成されたファイルを、Netlifyなどのホスティングサービスを用いて、サーバーレスで公開する仕組みが主流になっている静的サイトジェネレーターのメリット ※ Netlifyなどホスティングサービスを用いた場合レスポンスが速い。サーバーでHTMLを動的に生成しないからサーバー代 ¥0✨ サーバーが必要ないためサーバー落ちない。メンテが不要 ※ ただしホスティングサービスが落ちる可能性はあり
jsstudy 2020/04/01
Gatsby

SSG

JavaScript

React
リンク
現代ウェブフロントエンド（ウェブアプリケーション）について理解する唯一の方法｜erukiti
この記事は、ウェブ技術の開発者（Java, PHP, Ruby, Go... 全て含む）のうち、少しでもJavaScriptを触ったことがあるけど、現代ウェブフロントエンドというか、特にウェブアプリケーション —— React, Vue, Angular など—— が分からない人に向けて、たったひとつの理解方法を提示するものです。追記: ちなみに果てしなくどうでもいいですが、今回の記事が記念すべき100記事目らしいです。（Noteさん！その手のヤツはいっそ自動で記事にバッヂを表示するとかしてくれるとうれしいです！）対象読者は、Java, PH(以下略）などのコードと一緒に、ほんの少しでもJSのコードを触った、見たことがあるというレベル感の人なので、既にReact, Vue, Angular などでガリガリコードを書いている人は対象ではありません。あとホームページ屋さんとかウェブコーダ
jsstudy 2020/03/31
ちなみにTypeScriptの言語デザイナーであるアンダース・ヘルスバーグ氏は過去の技術も熟知している。「巨人の肩の上にのる」＝改善とは過去の上に構築される差分だから。https://www.infoq.com/jp/news/2016/05/anders-hejlsberg-compiler/

web

JavaScript

TypeScript

React
リンク
子どもから大人までスラスラ読める JavaScriptふりがなKidsプログラミングゲームを作りながら楽しく学ぼう! - JavaScript勉強会
自分に対する投資として、週１の読書に取り組んでいます。 jsstudy.hatena blog.com 今週の読書は、子供向けのJavaScript入門書の「JavaScriptふりがなKidsプログラミング」という本を読んでみました。子どもから大人までスラスラ読める JavaScriptふりがなKidsプログラミングゲームを作りながら楽しく学ぼう！ふりがなプログラミングシリーズ作者:リブロワークス発売日: 2019/11/22 メディア: Kindle版 2020年4月から小学校でプログラミング教育が必修化されます。プログラミング教育：文部科学省小学生にプログラミングを教えるにはどうすれば良いでしょうか？小学5年生以上が読者対象になっている本書は、教育方法の参考になるかと思います。目次はじめに監修者・著者・イラストレーター紹介プログラムの読み方チャプター（１） J
jsstudy 2020/03/31
JavaScript

本

_
リンク
前のページ 1 2 3 4 5 6 7 8 9 10 次のページ