EmscriptenでC言語のプログラムをHTMLとJavaScriptに変換する
■環境Windows10 >emcc –version emcc (Emscripten gcc/clang-like replacement + linker emulating GNU ld) 3.1.15 (8b4443a87f5eab5dbb9adb690f9ebed0a9da4bd9) ■簡単なC言語のプログラムを作成するEmscriptenでC言語のプログラムをHTMLとJavaScriptに変換してみますので、まずはC言語のプログラムを作成します。 ■コード#include int main() { printf("Hello World!!!!!!!!!!!!\n"); }今回は、main()という関数を定義し、関数が呼び出された時の処理としては、printf()を用いて括弧内に引数,パラメータとして渡した文字列を出力させるものです。 このファイルを「hello.c」という
内部アプリ構築のためのローコードのオープンソース「Appsmith」に登録をする
JavaScriptベースの、内部アプリケーションを構築するためのローコードのオープンソースフレームワーク、もしくはビジュアル開発プラットフォーム「Appsmith」に登録してみます。 ■PC環境>Windows 10 ■Appsmithにサインアップするまずは、Webブラウザを起動し、Appsmith（https://www.appsmith.com/）にアクセスします。 アクセスすると、Webサイト上に「Try Cloud – it’s free」ボタンか、右上に「Sign up」ボタンがありますので、いずれかをクリックします。 クリックすると、サインアップ（https://app.appsmith.com/user/signup）のページが表示されます。このページ内ではすでにお持ちのGoogleアカウントか、Githubアカウントで登録することができます。また「Email（メールアド
【JavaScript】table()関数を用いてテーブルをコンソールに書き込み
【JavaScript】table()関数を用いてテーブルをコンソールに書き込みしてみます。 table()関数を用いると、テーブルをコンソールに書き込むことができますので、JavaScriptで複雑な配列やオブジェクトを視覚化する際に重宝します。 ■構文,パラメーターconsole.table(tabledata, tablecolumns)tabledataは、テーブルに入力するデータを渡します。これは必ず必要となる。 tablecolumnsは、テーブル列の名前を持つ配列を渡します。これはオプションとなる。 ■環境Windows10（Google chrome） Javascript Playground: PLAYCODE（https://playcode.io/） ■table()関数を用いてテーブルをコンソールに書き込むでは、早速table()関数を用いてテーブルをコンソールに
オフラインのHTML/JS GUIアプリを作るためのライブラリ「Eel」のインストール
PythonでオフラインのHTML/JS GUIアプリを作るためのライブラリ「Eel」のインストールについて解説しています。 「Eel（https://github.com/ChrisKnott/Eel）」は、JavaScript,HTML,CSSによるデスクトップアプリケーションを構築するフレームワーク「Electron」のようなオフラインのHTML/JS GUIアプリを作るためのライブラリです。 ■Python 今回のPythonのバージョンは、「3.8.5」を使用しています。（Windows10）（pythonランチャーでの確認） ■EelをインストールするEelをインストールを行いますが、今回はpipを経由してインストールを行うので、まずWindowsのコマンドプロンプトを起動します。 pip install Eel起動後、上記のコマンドを入力し、Enterキーを押します。 なお、
Webページに3Dコンテンツを表示するJavaScriptライブラリ「Three.JS」を使用する
Webページに3Dコンテンツを表示するJavaScriptライブラリ「Three.JS」を使用してみます。 ■CDNからthree.jsをロードするThree.JSを使用するために、今回はCDNからthree.jsをロードし使用してみます。 ■コード<script type="module"> import * as THREE from 'https://cdn.skypack.dev/three'; </script>今回は、インストールやビルドツールなしで最適化されたnpmパッケージをロードでき、個人・商用を問わず永久無料で利用できるSKYPACK（https://www.skypack.dev/）を使用します。 ■コード<!DOCTYPE html> <html lang="ja"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Com
PythonでJs2Pyを使用しjsファイルを実行する
PythonでJs2Pyを使用しjsファイルを実行してみます。 Js2Pyは、Pythonの標準ライブラリではありませんので、事前にインストールする必要があります。 ■Python 今回のPythonのバージョンは、「3.8.5」を使用しています。（Windows10）（pythonランチャーでの確認） ■jsファイルを用意するPythonでJs2Pyを使用しjsファイルを実行してみますので、jsファイルを用意します。 ■コードfunction test(name){ console.log("Hello,"+name+"!") }今回は、testというJavaScriptの関数を定義します。testという関数（function）を定義し、関数の引数,パラメータをnameとします。関数を呼び出した際に実行する処理を中括弧”{}”の中に記述します。記述する処理は、Consoleのlog()関
PythonでJs2Pyを使用しJavascriptを実行する
PythonでJs2Pyを使用しJavascriptを実行してみます。 Js2Pyは、Pythonの標準ライブラリではありませんので、事前にインストールする必要があります。 ■Python 今回のPythonのバージョンは、「3.8.5」を使用しています。（Windows10）（pythonランチャーでの確認） ■Js2Pyを使用しJavascriptを実行するでは、早速Js2Pyを使用しJavascriptを実行するスクリプトを書いていきます。 ■コードimport js2py code_1 = "function f(x) {return x*x;}" request_1 = js2py.eval_js(code_1) print(request_1(2))Js2Pyを使用しJavascriptを実行するためには、importでjs2pyを呼び出します。その後に、code_1という変数
JavaScriptをPythonコードに変換できるライブラリ「Js2Py」をインストール
JavaScriptをPythonコードに変換できるライブラリ「Js2Py」のインストールについて解説しています。 Js2Pyは、pythonで書かれており、依存関係はない。Js2Pyを使用すると、ほぼすべてのJavaScriptコードを変換し実行することが可能です。 ■Python 今回のPythonのバージョンは、「3.8.5」を使用しています。（Windows10）（pythonランチャーでの確認） ■Js2PyをインストールするJs2Pyをインストールを行いますが、今回はpipを経由してインストールを行うので、まずWindowsのコマンドプロンプトを起動します。 pip install Js2Py起動後、上記のコマンドを入力し、Enterキーを押します。 なお、今回は、pythonランチャーを使用しており、Python Version 3.8.5にインストールを行うために、pipを
Webブラウザ上でface-api.js/JavaScriptによる簡単な顔認識
Webブラウザ上でface-api.js/JavaScriptによる簡単な顔認識を行ってみます。 今回は、Tensor Flow上に構築されたface-api.js（https://github.com/justadudewhohacks/face-api.js）ライブラリを使用して、顔認識を簡単に行ってみます。 ■PC環境・Windows10 Pro ・Visual Studio Code 1.57.0 ・git version 2.31.1.windows.1 ■リポジトリのクローンを作成するまずは、リポジトリのクローンを作成します。作成しますので、Windows10のコマンドプロンプトを起動します。 C:\Users\<ユーザー名>>git clone https://github.com/justadudewhohacks/face-api.js.git起動後、上記のコマンドを入力
Node.jsとPuppeteerを使ってWebサイトをスクレイピングする
Node.jsとPuppeteerを使ってWebサイトをスクレイピングしてみます。 なお、JavaScriptの実行にはNode.jsとnpm（Node Package Manager）を使用するので、コンピュータにNode.jsとnpmがインストールされている必要があります。 ■PC環境・Windows10、Administrator（管理者）アカウント ・node –version v14.15.0 ・npm –version 6.14.8 ■Web Scraperの設定Web Scraperの設定のために、プロジェクト用のフォルダを作成しますので、Windows10の検索ボックスで「cmd」と入力し、コマンドプロンプトをクリックします。クリックすると、コマンドプロンプトが起動します。 C:\Users\Administrator>mkdir web-scraper起動後、上記のコマン
JavaScript / Node.jsでWebクローラーの作成とWebスクレイピング
JavaScript / Node.jsでWebクローラーを作り、Webスクレイピングを行ってみます。 なお、JavaScriptの実行にはNode.jsとnpm（Node Package Manager）を使用するので、コンピュータにNode.jsとnpmがインストールされている必要があります。 ■PC環境・Windows10、Administrator（管理者）アカウント ・node –version v14.15.0 ・npm –version 6.14.8 ■新規フォルダの作成と、crawler.jsという空のファイルを作成するまずは、新規フォルダの作成と、crawler.jsという空のファイルを作成します。 今回は「C:\Users\Administrator（フォルダパス）」という場所に、「simple-web-crawler」という名前のフォルダを作成します。 ■コードvar
PHPを使用しアラートメッセージボックスをポップアップ表示する
PHPを使用しアラートメッセージボックスをポップアップ表示してみます。 なお、PHP自体ではアラート（警告）メッセージボックスが表示できませんので、PHP本体内のJavaScriptコードを使用してアラートメッセージボックスをポップアップ表示してみます。 ■環境・Windows10（Microsoft Edge） ・WampServer Version 3.2.3 64bit ・PHP Version 7.3.21 ■アラート（警告）メッセージボックスを表示するでは、アラート（警告）メッセージボックスを表示するスクリプトを書いてきます。 ■コード<?php echo '<script>alert("ようこそのWebの世界へ")</script>'; ?>アラート（警告）メッセージボックスが表示する際は、PHPのecho文を使用し、中にJavaScriptのscriptタグを書きます。書いた
Meteor（ミーティア）のインストール/アプリ作成/ローカル環境で公開（Windows10）
Webアプリケーションとモバイルアプリケーションを開発するためのフルスタックJavaScriptプラットフォームである「Meteor（ミーティア）」をインストール/アプリ作成/ローカル環境で公開するまでを解説しています。 ■PC環境・Windows10、Administrator（管理者）アカウント ・Chocolatey バージョン0.10.15（インストールに関してはこちら） ■インストールするウインドウを閉じた後に、新しいアプリケーションを作成するために、Windows10のデスクトップ画面の検索ボックスで「コマンドプロンプト」と入力します。 入力すると、「最も一致する検索結果」に「コマンドプロンプト」が表示されますので、こちらをクリックします。クリックすると、コマンドプロンプトを起動します。 choco install meteor起動後、上記のコマンドを入力し、Enterキーを押
【大人の入門講座】プログラムをmicro:bit（マイクロビット）に組み込む
■作成したマイプロジェクトを開くまず、micro:bit（マイクロビット）とPCをMicroUSBケーブルで接続します。 接続後、Microsoft MakeCode for micro:bit（https://makecode.microbit.org/）にアクセスします。 アクセス後、作成したマイプロジェクトを選択し、開きます。 ■micro:bit（マイクロビット）本体に作成したマイプロジェクトのファイルを移動して書き込み プログラミングエディターの下に「ダウンロード」ボタンがありますので、こちらをクリックします。 クリックすると、「ダウンロード完了…」というウインドウが表示されます。表示されると、自動的にファイルのダウンロードが開始され完了となります。完了すると、Webブラウザの指定されている保存場所に、hex形式のファイルがダウンロードされます。 ダウンロードされたhex形式のフ
【JavaScript入門】Window.alert() メソッド – 警告ウィンドウを表示する
■PC環境・Windows10 ・簡単に書いたコードを共有ができる「jsFiddle（https://jsfiddle.net/）」 ■Document.write() メソッドを使って文字列（文章）の内容を表示するWindow.alert() メソッドを使って警告ウィンドウを表示してみます。 ■コード Window.alert() はポップアップウインドウにメッセージを表示します。 括弧内に短い言葉を入力することで、ユーザーにエラーを通知することができます。フォームフィールドのエラーを修正するための指示などの情報をユーザーに提供する場合にも役立ちます。役立つものですが、誤用や多用してしまうと、Webサイトの訪問者にとって迷惑となりえます。 alert('警告を表示')なお、Window.alert() は上記のように、alert() と短縮することができます。 また、HTML5では、スク
【JavaScript入門】Document.write() メソッド – 文字列（文章）の内容を表示する
■PC環境・Windows10 ・簡単に書いたコードを共有ができる「jsFiddle（https://jsfiddle.net/）」 ■Document.write() メソッドを使って文字列（文章）の内容を表示するDocument.write() メソッドを使って文字列（文章）の内容を表示してみます。 ■コード Document.write() メソッドを使って、文字列（文章）の内容を表示する場合は、括弧内に一重引用符（シングルクォーテーション）で囲んで表示させる文字列（文章）を入力します。今回の場合では、「書かれた文章が表示されます」としています。 Document.write() メソッドに入力された文字列（文章）がscriptタグによって読み込まれ処理が行われます。行われた結果、文字列（文章）が表示されます。 ■実行・検証jsFiddle（https://jsfiddle.net/
【大人の入門講座】micro:bit（マイクロビット）本体の紹介
micro:bit（マイクロビット）本体について解説しています。 BBC Micro:bitとは、英国放送協会（BBC）が開発した学校向けの低消費電力、低コストのシングルボードコンピュータです。英国では11歳と12歳の小学生全員に配布される。もちろん大人も購入することが可能。「小学生向き」というイメージだが、大人も使えるので、固定概念、先入観を取り払い大人でもどんどん使ってみよう。 ■開封 micro:bit（マイクロビット）本体を購入し開封すると、その中には、micro:bit（マイクロビット）本体と、SAFETY GUIDE（安全方針）1冊（英語表記、日本語表記等もあり）、READY SET GOと書かれた冊子1冊（セットアップの方法についてなど）（英語表記）が入っている。 電子部品専門店でmicro:bit（マイクロビット）本体を購入することができたが、「色指定ができない」といった表
Google Apps Script（GAS）
Google Apps Script（グーグル・アップス・スクリプト）とは、Google Sheets、ドキュメント、Gmailなどの独自の製品やサードパーティのサービスを拡張し、クラウドベースのWebアプリケーションを構築するため、クラウドベースの軽量スクリプト言語、または開発プラットフォームです。 Apps ScriptはJavaScript言語を使用しています。ただし、クライアント側で実行されるJavaScriptとは異なり、これはサーバー側で実行されます。 Apps Scriptは、ウェブ開発とGoogle製品の使いやすさをもちあわせており、ビジネスや組織に合わせてアプリケーションを自由にカスタマイズしたり、日常的なタスクを自動化したりするのに最適なツールです。 なお、企業で既にGSuiteアプリを使用している場合は、AppsScriptは追加費用なし（無料）で提供されます。
【obniz入門】ステッピングモーターを使用する
■用意したもの・obniz Board ・Micro USBケーブル これらは「obniz Starter kit（オブナイズ スターターキット）」に付属しています。 別途用意したもの・Windows10を搭載したノートパソコン（オンラインのプログラムエディタを開くため） ・インターネット環境、WiMAX（ワイマックス）。 ・Ren He 5V ステッピングモーター、1個（https://amzn.to/3nZUeyP） ・28BYJ-48 ULN2003ドライバーボード、1個（https://amzn.to/3nZUeyP） ・BREADBOARD（ブレットボード） 、1個（https://amzn.to/30DRNaO） ・メスからオスのデュポンワイヤーリボンケーブル（Female to Male DuPont wires）、6つ（https://amzn.to/33BKWAN） ・ブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【セキュリティ】JavaScriptの知識を活かしペネトレーション（侵入）テストを行う | 中小企業のIT相談窓口「Soo_Daaan」 – 論理的思考/課題解決/プログラミング