約 1,284,700 件
https://w.atwiki.jp/keiplus/pages/23.html
JavaScript ECMAScript JavaScript TypeScript 本項は書きたての記事です。正確な情報は公式サイト、公式ドキュメント、記載の参照サイトでご確認ください。 目次 + 読む JavaScript目次 概要 TypeScript 主なビルトイン関数など 歴史 参考 概要 1995年、Brendan Eich氏を初めとするMozilla社によって開発されたウェブブラウザ向けスクリプト言語。 Mocha、LiveScriptと呼ばれていたが当時のSUN microsystems社と提携関係あったことからJavaScriptと改称された。 JavaScriptはMicrosoftや開発者たちとの権利争いがあって実質2009年で開発が中断されている。 2015年ごろからECMAScriptがEU諸国手動で開発が進行し、毎年メンテナンスされて更新されている。 TypeScript 2012年にMicrosoftがリリース。ver1.0は2014年リリース。 ECMAScriptをベースとしており、TypeScriptで書かれたコード(.ts)はコンパイル(トランスコンパイル・トランスパイル)で.jsファイルを出力してブラウザ上で動作する形。 開発環境としてnode.js/npmの環境が必要となる。 型の異なる関数呼び出し、代入などをコンパイル時に検出することで品質を高めることができる。 React、Angular、Vue、expressなど主要JSフレームワークで採用されておるデファクトスタンダードである。 主なビルトイン関数など 別ページ「JavaScript/関数」に記載 歴史 + 読む Edition Date published Changes from prior edition 1 Jun-97 First edition 2 Jun-98 Editorial changes to keep the specification fully aligned with ISO/IEC 16262 international standard 3 Dec-99 Added regular expressions, better string handling, new control statements, try/catch exception handling, tighter definition of errors, formatting for numeric output and other enhancements 4 Abandoned Fourth Edition was abandoned, due to political differences concerning language complexity. Many features proposed for the Fourth Edition have been completely dropped; some are proposed for ECMAScript Harmony. 5 Dec-09 Adds "strict mode", a subset intended to provide more thorough error checking and avoid error-prone constructs. Clarifies many ambiguities in the 3rd edition specification, and accommodates behaviour of real-world implementations that differed consistently from that specification. Adds some new features, such as getters and setters, library support for JSON, and more complete reflection on object properties.[9] 5.1 Jun-11 This edition 5.1 of the ECMAScript Standard is fully aligned with third edition of the international standard ISO/IEC 16262 2011. 6 June 2015[10] The Sixth Edition, known as ECMAScript 2015,[11] adds significant new syntax for writing complex applications, including classes and modules, but defines them semantically in the same terms as ECMAScript 5 strict mode. Other new features include iterators and for/of loops, Python-style generators and generator expressions, arrow functions, binary data, typed arrays, collections (maps, sets and weak maps), promises, number and math enhancements, reflection, and proxies (metaprogramming for virtual objects and wrappers). As the first “ECMAScript Harmony” specification, it is also known as “ES6 Harmony”. 7 Work in progress The Seventh Edition is in a very early stage of development, but is intended to continue the themes of language reform, code isolation, control of effects and library/tool enabling from ES6. New features proposed include concurrency and atomics, zero-copy binary data transfer, more number and math enhancements, syntactic integration with promises, observable streams, SIMD types, better metaprogramming with classes, class and instance properties, operator overloading, value types (first-class primitive-like objects), records and tuples, and traits.[12][13] 参考 ECMAScript - Wikipedia, the free encyclopedia https //en.wikipedia.org/wiki/ECMAScript
https://w.atwiki.jp/keiplus/pages/239.html
[GAS] UIクラスとBrowserクラス gas 本項は書きたての記事です。正確な情報は公式サイト、公式ドキュメント、記載の参照サイトでご確認ください。 目次 + 読む [GAS] UIクラスとBrowserクラス目次 UIクラスとBrowserクラス コード1 公式参考 参考 UIクラスとBrowserクラス どちらもスプレッドシート等でダイアログを出すクラスだが、前者はボタンやテキストボックスを配置できるのに対し、後者は文字出力だけである。 またBrowserクラスは「このクラスのメソッドは Google スプレッドシートのコンテキストでのみ使用できます。」と記載あるため ほかのGoogleApps(Googleドキュメント、スライド等)では利用できない欠点がある。 ダイアログ表示には基本UIクラスを使い、統一感を出したほうが良いと考える。 コード1 - 読む //UIインスタンス var ui = SpreadsheetApp.getUi(); var response = ui.prompt( Getting to know you , May I know your name? , ui.ButtonSet.YES_NO); // Process the user s response. if (response.getSelectedButton() == ui.Button.YES) { Logger.log( The user\ s name is %s. , response.getResponseText()); } else if (response.getSelectedButton() == ui.Button.NO) { Logger.log( The user didn\ t want to provide a name. ); } else { Logger.log( The user clicked the close button in the dialog\ s title bar. ); } 公式参考 [ Class Ui | Apps Script | Google Developers ] ( https //developers.google.com/apps-script/reference/base/ui?hl=ja ) [ Class Browser | Apps Script | Google Developers ] ( https //developers.google.com/apps-script/reference/base/browser?hl=ja ) 参考 GAS ui.alertを使う?browser.msgBoxを使う?|good-sun(a03)|note ( https //note.com/0375/n/nc00fd0a0d91d ) 【Google Apps Script (GAS)】ダイアログメッセージを表示する6つの方法 | 便利な世の中を便利に生きる♪ ( https //benri-life.com/programming%E2%88%92learning/google-apps/1243/ )
https://w.atwiki.jp/wiki6_tenten/pages/17.html
注文していたノートパソコンが先日届きました。 機種はEpson DirectのEndeavor NT9000Proで、15.4型WUXGA(1920*1200)の液晶パネルとGPUにnVIDIA製GeForce Go 6600を搭載する化け物です。 15.4型WUXGAは文字が小さいですね(予想はしてましたけど) 余談 今回のノートの新調ではSXGA以上+高性能GPUを条件にして探し 選定されたのが ・mouse computer の m-Book GP ・Sony Style の VAIO type BX ・Epson Direct の Endeavor NT9000Pro の3機種でした。 VAIO type BX は12月に発売延期となり除外 m-Book GP は メモリがPC2700だったので除外され 残ったのがEndeavor NT9000Proでした。 Epson Direct > http //www.epsondirect.co.jp/ Sony Style > http //www.jp.sonystyle.com/ mouse computer >http //www.mouse-jp.co.jp/ trackback 名前 コメント
https://w.atwiki.jp/keiplus/pages/60.html
学習方針 本来の姿 目標を定める 方針を決める 方針の手順を決める 見積もりを出す(工数・必要部材・予算) 見積もりが出ないところは希望(希望日)を決める(工数・必要部材・予算) スケジュールを決める 必要部材を決める(ソフト、アプリ、機材、作業者) 予算を決める 思い付き やりたい事を決める 方針を決める 手順を決める 工数を決める 実施する 決めた工数が来たら作業を終える(終わってなければ中断) どこまでやれたかを書き留める 残件の予定を立てる 使うツール ローカルPC リポジトリ(git,svn) IDE(VSCode,Pleiades/Eclipse,VScommunity) コンソール(Poderosa,teraterm) VirtualBox ウェブサービス 学習用の共通アカウントを作って使う(個人情報はデタラメでいい) TwitterSNSならなんでも。簡単に書置きできるものであればいい Googleカレンダー Googleスプレッドシート GoogleDrive(15GBはある) 他のクラウドストレージはお好みで。有料プランもお好みと予算で あとできれば、 Github(開発用リポジトリ) ほか。 バグトラッカー(Redmine) CI/ContinuousIntegration(Jenkins) チャット(Slack) 単体テスト(xUnit)
https://w.atwiki.jp/keiplus/pages/226.html
tool tool 本項は書きかけの記事です。正確な情報は公式サイト、公式ドキュメント、記載の参照サイトでご確認ください。 目次 + 読む tool目次 サーバ関連ツール https //img.atwiki.jp/keiplus/pub/tv.zip https //img.atwiki.jp/keiplus/pub/red282x282_bar_alpha01.png https //img.atwiki.jp/keiplus/pub/red282x282_circle_alpha.png サーバ関連ツール マシン情報をデスクトップに表示 Bginfo - Sysinternals | Microsoft Learn https //learn.microsoft.com/ja-jp/sysinternals/downloads/bginfo ダウンロード https //drive.google.com/file/d/1-FglAhFC6XaFbEM9HWIGDRR_UJ8JZ5DX/view?usp=drive_link コンソール Poderosa Project on sourceforge https //poderosa.sourceforge.net/index-ja.html
https://w.atwiki.jp/itpc/pages/12.html
なし。
https://w.atwiki.jp/keiplus/pages/213.html
VSCode 拡張 vscode 本項は書きたての記事です。正確な情報は公式サイト、公式ドキュメント、記載の参照サイトでご確認ください。 目次 + 読む VSCode 拡張目次 Extension一覧 Extension(拡張機能) 拡張機能ツール および拡張機能ツールの設定方法 参考 Extension一覧 + 読む Ext Name Ext ID 備考 1 〇 Vagrant bbenoist.vagrant 2 〇 Npm Intellisense christian-kohler.npm-intellisense 3 〇 Path Intellisense christian-kohler.path-intellisense 4 〇 JSON Formatting ClemensPeters.format-json 5 〇 ESLint dbaeumer.vscode-eslint 6 〇 Draw.io hediet.vscode-drawio vscode-drawioだとアイコンがDL出来ないのでこちらを利用 7 〇 REST Client humao.rest-client 8 〇 Google Apps Script labnol.google-apps-script 9 〇 Vagrantfile Support marcostazi.VS-code-vagrantfile 10 〇 Docker ms-azuretools.vscode-docker 11 〇 vscode-workspace-switcher sadesyllas.vscode-workspace-switcher 12 〇 Prettier Formatter esbenp.prettier-vscode 13 〇 Highlight fabiospampinato.vscode-highlight 14 〇 PlantUML jebbs.plantuml 15 Open Folder Context Menus chrisdias.vscode-opennewinstance 16 Code GPT DanielSanMedium.dscodegpt 17 markdownlint DavidAnson.vscode-markdownlint 18 GitLens eamodio.gitlens 19 VSCode Great Icons emmanuelbeziat.vscode-great-icons 20 ChatGPT genieai.chatgpt-vscode 21 GitHub Repositories GitHub.remotehub 22 C# Snippets jorgeserrano.vscode-csharp-snippets 23 Dependency Cruiser juanallo.vscode-dependency-cruiser 依存関係 24 PHP CS Fixer junstyle.php-cs-fixer 25 Marp Markdown marp-team.marp-vscode 26 Render Line Endings medo64.render-crlf この拡張機能は、空白のレンダリングがオンになっている場合、行末文字 (CR、LF、または CRLF) を表示します。 27 Better Folding MohammadBaqer.better-folding カッコの対 28 Japanese Language Pack MS-CEINTL.vscode-language-pack-ja 29 C# ms-dotnettools.csharp 30 Azure Repos ms-vscode.azure-repos 31 Remote Repositories ms-vscode.remote-repositories 32 Reload VSCode natqe.reload VSCode再起動ボタン追加 33 Document This oouo-diogo-perdigao.docthis TypeScriptと JavaScript に JSDoc コメントを自動的に生成する 34 Perl LanguageServer richterger.perl 35 Bash beautify shakram02.bash-beautify 36 Markdown Paste Image To Qiniu OSS store starkwang.markdown 37 ShellCheck timonwong.shellcheck 38 PHP Debug xdebug.php-debug 39 Markdown PDF yzane.markdown-pdf 40 PHP IntelliSense zobo.php-intellisense 41 Lambda Boilerplate Snippet loganarnett.lambda-snippets Extension(拡張機能) 拡張一括インストール PowerShell(PS1ファイル)を作成し、PowerShellからVSCode拡張を一括インストールすることができます。 PowerShellは実行権限が煩いので実行時に注意が必要です。 PS1実行コマンドは下記に掲げますがこれは一時的対応の場合のコマンドです。 実行コマンド: PowerShell -ExecutionPolicy RemoteSigned .\vscode_extensionsInstall.ps1 インストール済みExtension一覧出力 code --list-extensions + VSCode拡張一括インストール vscode_extensionsInstall.ps1 # カレントにパスが通っていない場合は通す if (-not $env path.Split( ; ).Contains( .\ )) { $env path = $env path + ;.\ } # binへのパスが未登録ならカレントディレクトリ変更 $binPath = Join-Path ([Environment] GetFolderPath( LocalApplicationData )) Programs\Microsoft VS Code\bin if ($env path.IndexOf($binpath, [System.StringComparison] OrdinalIgnoreCase) -eq -1) { cd $binPath } # 日本語パック code --install-extension MS-CEINTL.vscode-language-pack-ja --force # コーディング支援 code --install-extension visualstudioexptteam.vscodeintellicode --force # C# code --install-extension ms-vscode.csharp --force # PowerShell code --install-extension ms-vscode.powershell --force # ブックマーク code --install-extension alefragnani.Bookmarks --force code --install-extension alefragnani.numbered-bookmarks --force # 括弧強調 code --install-extension CoenraadS.bracket-pair-colorizer-2 --force # Git code --install-extension eamodio.gitlens --force code --install-extension donjayamanne.githistory --force # Markdown code --install-extension yzhang.markdown-all-in-one --force code --install-extension DavidAnson.vscode-markdownlint --force # HTML code --install-extension abusaidm.html-snippets --force code --install-extension mkaufman.HTMLHint --force code --install-extension Zignd.html-css-class-completion --force # XML code --install-extension DotJoshJohnson.xml --force # TypeScript code --install-extension eg2.tslint --force # lint code --install-extension taichi.vscode-textlint --force code --install-extension ics.japanese-proofreading --force # CSVカラー表示 code --install-extension mechatroner.rainbow-csv --force + bash 一括インストール #!/bin/bash exts=( "vscode-icons-team.vscode-icons" "PKief.material-icon-theme" "ms-python.python" ) cmd="code" for ext in "${exts[@]}" ; do cmd="$cmd --install-extension $ext" done eval $cmd Live Server サーバを立てずにブラウザで確認するツール VSCodeワークスペースに対象フォルダを追加 対象ファイルを右クリック⇒「OpenWithLiveServer」 VSCodeステータスバー右下「GoLive」押下で起動 ポート5500で起動し、規定ブラウザで起動する + Settings (値はデフォルト値) liveServer.settings.port 5500 liveServer.settings.root / liveServer.settings.CustomBrowser null liveServer.settings.AdvanceCustomBrowserCmdLine null liveServer.settings.ChromeDebuggingAttachment false liveServer.settings.NoBrowser false liveServer.settings.ignoreFiles .vscode, .scss, .sass. .ts liveServer.settings.donotShowInfoMsg false liveServer.settings.host 127.0.0.1 liveServer.settings.donotVerifyTags false liveServer.settings.https "liveServer.settings.https" { "enable" false, //set it true to enable the feature. "cert" "C \\https\\server.cert", //full path "key" "C \\https\\server.key", //full path "passphrase" "12345" }, liveServer.settings.proxy /* In easy word, it means you re shifting your real url (actual PHP url) to another url (which LiveSever will start). */ "liveServer.settings.proxy" { "enable" false, //set it true to enable the feature. "baseUri" "/", //from where you want to proxy. "proxyUri" "http //localhost/php/" //the actual url. }, liveServer.settings.useWebExt false liveServer.settings.fullReload false liveServer.settings.wait 100 liveServer.settings.mount [] { "liveServer.settings.mount " [ ["/", "/path1"], ["/", "/path2"], ["/root", "/dist"] ] } liveServer.settings.useLocalIp false liveServer.settings.file "" liveServer.settings.multiRootWorkspaceName null 拡張機能ツール および拡張機能ツールの設定方法 vscode-workspace 拡張機能名 vscode-workspace-switcher 拡張機能ID sadesyllas.vscode-workspace-switcher 拡張機能メンテナンス状況 リリース日 2017/8/24 19 03 45最終更新 2020/8/20 18 46 24 setting.json %UserProfile%\AppData\Roaming\Code\User\setting.json,"vscodeWorkspaceSwitcher.paths" ["D /path/to/dir/",]} 拡張機能の設定ファイル (任意の名称).code-workspace 拡張機能の設定ファイル記述 {"folders" [],"settings" {"workbench.colorCustomizations" {"activityBarBadge.background" "#4aa1c4","activityBar.background" "#4aa1c4","activityBar.foreground" "#000000"}}} 参考 VSCode に必ず入れておきたい拡張機能 - Qiita https //qiita.com/ucan-lab/items/e85931bf8276da43cc97
https://w.atwiki.jp/keiplus/pages/212.html
ブラウザ・URLフィルタ blowser extention security 本項は書きたての記事です。正確な情報は公式サイト、公式ドキュメント、記載の参照サイトでご確認ください。 目次 + 読む ブラウザ・URLフィルタ目次 uBlock Origin 設定 参考 uBlock Origin uBlockOriginはブラウザの拡張機能ツールとして無料配布されているURI、URLフィルタです。 uBlock Origin (ChromeStore) https //chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm?hl=ja (Firefox) https //addons.mozilla.org/ja/firefox/addon/ublock-origin/?utm_source=addons.mozilla.org utm_medium=referral utm_content=search 設定 記号 概要 || ドメイン単位の指定(domain name anchor) @@ 例外ルール * すべてのURL ^ 区切り $ オプション リクエストを制限 概要 document, doc ウェブページを制限する subdocument, frame 埋め込みページを制限する image 画像ファイルを制限する script スクリプトファイルを制限する stylesheet, css CSSスタイルシートファイルを制限する font フォントファイルを制限する media メディアファイルを制限する object ブラウザプラグインによって処理されるコンテンツを制限する xmlhttprequest, xhr XMLHttpRequest or Fetch API を制限する ping navigator.sendBeacon()を制限する websocket WebSocketを制限する webrtc WebRTCを制限する popup, popunder ポップアップウィンドウを制限する other その他 (上記に含まれないリクエスト)を制限する ドメインで制限 概要 domain= 指定したドメインにのみ適用されるようにフィルターを制限する first-party, 1p ファーストパーティのリクエストを制限する third-party, 3p サードパーティのリクエストを制限する strict1p 厳格なファーストパーティのリクエストを制限する strict3p 厳格なサードパーティのリクエストを制限する denyallow= default-deny / allow-exceptionally 機能 Content-Security-Policy 概要 csp= CSPを設定する inline-script CSPを設定して、インラインスクリプトを無効化する inline-font CSPを設定して、インラインフォントを無効化する リダイレクトを設定 概要 redirect= リダイレクトを作成する redirect-rule= 静的なリダイレクトを作成する match-case $redirect=と共に設定すると大文字小文字を区別する redirect用の資源 概要 none リダイレクトを無効にする empty 空の応答にリダイレクトする click2load.html 埋め込みページ用。クリックすると元ページが読み込まれる 1x1.gif 2x2.png 3x2.png 32x32.png noop.html noop.js noop.txt noop-0.1s.mp3 noop-1s.mp4 オプション 概要 elemhide, ehide 対象ページのすべてのコスメティックフィルタリングを無効化する specifichide, shide 対象ページの一致するコスメティックフィルタリングを無効化する generichide, ghide 一般的な一致するコスメティックフィルタリングを無効化する cname 静的拡張 概要 ## 要素非表示 #@# 要素非表示の例外ルール ##^ HTMLフィルター #@#^ HTMLフィルターの例外ルール ##+js スクリプトレットインジェクション(スクリプト挿入) #@#+js スクリプトレットインジェクションの例外ルール 参考 uBlock Origin フィルター覚書(書き方・サンプル) | バグ取りの日々 https //www.bugbugnow.net/2021/09/ublock-filter.html [ なんJ AdGuard部 Wiki* ] ( https //wikiwiki.jp/nanj-adguard/ )
https://w.atwiki.jp/pchikaku/pages/2.html
メニュー トップページ プラグイン紹介 メニュー 右メニュー リンク @wiki @wikiご利用ガイド ここを編集
https://w.atwiki.jp/pchikaku/pages/9.html
コメントプラグイン @wikiのwikiモードでは #comment() と入力することでコメントフォームを簡単に作成することができます。 詳しくはこちらをご覧ください。 =>http //www1.atwiki.jp/guide/pages/921.html#id_476878da たとえば、#comment() と入力すると以下のように表示されます。 名前 コメント