textlint と VS Code で始める文章校正 - Qiita
はじめに 文章を書くときに、注意して半角文字の両端に半角空白を空けるという手動 lint をよくやっています。 また、日本語の表現や句読点、typo などに注意を払うことも必要です。 そこで、機械的に検出できた方が内容を書くことに集中できるので文章の lint ができる textlint というツールを使っていきます。 同様の検査ツールとして RedPen が存在します。 以下の記事に RedPen と textlint それぞれの立場から文章における問題とその解決についてまとまっているので参考になります。 文書執筆の指南書で解説されている問題点を RedPen で発見する - Qiita 文書執筆の指南書で解説されている問題点を textlint で発見する - Qiita 今回は、リポジトリ内で管理する Markdown ファイルに対して、Visual Studio Code(VS C
要チェックな10個の Node.js フレームワーク - Qiita
本記事は、10 Node.js Frameworks Worth Checking Out: Express, Loopback, Hapi, and Beyond の日本語訳です。 要チェックな10個のNode.js フレームワーク テクノロジーは急速に変化しているので、開発者たちは新しいテクノロジーを使用し、Web開発のニーズに合わせて、より便利なフレームワークを採用しています。Node.js は、アプリ開発にJavaScriptを使うのが好きな開発者達から、大いに注目されています。 開発者であるあなたは、クライアントサイドとサーバーサイドのスクリプト両方を同じ言語で管理できます。そしてこれは、Nodeの膨大な利用や採用をもたらしました。 Node.js フレームワークは、Web開発の市場で膨大な需要を獲得し続けており、2019年でも、より多くの機能や利点をもたらし続けています。現在の
LINE Things 対応デバイスをraspberry pi zero w + Node.jsで実装してみる - Qiita
本エントリは、LINEBot&Clova Advent Calendar 2018 11日目の投稿です。 前日は @daitasu さんのLIFFのおともにSentryはいかが？でした。 これでLIFFを利用したアプリの開発効率がかなり上がりそうですね！私もぜひ試してみたいと思いました。 LINE Thingsを試してみたい LINE Developer day 2018で発表されたLINE Things。 スマートフォン(LINE)からBluetooth LEを使ってIoTデバイスを操作する、といったことが専用のアプリを作ることなく簡単にできるようになるとの事です。これはぜひ試さなくては！ と思ったのですが、公式のサンプルとして用意されているLINE Things Starterで対応しているデバイスを持っていませんでした。 IoTに関してど素人な私が持っているデバイスといえばLINE
新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7) - Qiita
新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(Git/Node.js/ES6/webpack4/Babel7)JavaScriptNode.jses6webpackbabel 概要 今風の手法でJavaScriptアプリを作ろうとすると色々ツールがあって便利な反面、複雑でわからないことがたくさんあります。 わからないことがあったら、それを放置せず、しっかり理解して大いに寄り道しつつブラウザで動作するJavaScriptアプリをゼロから作っていきます ブラウザ上で動作するフロントエンドアプリを作ったら、ライブラリ化してnpmモジュールとして公開します 対象読者＝今風のJavaScript開発の入門者、初心者 11年前からタイムトラベルしてきたひと ブラウザ用アプリを作りたいが今風の手法の初心者(jQueryだけでなんとか生きてきた人とか） Node.jsの環境をつかってフロン
HerokuとGitHub連携でWebサイトを公開する方法（Node.js可能）
Heroku（へロック）はPaaS（Platform as a Service）と呼ばれるサービスで、 アプリケーションを実行するプラットフォームです。 レンタルサーバーとは少し違いますが、進化系だと考えてみて下さい。 特徴 - （ある一定のトラフィックまで）無料で利用可能 ※突然有料版に切り替わることはないらしいです →個人利用で試したい場合でしたら無料で問題ないかと思います。 - Node.jsが動く →Node.jsが動く手頃な価格のレンタルサーバーって実はあまりありません - git文化 →gitでコミットすることで簡単にサービスを作成できたり、公開まですることができます。 - GitHub連携可能 今回はGitHub連携して、Herokuを使い方法を説明します。 ところで、なぜ連携する？ Herokuのgitを使って、サイト公開することは可能ですが、 ソース管理などの観点から考
Chrome 70 デベロッパーツールが便利になってる！Web制作者がチェックしておきたい新機能のまとめ | コリス
DOMノードの強調表示 Consoleタブを選択。 DOMノードに評価される式を入力。 入力する式 以下の便利な式を使用できます。 「document.activeElement」で、現在フォーカスのあるノードを強調表示。 「document.querySelector(s)」で、任意のノードを強調表示。sはCSSセレクタで、DOMツリー内のノード上をホバリングするのと同じ。 「$0」で、DOMツリーで現在選択されているノードを強調表示。 「$0.parentElement」で、現在選択されているノードの親を強調表示。 パフォーマンスパネルの最適化 今までのパフォーマンスパネルは大きなページをプロファイリングする際にはデータの処理とビジュアル化に時間がかかりました。Chrome 70ではこの処理とビジュアル化が高速になりました。 パフォーマンスパネルの最適化 信頼性の高いデバッグ Chro
GitHubが切り開くオープンソースコミュニティのさらなる可能性―開発者のワークフロー自動化機能「GitHub Actions」発表【GitHub Universe Keynote】
GitHubの画期的な新機能が、10月16・17日開催の「GitHub Universe」で発表された。新たに登場したのは「GitHub Actions」をはじめ、開発者のワークフローを改善・サポートするものから、セキュリティの強化、新人開発者向けのトレーニングの提供など多彩なサービスだ。初日のOpening Keynoteでは、その概要が説明され、GitHubの目指すオープンソースコミュニティついても触れられた。本稿ではそのOpening Keynoteの様子をレポートする。 GitHub10年の歴史において、最も変化の激しい1年間 まず登壇したGitHubのSenior vice president of Technology、Jason Warner氏は、GitHub Universeのコンセプトついて「GitHub Universeはただの開発者イベントではなく、プレミアなイベント
［速報］GitHub Actions発表、Dockerコンテナの連係によるワークフローを自由に定義可能。GitHub Universe 2018 － Publickey
［速報］GitHub Actions発表、Dockerコンテナの連係によるワークフローを自由に定義可能。GitHub Universe 2018 GitHubが主催するイベント「GitHub Universe 2018」が、サンフランシスコで開幕しました。 初日の基調講演で同社は「Pull Request以来もっとも大きな新機能」（同社シニアバイスプレジデント Jason Warner氏）とするGitHubの新機能「GitHub Actions」を発表しました。 GitHub Actionsとは、GitHubのイベントをトリガーとして任意のDockerコンテナの実行を連係させていくことにより、ユーザーが自由にワークフローを定義できるというものです。 ワークフロー内のアクションとしてDockerコンテナを実行できるため、コードのビルドやテストの実行、クラウドへのデプロイなど、GitHubの機
Mac 環境設定 2021春(Apple Silicon対応版) - Qiita
会社で新しいMacを買ってもらったので設定をメモ。 筆者はフロントエンドエンジニアで主にJS/HTML/CSS/PHPなんかを触ってWebサイト/サービスの開発してるような感じです。どなたかの参考になればー (追記1) macOS Catalina出たのちょっと修正 (追記2) M1 Macbook Airで設定したので追記。M1対応はNative、Rosetta2に拘らずシンプルに導入するのを最優先。 Intel Mac： MacBook Pro (macOS Catalina 10.15.5) M1 Mac： MacBook Air (macOS Big Sur 11.2.3 ) シェルをzshへ変更 Intel Mac bashのままだと The default interactive shell is now zsh. To update your account to use z
Vue.jsで構築された、デスクトップでもスマホでも快適に操作できるスライドショーのフレームワーク -Eagle.js | コリス
Vue.jsで構築されたスライドショーのフレームワークを紹介します。 デスクトップ・スマホに完全対応、プレゼンテーションモードも備えており、キーボード・マウス・タッチ操作をサポートしている快適なスライドショーを実装できます。 Vue.jsで構築された、軽快に動作するスライドショーのフレームワーク。 アニメーション、テーマ、インタラクティブウィジェットをサポート。 プレゼンテーション全体でコンポーネント、スライド、スタイルを再利用可能。 ビルトインプレゼンターモードとさまざまな便利なウィジェット。 すべてのAPIが公開されており、カスタマイズ可能。 ライセンスはISC Licenseで、商用でも無料で利用できます。 Eagle.jsのデモ Eagle.jsを使用したさまざまなスライドショーを楽しめます。 まずは、スライドやフェードなどのアニメーションが仕込まれたスライドショーから。 Eagl
Puppeteer入門 スクレイピング+Web操作自動処理プログラミング - 秀和システム あなたの学びをサポート！
Puppeteerは、Node.jsで動く最新のWebブラウザ自動化ライブラリで、データ収集やWeb開発、動作テストの効率化などに使われます。Google製のライブラリなので、Chromeとの相性は抜群です。本書は、Puppeteerの実行環境の構築から、スクレイピングとWeb操作の自動化を実現するプログラミング、デバッグまでを解説した入門書です。Node.jsとJavaScriptの入門書としても使えます。鶴田謙二さんによる素敵なイラストが目印です！ 【サポートはこちら】→https://www.shuwasystem.co.jp/support/7980html/5520.html 第1部 準備編 第1章 Puppeteerの基礎 1-1 ブラウザ自動化のライブラリ Puppeteer 1-2 JavaScriptと組み合わせ可能 Puppeteerでできること、できないこと 1-3
初心者プログラマが犯しがちな過ち25選 - Qiita
以下はThe Mistakes I Made As a Beginner Programmerの日本語訳です。 The Mistakes I Made As a Beginner Programmer 初心者プログラマが犯しがちな間違いと、それらを特定し、避けるための習慣を学ぶ方法。 まず最初に言っておくことがあります。 この記事は、誤りを犯すことを悪いと糾弾するために作成されたものではありません。 むしろ貴方が誤りに自ら気付き、あるいはその兆候を見いだし、それらを避けられるようにするために書かれたものです。 私は過去これらの誤りを犯し、それぞれから学びを得てきました。 今ではこれらを避けるようなコーディングを習慣付けるようにしています。 貴方もそうしましょう。 紹介は順不同です。 1) 設計せずに実装する 高品質なコンテンツは、一般的には容易に作成できるものではありません。 それには慎重
Node.jsにworkerが入った - hiroppy's site
Node@10.5.0で入った worker の話です。 この記事は、Roppongi.js #4の登壇資料です。 5min で話しきれないので記事にまとめました。 実は、自分が Node.js に関わって、最初から最後(今現在)までずっと追っている珍しいモジュールです。 worker_threads とは？ worker: initial implementation by addaleax · Pull Request #20876 · nodejs/node Hi everyone! 👋 This PR adds threading support for to Node.js. I realize that this is not exactly a ... 実装著者は Anna (この PR は io.js 時代に petkaantonov が実装したのをベースに現環境へ移した
Vue.js以前に知っておくべきこと - やわらかVue.js
例えば式がいつ再評価されるのかわからないという声があった。依存関係の追跡まで説明しないと理解が曖昧なままになるかも。
1行のコードでモバイルブラウザに開発者ツールを搭載できるJavaScriptライブラリ「Eruda」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、スマホのモバイルブラウザに本格的な開発者ツールを組み込むことができるJavaScriptライブラリをご紹介します！ 「コンソール」機能を使ったデバッグやエラーログの確認、「ネットワーク」機能で通信状態を確認したり、「リソース」機能でCookieデータを確認するなどなど…、開発する上で便利な機能が満載です。 スマホ1つあれば開発者ツールが利用できるので、ぜひみなさんも試してみて下さい！ 【 Eruda 】 ■「Eruda」の使い方 それでは、「Eruda」を利用して開発者ツールを使うための準備作業から始めましょう！ 準備といってもやることは簡単で、「Eruda」のライブラリファイルをインストールするだけです。 Node.jsの開発環境を持っている人であれば、npmから以下のようにインストールできます。 npm install eruda
Node.js用フレームワーク「Fastify」「Express」のパフォーマンス比較 – 海底２万トン by スタジオ・ピグボ
Fastify vs Expressベンチマークテスト このサイトを駆動しているウェブ・レンダラー「ハヤブサ(仮)」は、Node.js用フレームワーク「Next.js」をベースにしています。 Next.jsは、githubでソースコードと共に数多くのサンプルを公開していて、Node.jsのフレームワークやライブラリを知る上でなかなか面白い構成になっています。 今回は、このサンプルから発見したNode.js用フレームワーク「Fastify」をサーバに導入、せっかくなのでExpressと比較するベンチマークをとってみました。FastifyはExpressに影響を受けたフレームワークですが、オーバーヘッドの少なさを売りにしており、公式サイトでは「Expressの1.5倍」のパフォーマンスをうたっています。 テスト環境 Apple MacBook Pro (Retina, 13-inch, Ear
IT関連技術を効率的に検索する - Qiita
プログラミングやIT関連技術に関する情報を、以下のようなものを組み合わせて効率よく検索する検索方法を紹介します。 Stack Overflow Slideshare 画像検索 Githubのawesomeレポジトリ Github 背景 近年のOSSを積極的に活用した開発では、常に新しい技術や概念が登場します。全てを取り入れることはありませんが、顧客や社内の色々な事情により、こういった技術を調査して必要に応じて取り込んでいくことが以前よりも多くなっていると思います。このため開発者は以下のような状況に置かれることが多くなりました。 同じプログラミング言語、ライブラリを使い続けることができない 分かりやすい書籍、研修が存在しない 取り組むべき技術について詳しい人が回りにいない しかしこのような状況に陥ったとしても、新しく取り組む技術について素早く把握する必要がありますし、開発においても慣れいない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub、さまざまなワークフローを自動化するツール「GitHub Actions」を発表
TechCrunch | Startup and Technology News
npmから乗り換えてわかったYarnの4つのメリット
