全モダンブラウザで使えるJavaScriptのdynamic import（動的読み込み） - Qiita
JavaScriptでは他のJSファイルを読み込みES Modulesという仕組みがあり、Chrome、Edge、Safariなどブラウザのサポートが拡大しつつあります（参考記事「JavaScriptでモジュールを使う時代に！ ブラウザで覚えるES Modules入門」）。 さらに、モジュールをimport()を使って「関数のように」呼び出すためのdynamic importという仕組みが2020年に公開されるECMAScriptの仕様で導入されます（tc39/proposal-dynamic-import）。Google Chrome、Firefox、Safariではではモジュールのdynamic importに対応しており、ブラウザでその挙動を確認できます。 dynamic importのメリットは、任意のタイミングでモジュールを読み込めること。たとえば、ページの初期表示に必要なJav
webpack.config.jsがわからない - Qiita
webpack.config.jsがいつまでたってもわからない Javascript開発には欠かせないwebpackですが、webpack.config.jsファイルの書き方がいつまで経っても検索&コピペばかりで身に付きません。別にコピペでいいじゃんという考え方もありますが、webpackのドキュメントに沿って設定内容を理解し、自分の環境に合わせた形でwebpack.config.jsが書けるようにまとめていきたいと思います。バージョンは3.8.1の想定です。ディレクトリ構成も考えながらやっていきたいと思います。今のところprojectディレクトリ以下に次のようにファイルが存在しているとします。
Webセキュリティ覚書 : "攻撃" 編 [ 初学者向け ] - Qiita
Webのセキュリティ プログラミングスクールからエンジニアデビューしたものですが、セキュリティの重要さと、攻撃された時の恐ろしさに戦々恐々としました。今でもしてます。 たとえ、エンジニアでなくとも、最低限の対策をしないとリリースするのは危険です。 プログラミングスクールではセキュリティについては、深く学ぶことはあまりないと思います。 自分と同じ駆け出しエンジニアさんや、エンジニアじゃないけど、Webサービスリリースしたい！みたいな方に共有できたらと思います。 セミナーでセキュリティについて学んできたので、復習も兼ねて自分なりの解釈で記事に落とそうと思います。 脆弱性? Webサイトの脆弱性は二種類。 ロジックエラー(設計段階で生まれる脆弱性) セッションの管理不備や特殊文字を処理せずにデータを受け渡してしまうことです。 テクニカルエラー(実装段階で生まれる脆弱性) SQLインジェクション、
![Webセキュリティ覚書 : "攻撃" 編 [ 初学者向け ] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/0118b606e54d7151dde8e72674271b8fc604496f/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-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9V2ViJUUzJTgyJUJCJUUzJTgyJUFEJUUzJTgzJUE1JUUzJTgzJUFBJUUzJTgzJTg2JUUzJTgyJUEzJUU4JUE2JTlBJUU2JTlCJUI4JTIwJTNBJTIwJTIyJUU2JTk0JUJCJUU2JTkyJTgzJTIyJTIwJUU3JUI3JUE4JTIwJTVCJTIwJUU1JTg4JTlEJUU1JUFEJUE2JUU4JTgwJTg1JUU1JTkwJTkxJUUzJTgxJTkxJTIwJTVEJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0wYTkwMmQ5NjM4NzVmOWY2OWE4NTExNDY3MjBkZjRmOQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBUc3V0b3UmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWNjZjUwMTExZWNkYWFmYWZiYmQ3NzQzMmQ3NGFjMDk2%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gVGltZXJzIGluYw%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Ddebc7d29bc741953df89bdf27c162bd1)
VSCodeでmarkdownを書いたらhtmlへ自動変換する。 - Qiita
markdownをhtmlに変換したい。 調べてみるとpandocとか外部アプリ？が必要だったりと色々面倒なのですが これは拡張機能を一つ入れるだけで手軽に出来ます。 インストール拡張機能「markdown-pdf」 vscode-markdown-pdf/README.ja.md at master · yzane/vscode-markdown-pdf 本来PDFに変換するものですが HTMLにも変換できます。 変換できる全フォーマット （PDF、html、png、jpeg） インストール方法 Ctrl+p もしくは F1キーから 「pdf」で検索 「Markdown PDF」をインストールします。 設定を書き込む ファイル＞基本設定＞ユーザー設定
技術書を翻訳する技術 - Qiita
はじめに Kotlin In ActionというKotlinの解説書があります。 Kotlinの開発チームのメンバーによって書かれた本で、単にKotlinの機能や文法を解説するだけではなく、その背景にある考え方や動機、内部的な仕組みについても深く説明しているので、Kotlinを触る上ではまず読むべき一冊ではないかと思います。 そして、縁があってこの本の翻訳作業に参加させて頂き、日本語版の「Kotlin イン・アクション」を出版することが出来ました。私が英文の本を翻訳をする事自体は初めてなのですが、Kotlinという言語を日本語圏に広めるという意味でも重要な役割を果たす本であり、また、お金を出して買って頂くので、プレッシャーを感じつつ、クオリティ高く仕上げることに全力を注ぎました。 現役のエンジニアで翻訳する機会に恵まれるのはあまりないとは思いますが、twitterで以下のようなことを呟いて
Chromium Browserのカレンダー | Advent Calendar 2017 - Qiita
オープンソースのウェブブラウザ Chromium の実装や最近の動向に関するカレンダーです。参加者募集中! :) Chromium is an open-source web browser. These articles will introduce its implementation and the recent trend of the project. Anyone can join. We need more participants! :) Either Japanese or English is OK. Chromium Code Review Advent Calendar: https://qiita.com/advent-calendar/2017/chromium-codereview
2017年のJavaScript開発で知っておきたい用語集/リンク集 - Qiita
JavaScriptを本格的に学ばねばならぬときがきたので、よく知らなかった用語を調べた。 基本的に大項目のリンク先は公式ページ。参考記事は詳細に別途リンクを貼る。 HOTなツールを知りたいときは2016 JavaScript Rising Starsを見るとよさそう。 更新履歴 2017/10/31 11:00 : その他ライブラリの項を追加 2017/10/31 12:00 : ECMAScriptの説明を大幅に修正 2017/10/31 23:00 : CSS関連のLoader, 開発に便利なライブラリを追加 基本用語 Node.js ネットワークアプリケーションを作成するためのJavaScript実行環境 非同期型のイベント駆動 nvm (Node Version Manager) Node.jsのバージョン管理システム V8 (Google V8 JavaScript Engin
出来る限り短く説明するReactJS入門 - Qiita
VTeacher 所属の Masaki Suzuki です。 ※各項目をできるだけ3行以内にまとめています デザイナーさんやフロントのエンジニアさん向けのReact.js（リアクトジェーエス）入門です。 「最近、『リアクト』と聞くけど、つまり何？」ってひとが対象です。 React.jsとは React.jsはUIのパーツ（構成部品）を作るためのライブラリです。 FacebookがOSSとして公開しています。 初回投稿日：2015年06月21日 この投稿はReactが話題になり始めた頃（6年前のv0.1の頃）、整理した記事です。 最新情報はこちら React Server Components 2021年からReactを始めるなら React Server Components 一択ではないか？ https://zenn.dev/rgbkids/articles/e58ef9b947b199
VSCodeに移行すべき5つの理由 - Qiita
この記事 is 何? 最近、生産性について考え直す機会があり、自分の開発環境周りの棚卸しや見直しをしている時にVSCode（Visual Studio Code）に興味を持ちました。(今更) 実際に使ってみたらとてもいい感じだったので、そのままVSCodeに移行してしまいました。この記事はVSCode移行の際に感じたことのまとめになります。 VSCode入門(インストール方法や、基本的な使い方)的な話はありませんので、そちらは公式ドキュメントご参考ください。 https://code.visualstudio.com/ エディタ難民やエディタの移行を検討している人の参考になれば幸いです。 (念のため書いておきますが、VSCodeやMicrosoftの回し者ではありません。) エディタの乗り換えは本当に必要か まず初めに、「エディタの乗り換えは本当に必要か？」というところからスタートします。
Reactアハ体験 - Qiita
Reactはちょっとしたコツを掴むと一気に理解が進みます。 Googleのデベロッパーであり数々のReactトレーニングを手がけてきたTyler McGinnis氏によるReact "Aha" Momentsが非常に参考になるため、本人の許可を得て意訳しました。 誤りやより良い表現などがあればご指摘頂けると助かります。 原文：https://tylermcginnis.com/react-aha-moments/ 私が技術的なコンテンツを教えたり書いたりする時の主な目標の1つは「アハ体験」を最大化することです。アハ体験は物事が突然理解できた瞬間のひらめきです。私たちは皆これを体験してきましたし、私の知る最高の教師たちは聴衆に応じて、それらの瞬間を最大化するための教えを最適化することができます。 ここ数年、私はほぼ全ての一般的なメディアでReactを教えてきました。その間、私はReact習得
Windows10環境にAnaconda+Visual Studio CodeでPython環境を構築【2017年9月】 - Qiita
きっかけは以下の本を読んでPythonに興味が出て色々自動化したいこともあったので環境を構築してみました。 退屈なことはPythonにやらせよう Pythonの有名なIDEとしてはPycharmもあるようですが、Python以外にもHTMLやCSSなども触る可能性が高いので、ある程度使える＆そこそこ軽い評判のVSCodeを使って見ました。Pycharmについては以下の記事がわかりやすかったです。 最強のPython開発環境 PyCharmのすゝめ 基本的には以下の記事を参考にしました、感謝です！ データサイエンティストを目指す人のpython環境構築 2016 まず、Windows10に入れると言うことで、今や鉄板になっているAnacondaのインストールから。AnacondaはPythonの純正インストーラとは別に用意されており、仮想環境を色々と作れて2系と3系を同じマシン内に入れておく
iOS11でWebRTCを利用したWebサービスを1時間で作った話 - Qiita
すべての始まり スマホの方がキーボードより入力しやすいからスマホでPCにテキスト打ち込めるツールがほしいというリプを、おそらく学生のフォロワーさんからいただき、朝から戦慄してる — SHARP シャープ株式会社 (@SHARP_JP) September 20, 2017 この問題は、学生である私が対応しなければならないと思い、１時間で作ることにしました。 フリック入力くん http://axis06.main.jp/key/ スマホからパソコンへフリック入力でレポートがかけるサービスを作りました。今回はこれを作成しました。 iOS11からSafariにて公式にWebRTCが対応なる。 IE以外の対応は終わっていきましたね。WebRTCの時代は始まりそうです。 WebRTCとは WebRTCはWeb上でも端末同士でのP2Pを行うことができるAPIの定義です。 音声、映像、テキストデータなど
jasmineとselenium-webdriverでシンプルにE2Eテストする - Qiita
用意するもの npm で以下のモジュールをインストールする jasmine selenium-webdriver どうにかしてchromedriverを入手する(Chromeで試したい場合) chromedriverという名前で(windowsだとchromedriver.exeかな？)カレントフォルダに置いておく(ほかにいい感じに管理する方法があれば教えてください・・・！) こう書く シンプルに書いています。(ほんとはasync/awaitで書きたいけど) var wd = require("selenium-webdriver"); describe("e2e test", function() { var driver; beforeAll(function () { // デフォルトだと、5秒しか待ってくれないので、20秒くらい待たせる jasmine.DEFAULT_TIMEOU
Scoopで作るLinux on Windows開発環境 - Qiita
ちょっと感動したので ヾ(・ω<)ﾉ" 三三三● ⅱⅲ コロコロ♪ ------------------- ↓ 余談はここから ↓------------------- 日頃Windowsを使ってる身としては、 各種開発環境を整える際、 毎回phpやらnodeやらあれこれインストール作業をやらなきゃいけない。 なんか統一性を持たせられないものかと思っていたが、 つい先日面白いものを見つけた。 それが scoop いわゆるパッケージマネージャの類。 Windows版apt,yum,homebrewといえばなんとなくイメージできるだろうか。 Windowsにはデフォルトでパッケージマネージャが基本入っていない。（windows10にはあるが） 例えばコマンド一発でPHPをインストールとかできないわけだ。 (コマンドでなければNiniteとかで良いが) ではそれを使ってPHPの実行環境、node
ESLint v4.7.0 - Qiita
前 v4.6.0 | 次 v4.8.0 ESLint v4.7.0 has been released: https://t.co/lEWLX3Z3oD — ESLint (@geteslint) 2017年9月15日 ESLint 4.7.0 がリリースされました。 小さな機能追加とバグ修正が行われています。 質問やバグ報告等ありましたら、お気軽にこちらまでお寄せください。 🏢 日本語 Issue 管理リポジトリ 👫 日本語サポート チャット 🏢 本家リポジトリ 👫 本家サポート チャット 🚀 本体への機能追加 #9090: プリプロセッサを持つプラグインが自動修正をサポートできるようになった プラグイン開発者向け。 プリプロセッサを持つプラグイン、例えば eslint-plugin-html や eslint-plugin-markdown が自動修正をサポートできるようにな
IBM Bluemixで最もシンプルなNode.js環境を作成してみる - Qiita
概要 IBM Bluemix サービスを登録して最初にカタログを開くと、予備知識のない多くのサービスメニューが並び過ぎていて眩暈がします。あれ、いきなり本気？ちょっとお試しに立ち寄ったのに、店員さんにガッツリと接客されてしまったような気まずさがあります。 ここでは最低限の要素を記述することで、自由に遊べるシンプルなNode.js環境を構築してみましょう。 Bluemix への登録は済んでいて、最初に組織なども作成している方を前提としています。まだの方は先にこのあたり で準備を済ませておいてください。 Bluemix でサービスを作成する とりあえず何でもよいのでサービスを作成します。なんとなく見慣れてて、他にサービス連携のなさそうな、Cloud Foundryアプリにある「SDK for Node.js」をクリックしてみます。 設定画面が開きますので「アプリ名」を入力しましょう。この名前は
jQuery→JavaScript書き換え一覧表 - Qiita
<ul> <li id="first">テキストテキストテキスト</li> <li id="second">テキストテキストテキスト</li> <li id="third">テキストテキストテキスト</li> <li id="fourth">テキストテキストテキスト</li> </ul> <ul> <li class="first">テキスト<strong>テキスト</strong>テキスト</li> <li class="second">テキスト<em>テキスト</em>テキスト</li> <li class="third">テキスト<span>テキスト</span>テキスト</li> <li class="fourth">テキストテキストテキスト</li> </ul> <ul> <li lang="en">テキストテキストテキスト</li> <li></li> <li><span>テキ
新しいクラスプラットフォームデスクトップアプリケーションライブラリ yue - Qiita
NW.jsやElectronの作者である、zcbenz氏が新しいクロスプラットフォームライブラリyueをつくりはじめました。 え、Electronを使ってるんだけどと思った人は落ち着いて大丈夫、フルタイムでElectronの開発を続けているとのこと。 では、今度のyueは何を目指しているのか。 Uses native widgets; Works on all major desktop platforms; Has a modern and clean C++ interface; Has good support for High DPI; Uses windowless controls on Windows; Generates small executable size; Friendly license for closed source apps. ネイティブウィジェットを扱
ECMAScript 2017、2018 の時代の開発環境 - Qiita
概要 ECMAScript 2017、2018 で導入が予定されている機能および開発ツールについて調べました。 ES モジュール 主要ブラウザー、モジュールバンドラー (Webpack、Rollup) でサポートされています。Node.js は v8.5 で実験的な機能として利用できます (--experimental-modules)。古いバージョンの Node.js のサポートのために @std/esm が公開されています。 ES モジュールを利用するメリットは従来よりも読み込む必要のあるコードを減らすことができることです。必要なクラスや関数だけをインポートできます。RxJS の場合、どれだけ変わるのかはこちらの記事をご参照ください。 import {Observable} from 'rxjs/Observable'; import 'rxjs/add/observable/inte
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1行で今日の曜日を取得JavaScript - Qiita
