競技プログラミングの在り方 ～「競技プログラミングを我々が終わらせる」を受けて～ - chokudaiのブログ
nuc.hatenadiary.org 競技プログラミングについての言及があったのですが、バズってる＋競技プログラミングについて、納得がいかない記述がかなり多く見受けられたので、反論記事を書きました。 自己紹介 競技プログラミングの日本最大企業「AtCoder」の社長を9年間続けています。競技プログラマとして、2010年から毎年1つは世界大会で入賞しています。 完全に競技プログラミング支持側の意見なので、ポジショントークを出来るだけ排除しようと心がけているものの、完全に排除することは多分出来ていないため、多数の意見と比較してもらえると幸いです。 競技プログラミングとGoogle まずは肯定的な所から。 Googleに入るためには、競技プログラミングではなく、Googleに入るための勉強をするべき、という点に関しては、間違いなく正しいです。特にAtCoderの競技プログラミングは、常日頃から
jQuery CDN
jQuery Core Showing the latest stable release in each major branch. See all versions of jQuery Core. jQuery 3.x jQuery Core 3.7.1: uncompressed, minified, slim, slim minified jQuery 2.x jQuery Core 2.2.4: uncompressed, minified jQuery 1.x jQuery Core 1.12.4: uncompressed, minified jQuery Migrate jQuery Migrate 3.4.1: uncompressed, minified jQuery UI Showing the latest stable release for the curren
jsDelivr - A free, fast, and reliable CDN for JS and Open Source
Fast. Reliable. Automated. A free CDN for open source projects Optimized for JS and ESM delivery from npm and GitHub. Works with all web formats. Operating since 2012. // load any project hosted on npm https://cdn.jsdelivr.net/npm/package@version/file // load jQuery v3.6.4 https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js // use a version range instead of a specific version https://cdn.
CDNサービス「unpkg」を使ってみる
2017年 2月2日 11時00分 6年前 もの凄く便利なCDNサービス「unpkg」の紹介です。 Webデベロッパーの人はCDN ( Content delivery network ) サービスを利用して CSSやJavaScript、Webフォント等の静的ファイルを HTML上でURLを指定して取得する機会が多いと思います。 有名所のCDNサービスは Googleが提供している"Google Hosted Libraries"ですが、 使えるライブラリが 'jQuery', 'AngularJS'など、限られた物しか利用することが出来ません。 その他にも幾つかCDNサービスは展開されていますが、 使いたいライブラリが新しすぎたりすると ホスティングされてなかったりします。 " 試したいライブラリのREADMEファイルにCDNのURLが載っていない " ” プロジェクトに導入する前に少
JavaScript や CSS の CDN サービスについて調べてみた — さめたすたすのお家
HOMEまとめJavaScript や CSS の CDN サービスについて調べてみた jQuery や Bootstrap などの一般的なライブラリを使うときは自分のサイトに設置する以外に、 Content Delivery Network 略して CDN サービスで配信されているものを利用することもあります、というかこのページでも使っています。 ということで、 CDN サービスを調べてみました。 対象一般的な多くのライブラリを配信しているサービス cdnjs.com - The free and open source CDN for web related libraries to speed up your website!jsDelivr - A free super-fast CDN for developers and webmastersHosted Libraries
知っていると捗るcreate-react-appの設定 - Qiita
はじめに NTTテクノクロス Advent Calendar 2018の8日目担当 @geek_duck です🦆 最近はReact.jsでフロント側、SpringBoot/GrailsでAPI側を作るプロジェクトに関わっています。 そのプロジェクトの中で調べた、知っていると捗るcreate-react-appの設定を紹介したいと思います。 この投稿で使用している言語、ライブラリのバージョン Node.js v10.14.1 npm v6.4.1 create-react-app v2.1.1 react.js v16.6.3 create-react-app基本の使い方 最初にcreate-react-appの基本的な使い方をサッと紹介します。 create-react-appは、React.jsのアプリのひな形を作成してくれるツールです。 以下のnpxコマンド経由でcreate-rea
TypeScriptでpdfjsを使ってPDFの先頭ページを表示しようと試行錯誤した話 - Qiita
TL;DR npmでpdfjs-distをインストールして使ったら失敗した。 公式サイトからstable版をダウンロードして来たら成功した。 pdfjsの説明は、本家gitのページをgoogle先生の翻訳を参照します。 PDF.jsはHTML5で構築されたPortable Document Format（PDF）ビューアです。 PDF.jsはコミュニティ主導型であり、Mozilla Labsによってサポートされています。私たちの目標は、PDFを解析してレンダリングするための汎用のWeb標準ベースのプラットフォームを作成することです。 PDFを表示しようとした場合、PDFを読み込んでghostscriptで画像に変換して画像を表示してもいいのですが、勉強も兼ねてPDF.jsを使用して表示できないか試しました。 npmでpdfjs-distをインストール 「npm pdfjs」で検索すると、2
webpack.config.jsがわからない - Qiita
webpack.config.jsがいつまでたってもわからない Javascript開発には欠かせないwebpackですが、webpack.config.jsファイルの書き方がいつまで経っても検索&コピペばかりで身に付きません。別にコピペでいいじゃんという考え方もありますが、webpackのドキュメントに沿って設定内容を理解し、自分の環境に合わせた形でwebpack.config.jsが書けるようにまとめていきたいと思います。バージョンは3.8.1の想定です。ディレクトリ構成も考えながらやっていきたいと思います。今のところprojectディレクトリ以下に次のようにファイルが存在しているとします。
webpack.config.jsで思ったpath.resolveって何のためにあるの？ | koukiTips
webpack.config.js const path = require('path'); module.exports = { entry: path.resolve(__dirname, "app.js"), output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' } // 省略... } 気になりません？path これって何してるの？ path.resolve(__dirname, 'dist') じゃなくて __dirname + '/dist' でいいじゃんって。 とりあえずrequire(‘path’)について調べてみた。 そもそも”path”ってインストールしてないんだけど そもそもpathってnpm installとかでインストールしていないんですけどって感じなんだけどなぜか使える。。
dependencies なのか devDependencies なのか : (*x).b=z->a+y/c
基本はdependencies と devDependencies 基本的な基準はそれを動かすのに必須なパッケージか 開発時にのみ必要なパッケージかです 例えば Node.js で express を使ったウェブアプリを作るなら express は dependencies です コード中でライブラリ lodash を使うならそれも dependencies です 逆に jasmine などのテストツールや eslint などのフォーマッターは開発時のみに必要でそのアプリケーションを動かすのには必要ありません なので devDependencies です フロントエンドではここまでは特に迷うことはないのですが 迷うのはフロントエンド側で npm を使うときです parcel や webpack などのバンドラーや minify ツールや babel のプラグイン これらはどっちなのでしょう
The Basics of Web Workers | Articles | web.dev
The Basics of Web Workers Stay organized with collections Save and categorize content based on your preferences. The problem: JavaScript concurrency There are a number of bottlenecks preventing interesting applications from being ported (say, from server-heavy implementations) to client-side JavaScript. Some of these include browser compatibility, static typing, accessibility, and performance. For
nextjs+TypeScript環境でWebWorkerを使う - Qiita
nextjs+TypeScript環境でマルチスレッド処理したくなったので、web workerを使うための環境構築メモ いろいろ試したけど、結局以下のURLのやり方でいけた https://github.com/zeit/next.js/issues/4768#issuecomment-501082855 今回はすでにTypeScript環境は構築済みのものとする サンプルプロジェクトは以下 https://github.com/kuwabataK/next-template/tree/service-worker-test
ウェブワーカー API - Web API | MDN
ウェブワーカー (Web Worker) とは、ウェブアプリケーションにおけるスクリプトの処理をメインとは別のスレッドに移し、バックグラウンドでの実行を可能にする仕組みのことです。時間のかかる処理を別のスレッドに移すことが出来るため、 UI を担当するメインスレッドの処理を中断・遅延させずに実行できるという利点があります。 ワーカーオブジェクトはコンストラクター（Worker() など）を用いて生成され、名前を持つ JavaScript ファイルを実行します。このファイルにはワーカースレッドで実行されるコードが書かれています。 ワーカースレッドの中では、 JavaScript の標準の一連の関数（String、Array、Object、JSON、など）に加え、任意のコードのほとんどを実行することができます。いくつかの例外があります。例えば、ワーカー内から直接 DOM を操作することはできま
UNPKG
ExamplesUsing a fixed version: unpkg.com/react@16.7.0/umd/react.production.min.jsunpkg.com/react-dom@16.7.0/umd/react-dom.production.min.jsYou may also use a semver range or a tag instead of a fixed version number, or omit the version/tag entirely to use the latest tag. unpkg.com/react@^16/umd/react.production.min.jsunpkg.com/react/umd/react.production.min.jsIf you omit the file path (i.e. use a “
Webpack 5 Adoption
Why This Message Occurred Next.js has adopted webpack 5 as the default for compilation. We've spent a lot of effort into ensuring the transition from webpack 4 to 5 will be as smooth as possible. Your application currently has webpack 5 disabled using the webpack5: false flag which has been removed in Next.js 12: module.exports = { // Webpack 5 is enabled by default // You can still use webpack 4
PDF の差分を表示するサイトを作った
リンク: https://diff-pdf.koharakazuya.net/ (ソースコード: GitHub) どのようなサービスか さまざまな書類代わりに PDF を使っていて「以前のバージョンからの変更点が手軽にわかったらいいのに」と思ったことはありませんか？ Diff PDF を使うと 2 つの PDF ファイルの違う部分が手軽にわかります。これを使って差がある部分を漏れなくチェックできるようにしましょう！ これまでの改善の流れ v0.1.0 コアコンセプト実装 勤務先の同僚に向けて公開 v0.2.0 最低限の UI 実装 v0.3.0 履歴機能追加 v0.4.0 実用レベルになるよう大幅修正 v1.0.0 特に問題なさそうなのでインターネットに向けて公開 ← いまここ コア機能を実現するための仕組み Web で PDF ファイルを扱えるようにする - PDF.js まず「Web
PDF.jsを設置する - Qiita
PDF.jsはJavaScriptで作られたPDFビューアです。(厳密にはPDF読み込みを行うパーサ、描画を行うレンダラ、画面UIのビューアがセットになっているもので、ライセンスはApache License 2.0です) Mozilla Foundationが開発していてFirefoxのPDFビューアとして採用されているため品質が高い JavaScriptでPDFを読み込んでCanvasで描画しているためiPhoneやAndroidなどスマートフォンでも表示できる ビューアがHTMLファイルのため<iframe>でPDFを埋め込み表示できる のような特長があり、PDFを直接表示できない環境での代替として使用することがよくあります。 この文書では、PDF.jsの基本的な設置方法を説明します。 1. 配布サイトからファイルをダウンロードする まず https://mozilla.github
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CDNJS vs. unpkg usage statistics, April 2024
cdnjs - The #1 free and open source CDN built to make life easier for developers
Failed to load PDF file · Issue #321 · wojtekmaj/react-pdf
next.config.js Options: webpack | Next.js
GitHub - webpack-contrib/worker-loader: A webpack loader that registers a script as a Web Worker
webpack時代にクロスオリジンという戦場でpdf.jsのweb workerを動かす
GitHub - mozilla/pdf.js: PDF Reader in JavaScript
A React component to view PDF documents - React PDF Viewer
GitHub - react-pdf-viewer/react-pdf-viewer: A React component to view a PDF document
pdf.worker.js returns Error 404 · Issue #97 · wojtekmaj/react-pdf
Module parse failed: Unexpected token (1:0) · Issue #146 · wojtekmaj/react-pdf
GitHub - wojtekmaj/react-pdf: Display PDFs in your React app as easily as if they were images.
react-pdf is not working when build with nextjs · Issue #136 · wojtekmaj/react-pdf
React-pdf