[B! javascript] weed_7777のブックマーク

忘れやすい、複雑なJSONの要素をfor...in文で取り出す方法 - Feel Physics Backyard

配列、連想配列、単純なJSON、項目によってプロパティの中身が異なるような複雑なJSONの要素を、for...inループで取り出すことができます。しかし、やり方に統一感がなく、忘れやすいので、まとめておきます。 // 配列 var list = ['ハンバーグ', 'カレー', '親子丼']; // 連想配列 var hash = {名前: 'ハンバーグ', 分類: '洋食', 主成分: 'タンパク質'}; // 単純なJSON var json = { ハンバーグ: { 分類: '洋食', 主成分: 'タンパク質' }, カレー: { 分類: '洋食', 主成分: '炭水化物' }, 親子丼: { 分類: '和食', 主成分: 'タンパク質' } }; // 複雑なJSON var complexJson = { ハンバーグ: { 分類: '洋食', 主成分: 'タンパク質' }, カレ

weed_7777 2016/05/11

うーん、3時間も脱線した（本業を止めてこの記事を書いていた）。長くても1時間におさえたい。タイマーとか使おうかな・・・ ◆忘れやすい、複雑なJSONの要素をfor...in文で取り出す方法

リンク

for each...in - JavaScript | MDN

for each...in 文は ECMA-357 (E4X) の一部として廃止されました。E4X のサポートは削除されました。代替として、for...of 文が推奨されます。 Firefox は for each...in の使用に対して警告を表示します。また、Firefox 57 以降では動作しません。移行のためのヘルプとして Warning: JavaScript 1.6's for-each-in loops are deprecated をご覧ください。

weed_7777 2016/05/11

＞for each...in文は廃止されましたが、後方互換性のため無くなる事はありません。代替として、for...of文が推奨されます。ややこしいな・・・

JavaScript

リンク

NerdyData

Unlimited reports. One for each competitor. All plans include unlimited downloads. Download a filtered list of targeted leads, or export a large list into your marketing tool of choice.

weed_7777 2015/03/13

リンク

image.onload - 画像の読み込み後に実行される処理の設定 - JavaScriptリファレンス

「画像の読み込み後に実行される処理の設定」サンプルコード <html> <head> <title>image.onload - 画像の読み込み後に実行される処理の設定</title> </head> <body>  <img id="tmp"> <script type="text/javascript"> function load() { var img = document.getElementById("tmp"); img.src = "http://i.yimg.jp/images/mht/2006/0401_10_k.gif"; img.border = 1; img.width = 100; img.height = 100; img.hspace = 10; img.vspace = 10; img.onlo

weed_7777 2014/08/20

リンク

Google Compute Engine、サーバサイドからクライアントまでJavaScriptで開発できる「MEANスタック」のワンクリックデプロイ機能をサポート

Google Compute Engine、サーバサイドからクライアントまでJavaScriptで開発できる「MEANスタック」のワンクリックデプロイ機能をサポート WebアプリケーションのサーバサイドからクライアントまでJavaScriptで開発できる「MEANスタック」が海外では少しずつ話題になってきています。MEANスタックとは、次のソフトウェアの頭文字をとったものです。 Mongo DB：NoSQLデータベース Express：Node.js対応のフレームワーク AngularJS：Webアプリケーションのクライアント用JavaScriptフレームワーク Node.js：サーバサイドJavaScriptエンジンオープンソースであるLinux、MySQL、Apache、PHP/Perlの組み合わせが「LAMPスタック」と一般に呼ばれるように、JavaScriptを軸にした上記の4つの

weed_7777 2014/08/19

LAMPに対してMEANね・・・

リンク

SlickQuiz·クライアントサイドだけで動作するクイズゲーム MOONGIFT

クイズは好きですか？専門的、普段の生活などから出題されるクイズに答えるのは面白いですよね。問題を相手のレベルに応じて作るのはとても難しいですが、そんな楽しいクイズができたらSlickQuizで出題してみましょう。 SlickQuizはjQuery製のクイズソフトウェアで、JavaScriptのコンフィグを書いて出題できます。クライアントサイドだけなので手軽に問題が出せそうです。 SlickQuizの使い方さぁクイズの開始です。簡単な選択式です。単一または複数選択から回答します。合っていれば正解が、間違っていれば不正解である旨が表示されます。不正解の場合はこんな感じです。最後に正解数が表示されます。 SlickQuizはクライアントサイドオンリー、かつJavaScriptなので問題表はJSONで定義されています。そのため見ようと思えば答えを見られてしまう状態ではあります。なので厳密

weed_7777 2014/08/12

javascript

リンク

Code Syntax Highlighter(Copy&Paste HTML)

Code Syntax Highlighter Copy&Paste HTML about page

weed_7777 2014/06/30

リンク

Online syntax highlighting for the masses!

Updates 2023-01-20 Fixed a bug affecting background colour (thanks Rianna!), fixed an issue with the line numbering going off by 1 sometimes, fixed a bug where code could escape the textarea, updated to PHP 8.2. 2023-01-17 1) Moved to new server, 2) Removed Google Ads and will just share random interesting links instead, 3) Updated UI slightly with line numbers, copy buttons 4) Added 'raw=1' optio

weed_7777 2014/06/30

リンク

Home | Onsen UI

Onsen UI, HTML5 UI framework for modern mobile application.The Answer to PhoneGap UI Development Onsen UI is an HTML5 UI Framework for Building Mobile App Front End Download Version 0.7.0 Onsen UI is a front-end development tool that radically improves PhoneGap/Cordova apps. Differing from previous frameworks, it is highly flexible and gives hybrid apps a native look and feel on all platforms. And