📃 Webページをそのままの状態でローカルに保存するツールを作った話 - Qiita
はじめまして。yamaimo (@yarnaimodev) です。Qiita 初投稿...というかネット上にちゃんとした記事を上げるの自体初めてな気がします。 1998 年生まれで、プログラミングとか Web デザインは独学で 3 年ぐらいやってます。TypeScript / Firebase / Node.js / React あたりが特に好きです。 この前 coliss で紹介された Can't Unsee を試してみたら 1 回目が 7,630 点、2 回目が 7,930 点でした。1 小規模ですが Mastodon インスタンスを管理してます。あと Helix キーボード をこの前組み立てた2んですがキー配列を変えたのがなかなか覚えられなくて死んでます。 開発環境は基本的に WSL + Hyper + fish shell と VSCode です。 今回 Puppeteer を使っ
Web制作時に使える定規ツール『Linear』が便利すぎる
Webのデザインを作ってる時とか、コーディングしている時に知りたいのが各要素の高さや幅などの長さ。 特に他のサイトやデザイン物を参考にしてる時にこの『Linear』を使うと便利です。 各要素の大きさや要素間の間隔、余白の高さや幅などなど、知りたい長さがとっても簡単に分かります！ Linearの特徴と使いかた Linearは無料で使える定規アプリ。 OS X 用の単体アプリとして動作他のアプリ上でオーバーレイ（半透明）で表示される作った定規を右クリックでDuplicateすればコピー可能複数の定規を同時に使用可能ウィンドウ右下の「○」でカラーを白と黒で切り替え定規の単位はpxとemショートカットで新規定規作成、表示非表示の切り替えが可能 使い方の動画も公開されてます。 ▼ How to use Linear ダウンロードはこちらから。 → Linear App インストール方法は簡単で、ダウ
今すぐ知っておくべき！モダンな10のWeb技術
エンジニアやデザイナー、Web担当者が今すぐ知っておくべきモダンな10のWeb技術を紹介しています。Webデザインの世界が根本的に変化し、Webサイトの構築ははるかに簡単に高い技術でできるようになりました。ぜひ覚えておきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Designmodeのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、ライターのJake Rocheleau氏によって投稿されました。
Chrome拡張機能「Pesticide for Chrome」はWeb製作者必須ツールだ！
WEBを制作している方が使用しているブラウザは、ほとんどがGoogle ChromeかFirefoxだと思います。 製作中に「あれ？なんか横幅がおかしい・・・？スマホで右端に空白が出てるぞ・・・？」なんて事たくさんありますよね。 そこでブラウザに搭載されている要素の検証でどこがおかしいか調べますが、いかんせんパッと見ではわかり辛く、エラー部分を探すのに時間がかかってしまいます。 過去にはFirefoxに3Dビューというものがあり、各コンテンツをビジュアル化してくれる優れた機能がありました。 しかしこの機能はFirefox Ver 47.0から廃止されました。便利な機能だったので残念です。 その代わりとなる機能を探した結果、Google Chromeの拡張機能を発見しました。 Google Chrome拡張機能「Pesticide for Chrome」Chromeウェブストアから「Pest
WEB系各社で使われている監視ツールまとめ - mikedaの日記
次世代 Web カンファレンスで監視について話すことになったので、ネタとしてWEB系各社で使っている監視ツールを調査中。 うちはこれ使ってるよ！！！ってのがあったら@mikedaにメンションください！ Cookpad Zabbix 昔はNagios+muninだけど台数増えて性能的に破綻した ビューはそのままじゃ辛いのでmunin風に表示するのを自作 StatusCake DataDog。サービス系、サーバに紐付かない系の監視に。DashBoard便利 waker。通知用。PagerDuty高い、と言ってryot_a_raiが秒で作ったらしい Kibana imon。独自のリアルタイムなサービス稼働状況表示ツール NewRelic 試し中なもの Real-User Monitoring : JSでbeacon飛ばしてfluentd -> BigQuery。Google SpreadShee
無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応
無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応 先週末に行われたWindows Azureの新機能を紹介するイベント「Go Azure」の基調講演の中で、Azure以外に興味を引かれたソフトウェアがありました。マイクロソフトが無償で公開しているWebサイト構築ツール「WebMatrix」の新版、「WebMatrix 2」です。 WebMatrixは、HTML/CSS/JavaScript/PHP/ASP.NETなどに対応したエディタ機能を備え、コード補完機能も搭載。ローカルにデータベースやWebサーバを用意してPHPの動作をそのまま確認したり、WordPressやDrupalなどのWebアプリケーションをローカルで試すこともできました。 下記はその画面（参考：マイクロソフト、無償のWeb開発
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
