最新版で学ぶElectron入門 - ウェブ技術でPCアプリを開発しよう - ICS MEDIA
Electron（エレクトロン）とは、ウェブ技術でデスクトップアプリケーションを作成できるテクノロジーです。HTMLとCSS、JavaScriptを使って開発し、WindowsとmacOSの両OSのアプリケーションを1つのコードから作ることができます。近年、注目度が高まっておりマイクロソフトやGitHubなど、有名企業も採用しています。 Electronエレクトロン製のアプリケーションはChromiumクロミウム（Chromeブラウザの元となるもの）とNode.jsノードジェイエスがランタイムとなっています。ウェブコンテンツをそのままアプリケーションとして動かしたり、デスクトップアプリケーションとしてブラウザだけで実現できない機能を組み込めるのが特徴です。 利用用途として、テキストエディターやユーティリティーソフト、デザインツールなどの小規模な使い方から、イントラネット内のクライアントツー
JSDoc：メインページ - リファレンス メモ
トップ 言語 等 CSS HTML JavaScript Python ライブラリ・プラットフォーム jQuery micro:bit Xamarin ドキュメンテーション Doxygen JSDoc Markdown SHFB (Sandcastle Help File Builder) XML ドキュメント コメント その他 各種資料 子サイト・SNS 簡易リファレンス・Tips Facebook X サポート寄付 JSDoc (起動・タグ一覧)メイン メモ 起動 起動オプション タグ一覧 外部ファイルコンフィグファイル (-c・--configure) パッケージファイル (-P・--package) READMEファイル (-R・--readme) テンプレート (-t・--template) チュートリアルファイル (-u・--tutorials) マークダウン(Markdown
継承とプロトタイプチェーン - JavaScript | MDN
JavaScript のオブジェクトはプロパティ（自身のプロパティを指す）の動的な「袋」です。 JavaScript のオブジェクトは、プロトタイプオブジェクトへのリンクを持っています。あるオブジェクトのプロパティにアクセスしようとすると、オブジェクトだけでなく、オブジェクトのプロトタイプ、プロトタイプのプロトタイプへと、一致する名前のプロパティが得られるか、プロトタイプチェーンの終端に到達するまで、プロパティの探索が行われます。 メモ: ECMAScript 標準に従い、 someObject.[[Prototype]] という表記を someObject のプロトタイプを示すのに使用しています。内部スロット [[Prototype]] には Object.getPrototypeOf() と Object.setPrototypeOf() 関数でアクセスすることができます。これは、標準
[JavaScript] 2. クラスの継承 - Qiita
子のprototype = Object.create(<親のprototype>, {value: {constructor: <子のコンストラクタの指定>}}); Object.create() は、指定した prototype オブジェクトを引き継いだ新たなオブジェクトを生成する関数です。 2つ目の引数は生成した prototype オブジェクトに持たせるプロパティを指定するハッシュオブジェクトです。ここで設定できるプロパティは決められおり、詳細はこちらで確認してください。 クラスの継承では最低限、子クラスのコンストラクタ関数オブジェクトを指定します。 このように、子クラスの prototype を、親クラスの prototype を引き継いだオブジェクトで上書きすることで、親クラスを継承したクラスとすることができます。 クラス継承の例 まず子クラスのコンストラクタを定義します。
![[JavaScript] 2. クラスの継承 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/96256b17dc945610a8118921d4936fac3aefc8ec/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMDIuJTIwJUUzJTgyJUFGJUUzJTgzJUE5JUUzJTgyJUI5JUUzJTgxJUFFJUU3JUI2JTk5JUU2JTg5JUJGJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zNGE0NDQ2YTE4YzM5MGFkZmEwZmJjYzc0N2NlZWU4Zg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwS29penVtaS1HcmVlbndpY2gmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTY2MzZiOTYyNGZkODhlZDVmNDgxZjM0MzExNzc3N2Q2%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D24046daa59580ffaa0a33eb6b4db568a)
ES5なJavascriptでモダンなクラス的継承＆スーパー呼び出し - Qiita
動機 AltJSな言語ではなく、素のES5なJavascriptでクラスベース的継承ってどう書くのか、親クラスのメソッドの呼び出し方はどうか、モダンな書き方ってどうなのか、あらためて勉強してみた。 （この投稿ではES6やプロトタイパルな継承はあつかいません）
javascriptでMD5 | 悠雀堂ブログ
「車輪の再発明」ですが、javascriptでMD5を計算するスクリプトを作成しました。そして2049通りのテストケースを作成し、各ブラウザでテストしました。おまけに各ブラウザのjavascript実行速度のベンチマークもしました。 はじめに さくらレンタルサーバーのApacheはmod_digestが入っていないようで、Digest認証ができません。 パスワードを平文で毎回送るベーシック認証も如何なものだろう？と思っていました。（まあSSLにすればよいんですが。） ふと、「ブラウザ側で、javascriptにてDigest認証と同様にハッシュを生成してやればよいのでは？」と思いつきました。 そこで、javascriptでMD5が実装されているか調べてみました。 尚、今回作成した記事中で参照しているファイル（yjdmd5.js, testcase.js, md5test.html）の再利用
IE9+対応でjQueryのajaxを使って非同期的にファイルをアップロードする | ITハット
IE9以下でも画面遷移なしにファイルをアップロードする必要があり、少しつまづいたので紹介したいと思います。古くからある手法のようです。 ajaxでアップロード HTML ファイルをアップロードする わかりやすいように必要最低限のHTMLです。<button> の type 属性は はJS側で送信するので、buttonとしておきます。 PHP // 一時ファイルパス $tmp = $_FILES['file']['tmp_name']; // アップロードするフォルダのパス $save = 'test/'.$_FILES['file']['name']; // アップロードに成功したとき if (@move_uploaded_file($tmp, $save)) { echo json_encode(array('state' => true, 'name' => $_FILES['file
親要素の幅に収まるようにフォントサイズを変更する - ウェブログ - Hail2u.net
Webフォント(@font-face)や均等割付(text-align: justify;)、日本語と英語の間のスペース調節(text-autospace)などCSS3では文字や文章に関わる表現力も大きく向上している。とはいうもののないものはないので、親要素の幅にちょうど収まるようにフォントを拡大、つまりimg要素にwidth: 100%;を指定した時のようにはCSSではできない(少なくとも思いつかなかった)。というわけでふんだんにjQueryを利用したJavaScriptでどうにかしてみた。 Demo: Resize Font Based on Content Width #6 フォントレンダリングの関係上、Firefoxの方が綺麗なのでスクリーンショットはFirefoxで撮影した。 $(window).load(function () { var start = $.now(); $(
意図的に例外を無視するとき - Murayama blog.
その昔、会社の小技天下一武道会*1で使ったネタです。 Javaとかのプログラムで検査例外をcatchする、 んだけど、 catchした例外を意図的に無視する、みたいなケースがたまにあります。 class Main { public static void main(String[] args) { try{ // 何か例外が発生するかもしれないコード // ... }catch(Exception e){ // 何もしない } } } みたいなコードのcatch節の話です。 }catch(Exception e){ // 何もしない } こんなふうにコメントを書くことで、 例外に対して何もしない、ということを明示してるのは良い例です。 ＃書籍っぽく言うなら、良いプラクティスです。みたいな。 プログラミング経験の少ない人は、 }catch(Exception e){ } とコメントを書かなか
ワイ、円周率を割り切った模様 → 円周率＝7825万6779 分の 2億4585万922
こんにちは。 ３.１４から始まる円周率はどこまでも続く男のロマン・・・そんな風に考えていた時期が、ワイにもありました。 「円周率が１０桁で割り切れた」とかいう嘘記事が虚構新聞から出回ったりしたこともありました。 しかしさっきプログラムを作っていろいろ計算していたところ、円周率が割り切れてしまったので報告させてください。 そもそもは、円周率を分数で表現する手法を最近知り興味を持ったのがきっかけです。例えば とかです。７分の２２が円周率のそこそこの近似値（３桁まで正しい）になっています。 次に有名なのが、 らしいです。この１１３分の３５５はなんと７桁まで正しい近似になってます。３桁の整数２つ覚えるだけで、円周率７桁分の精度が得られるとは何ともお得な数です。 ここで疑問が湧きました。 この調子で分母の整数値を上げていったらどうなるのだろうか・・・？ 本来数学でのやりかただと、ここで「連分数」など
CodeIQについてのお知らせ
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
無料麻雀ツール＆アプリ 点数計算＆牌効率ラボ
JavaScriptでプログラミングした麻雀の小粒プログラム集を公開しています。稚拙なものばかりですが、プログラムのヒントや参考になれば幸いです。
HTML5のBlobで、動的データのダウンロードを、わずか3行で実装できた。 - kurukuru-papaのブログ
JavaScriptなどにより、クライアント側で動的なデータを作成し、それをローカル環境に保存したいと思い、サンプルプログラムを作成してみました。実装技術として、HTML5のFile API機能におけるBlobを使いました。 わずか3行で実装できてしまうのですね。便利ですね。さらに、HTML5なので、最近の主要ブラウザ（IE 10.0以降、Firefox 13.0以降、Chrome 20.0以降のはず）では動作しますし、現在動作していないブラウザ（Safari？）でも、HTML5対応が進めば、動作するようになるはず。 では、作成してみたサンプルプログラムを説明します。 ポイント ポイントは、この3行です。content変数には、ダンロードしたいファイルのテキストデータが入っています。id変数は、ダウンロード用リンクのaタグを特定するid属性です。 var blob = new Blob([
緯度・経度からを住所取得する
Google Maps API V3で、google.maps.Geocoderクラスのgeocode()を使って、緯度・経度から住所を求めるサンプルプログラムです。プログラムに興味はなく、地図上で調べたいだけの場合は緯度・経度・住所・標高を取得するを。住所から緯度経度を求めたい場合は、地名や住所から緯度・経度を取得するを。 function getAddress(latlng) { // ジオコーダのコンストラクタ var geocoder = new google.maps.Geocoder(); // geocodeリクエストを実行。 // 第１引数はGeocoderRequest。緯度経度⇒住所の変換時はlatLngプロパティを入れればOK。 // 第２引数はコールバック関数。 geocoder.geocode({ latLng: latlng }, function(result
Google Maps API V3 入門・初心者向けサンプル集丸の描画
Google Map API V3 で丸を描画します。 サンプルコードです。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Google Maps V3</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> google.maps.event.addDomListener(window, 'load', functio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
猫専用個室ペットホテル「ねこべや」空き状況確認フォーム
What is the exact equivalent of JS: something.toFixed() in PHP?
TM - WebTools
WebBrowser.InvokeScript メソッド (System.Windows.Controls)
http://xml.affiliate.rakuten.co.jp/widget/js/rakuten_widget_travel.js