※当サイトの記事には、広告・プロモーションが含まれます。

JavaScript

jQuery 4.xで遂にIE 10以前のサポートを終了するそうな。Ajaxについても整理してみる

www.publickey1.jp ⇧ 何と言うか、コストの観点からしたら、オンプレミスで構築した方がよい場合もあるからして、全てをクラウドありきで考えられても困るんだが... 特に円安、クラウドサービスの値上げ、とかある中で、本当にクラウドの方が低コストと言え…

JavaScriptで矩形選択を作成、リサイズ、移動、選択範囲内のDOMの情報を取得したりする

gigazine.net 今回の研究では、将来の都市人口を左右する要因についての調査は行われませんでした。しかし、ストラダール氏は住宅価格の上昇や産業の衰退、出生率の低下、州税の違い、気候変動の影響といった地域によって異なる変数が複雑に絡み合い、人口が…

ファイルマネージャーのGUIのようなことを真似してブラウザー上でフォルダの階層表示してみる

gigazine.net ⇧ う~む、これだけのことができるのに、MECE(Mutually Exclusive, Collectively Exhaustive)に分類したりする作業はポンコツだったりするのがよく分からんですな... とりあえず、映像系の製作とかでPoC(Proof of Concept)ができるようにな…

Webカメラの情報から顔認識をして顔認証の前のバリデーションに必要な情報を取得する

gigazine.net ⇧ まぁ、膨大な数のプロジェクトに取り組んでいると思われるので、気になるところは出てきますよね。 顔認識(Facial Recognition)と顔認証(Facial Authentication)の違い このあたり、 顔認識システム(かおにんしきシステム、英語: Facial…

TabulatorというJavaScriptライブラリを使ってみる

gigazine.net ⇧ 1983年にファミコンが出てから、映像の進化が凄まじいですからな。 TabulatorというJavaScriptライブラリを使ってみる 業務で存在を知ったので、利用してみる。 tabulator.info github.com Tabulator allows you to create interactive table…

TypeScriptの型の定義って複雑で難読なものも出てきますしな...

www.itmedia.co.jp ⇧ お金の問題に行き着く感じですかね... う~む、 news.yahoo.co.jp ⇧ 妥当な予算を研究に回せているんだろうか... 話は変わりますが、 www.huffingtonpost.jp ⇧ 22年が経過したのか... アメリカがだいぶ叩かれてるけど、自爆テロを計画・…

JSP(JavaServer Pages)のラジオボタンのcheckedでハマる

japan.zdnet.com github.blog ⇧ Gitに慣れていかねばですね... JSP(JavaServer Pages)のラジオボタンのcheckedでハマる いや~、JSP(JavaServer Pages)で、泥沼にハマりましたわ... 前任の開発者の人が初期状態でcheckedを付けたかったんだとは思うけど…

Javaで独自例外クラスにフィールドを追加してみる

www.itmedia.co.jp ⇧ やはり、お金かね... Javaで独自例外クラスにフィールドを追加してみる 背景として、early return patternを使っている処理でエラーにしたい場合の戻り値がModelAndViewになっていて、正常に処理された場合の戻り値とデータ型が異なるた…

Reactで『Warning: A component is changing an uncontrolled input to be controlled. 』というエラー

www.itmedia.co.jp MetaでInstagramを統括するアダム・モッセリ氏は「ThreadsはInstagram を利用しているため、現時点では統合された1つのアカウントのみだが、Threadsアカウントを個別に削除する方法を検討している」と、自身のThreadsで述べている。 Threa…

Reactで入力は複数ページのFormで、最終的に全てのForm入力内容を一括で送信したかったが...

www.itmedia.co.jp ⇧ 割に合わない気がする... 専門家による論文の査読で8年以上かかってるらしいのに、1.4億円ってのは夢が無いと感じてしまう... 大金であることは間違いないのだけど、才能ある人たちが8年も費やしている問題に対する費用対効果として考え…

JSP + JSTL は遅いらしいが、変数の定義などはどこでするのが良いのか

gigazine.net ⇧ 普及率がどれぐらいなのか気になりますな。 JSP + JSTL は遅いらしいが... サーバーサイドがJavaでSpring FrameworkとSpring Web MVCを使っていて、フロントエンドが jQuery + JavaScript CSS JSP(JavaServer Pages) JSTL(JSP Standard Ta…

HTML5のinput要素に付与できるSpinnerとは何なのか?ページ読み込みのSpinnerとは関係ない

nazology.net ⇧ amazing... HTML5のinput要素に付与できるSpinnerとは何なのか?ページ読み込みのSpinnerとは関係ない 何のことを言っているのか非常に分かり辛く恐縮なのですが、 jqueryui.com Spinner Enhance a text input for entering numeric values, …

FileSaver.jsの拡張版のStreamSaver.jsならダウンロードのファイルサイズの制限を気にせずで良い模様

gigazine.net スマートフォンのディスプレイやPCのモニターから出るブルーライトは波長が短く高いエネルギーを持つため、視力に悪影響が出るという説が唱えられています。そんなブルーライトに「老化の促進」という懸念すべき効果があるという研究を、オレゴ…

JavaScriptでリロード前のログは保持できないのか、Chromeのデベロッパーツールで保持できる模様

japan.cnet.com Alphabet傘下のDeepMindは米国時間7月28日、人工知能(AI)を利用して、既知のほぼすべてのタンパク質について立体構造を予測することに成功したと発表した。植物やバクテリア、動物、人間など、想像できるあらゆるものに存在する2億種以上の…

Javaで非同期処理したいんだけど、フロントエンドには即時レスポンスしたい

scienceportal.jst.go.jp 観測史上最も遠い129億光年かなたの星を発見した、と米航空宇宙局(NASA)、欧州宇宙機関(ESA)などの研究グループが発表した。遠すぎて本来は確認が難しいが、地球からみて手前にある重い天体の影響で姿が歪んで見える「重力レンズ…

Vue.jsのリアクティブが反映されるタイミングがハッキリしない

nazology.net 科学技術の進歩は、私たちにとって有用な反面、使い方次第では、同じくらい負の遺産を生み出します。 創薬AIがわずか6時間で4万種の「化学兵器」をデザイン! - ナゾロジー このほど、米・英・スイスの国際研究チームは、創薬のためのAI(人工…

TypeScriptを学べばJavaScriptも学べるらしいと信じて...

japan.zdnet.com Microsoft Security Response Center(MSRC)は米国時間12月22日、「Microsoft Azure」上で発見された「NotLegit」脆弱性への対応をブログで発表した。この脆弱性は、クラウドセキュリティ企業Wiz(Wiz.io)によって発見、報告されていたも…

Vue CLIでVue.jsのプロジェクトを作成したので、手を加えてみる

scienceportal.jst.go.jp 宇宙の初期に「ちり」に隠れ、かつ星の形成が穏やかなタイプの銀河を発見した、と国立天文台などの国際研究グループが発表した。南米チリにあるアルマ望遠鏡の電波観測による成果。発見したのは2つで、1つは、ちりに隠れた銀河とし…

JavaScriptのフレームワーク、結局のところ何を使ったら良いのか分からないけどVue.js使ってみる

祇園精舎の鐘の声、諸行無常の響きあり。沙羅双樹の花の色、盛者必衰の理をあらはす。 奢れる人も久からず、ただ春の夜の夢のごとし。猛き者も遂にはほろびぬ、偏ひとへに風の前の塵におなじ。 【祇園精舎の鐘の声……】『平家物語』の魅力を知ろう。 | P+D MA…

TypeScriptを利用するならVisual StudioかVisual Studio Codeを使うのが良いみたい

www.buzzfeed.com ⇧ 同感です、館長...。 というわけで、 『TypeScript ビギナー&ステップアップ(開催:2018/01/27 (土) 12:30 ~ 17:30)』というセミナーを受けに、品川にある日本マイクロソフト(品川本社)に行ってきました。 JavaScriptを使った開発を…

YouTubeをJavaScriptで制御できるIFrame Player API に悪戦苦闘

WordPressでWebサイトを作成していて、YouTubeを50人分ぐらい載せることになって、動画を操作したいということでIFrame Player APIを使えば良いようです。 IFrame Player API とは? IFrame Player API YouTube 動画プレーヤーをウェブサイトに埋め込み、Jav…

Node.jsをベースとしたビルドシステムヘルパー gulp.jsとは

Grunt.jsの後発として、gulp.jsというものが出ていたのをいまさらながら知りました。 どっちもNode.jsが必要 Node.jsをパソコンにインストールしておく必要があります。 Grunt.js ⇒ タスクランナー gulp.js ⇒ ビルドシステムヘルパー Grunt.js gulp.js ビル…

ChromeのデベロッパーツールでJavaScriptのプログラムをチェック

今回は、職場の先輩に教わったプログラミングをしていく上でのお役立ち情報を紹介したいと思います。 データの流れはどうなってるの? 自分のように、プログラミング初学者が真っ先に躓くのは、データの流れが把握できないことだと思います。 複数のファイル…

CSS Browser SelectorというjQueryプラグインでクロスブラウザの問題に対応

相も変わらずcssは cssはブラウザによって挙動が変わるので非常に難しいですね。 今回、問い合わせはこちらというような矢印を、cssで真ん中に配置しつつアニメーションさせてみたのですが、例のごとくブラウザごとに多種多様な挙動に! みんなちがって、み…

Webアプリケーションの脆弱性と対策

Webアプリケーションの脆弱性いろいろ スクリプト挿入攻撃(Script Insertion) クロスサイト スクリプティング(Cross Site Scripting / XXS) クロスサイト リクエスト フォージェリ(Cross Site Request Forgeries / CSRF) SQLインジェクション(SQL Inj…

Transformicons  ~Animated icons, symbols and buttons using SVG and CSS~ アニメーションするアイコンを生成

『Transfomicons』を試してみる アイコンをクリックしたら、クリックされたアイコン自身がアニメーションするようなソースコードを自動生成してくれる『Transfomicons』。 ⇩ 下記サイトへ。 Transfomicons 『Builder』をクリックします。選択されると白くな…

position:fixedの固定ナビとjQueryのスクロール

グローバルナビなどをcssのposition:fixedなどで固定した場合、ページ内リンクさせようとする際に、リンク先でのズレや、jQueryのanimateを使ってのページ内スクロールなどが、固定したナビの高さの分だけズレてしまうようです。 対処の仕方として、cssで調…

ブラウザの対応に関して 『Modernizr』という相互運用性対策に特化したJavaScriptライブラリ

Modernizrは、HTML5やCSS3などの新しいWebの標準がWebブラウザに実装されているか、汎用的なインタフェースを通じて確認することができるJavaScriptライブラリです。 『Modernizr』でできること。 html5shiv ⇒ HTML5で追加された新要素をブラウザが認識でき…

PHP PDOオブジェクトとJavaScriptのajaxで掲示板風アプリ

XAMPPの中のMySQLデータベースサーバ(phpMyAdmin)にデータベース名『rensyu0508』のデータベースを作り、テーブル名『hitokoto』のテーブルを作る。 テーブル『hitokoto』 dispの値が『0』の時はブラウザに表示されないようにし、『1』の時はブラウザに表…

JavaScriptの配列

<html lang="ja"><head><meta charset="utf-8"><title>配列・画像入れ替え(授業回答)</title></head> <body><h1>番号を入力すると画像が変わります。</h1><form name="form1">数字:<input type="text" placeholder="1~4までの値" name="num" size="30">表示:<input type="button" value="表示" onclick="showImg();"></form></body></html>