jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA
Vite（ヴィート＝フランス語で「速い」の意味）は2020年に発表された新しいフロントエンドのビルドツールです。 開発者がVue.jsの作者であるEvan You氏であるため、Vue.jsのツールであると誤解されることもありますが、プレーンなJavaScript（バニラJS）からVue.js・React・Svelteといった流行のフレームワークまで、さまざまな環境で利用できる汎用的なツールです。 位置付けとしてはwebpackのようなバンドラーと呼ばれるものに近い存在ですが、それだけではありません。この記事では、Viteを導入してプレーンなJavaScriptから、TypeScript+Vue.js・Reactといったフレームワークまで、快適な開発環境を手に入れる方法を紹介します。 この記事で紹介すること： Viteの特徴と基本の仕組み 基本の使い方 Vite + SCSS Vite +
Webサイト制作をどれくらいの粒度で分解してタスク化するか｜重松佑 / Shhh inc.
プロジェクトが始まるときにかなり初期の段階でWBSを作ることは多いとおもいます。そのWBSの作成、プロマネやディレクターに任せっぱなしになっていないでしょうか。WBSはスケジュールをガントチャートで表したものを指していると思われがちですが、実はスケジュールだけでなく見積もりやアサインを精度高く行うためにも重要なものです。 たとえば「Webデザイン作成」というスコープにどのような実作業が含まれているかはWBSを作ることによって見える化しプロジェクトメンバーやクライアントと共有できるようになります。ときどき下記のように書かれたWBSを見ることがあります。 Webデザイン作成 ・作成 ・確認 ・修正 ・確認2 ・修正2 ・確定 しかし、これでは「Webデザイン作成」に必要な知識、さらには作業量・スケジュール・予算も分かりません。Webデザイン作成の例を続けると、下記のように「作成」のスコープを分
SSH接続をWebブラウザの純粋なHTTP上で実現する - nwtgck / Ryo Ota
HTTPといえばHTML/CSS/JavaScriptや画像などの小さめの限りがあるデータを手に入れるためによく使われている印象がある。REST APIのようなHTTPを使ったAPIでも限りのあるデータがリクエストとレスポンスになる印象が強い。
牧歌的 Cookie の終焉 | blog.jxck.io
Intro Cookie は、ブラウザに一度保存すれば、次からその値を自動的に送ってくるという、非常に都合の良い仕様から始まった。 State Less が基本だった Web にセッションの概念をもたらし、今ではこれが無ければ実現できないユースケースの方が多い。 冷静に考えればふざけてるとして思えないヘッダ名からもわかるように、当初はこのヘッダがこんなに重宝され、 Web のあり方を変えるかもしれないくらい重要な議論を巻き起こすことになるとは、最初の実装者も思ってなかっただろう。 そんな Cookie が今どう使われ、 3rd Party Cookie (3rdPC) の何が問題になっているのかを踏まえ、これからどうなっていくのかについて考える。 Cookie のユースケース Web にある API の中でも Cookie はいくつかの点で特異な挙動をする 一度保存すれば、次から自動で送る
PythonインタプリタをWebAssemblyへコンパイル、Webブラウザで稼働するPython環境「Pyodide」。Mozillaが開発中
Mozillaは、WebブラウザでPythonインタプリタや数値計算ライブラリのNumPyなど、Pythonの標準的なデータサイエンス環境をほぼそのまま実行可能にする「Pyodide」（パイオダイドと発音されているようです）を開発中です。 Mozilla Hacksのブログに投稿された記事「Pyodide: Bringing the scientific Python stack to the browser」で、このPyodideの詳細と現状が報告されています。 Pyodideは、データサイエンス環境をWebブラウザ上で実現しようというMozillaのプロジェクト「Iodide（アイオダイド、と発音されているようです）の関連プロジェクト。 Pyodideの最大の特徴は、標準のPythonインタプリタのフル機能をWebブラウザ上で実現しようとしている点にあります。下記はブログから。 Pyo
いつから「！」や「？」の後ろのスペースは消えちゃったのかな - Labo.299
長いこと縦書き主体の紙媒体にいたせいか、私は縦書きの方が読みやすい。でも、上のアンケートではまたもや少数派になってしまった。情報発信の場が、紙からＷｅｂへと移り変わってしまった現在に、２０世紀を遠く感じる。 ところで、いつから感嘆符や疑問符の後にスペースを入れなくなってしまったのだろう。もちろん入れているサイトも多くあるけれど、圧倒的に入れていない派が多い。あれがないと困る。その理由を、なるべくオブラートに包んで優しく言うね。 読みづれぇ。ゴメン、無理だった(｡･ ω<)ゞてへぺろ♡ ＜スポンサーリンク＞ もちろん、そのブログのデザインや文字の大きさにもよる。それでも、みっちり詰まった文字の羅列が何段も続くと休憩が欲しくなる。だから、「！」や「？」の後には一文字分（または半角）アケなさい、というのが出版業界の常識だった。 ところが、先日、毎週ポスティングされてくる地元フリーペーパーに目を通
最近ウェブでまかり通っている悪弊
《Update：死活問題だ》 ［本文が読めない modal overlay：image］ オモシロそうな記事だと思ってリンクをたどっていくと、「modal overlay」に遭遇する機会が増えてきた。 ユーザーが入力しないかぎり本文へは進めない例のウザったいダイアログのことだ。 頭にきた Andy Beaumont はそんなヒドいケースをいくつも集めて、つぎのようにいっている。 Tab Closed; Didn’t Read: “If you’re going to insist on obscuring your content with …” by Andy Beaumont: 05 December 2013 ＊ ＊ ＊ どうしても自分のコンテンツを読んで欲しくないのなら・・・ 最近ウェブでまかり通っている悪弊について Andy Beaumont いわく： A web
日本のウェブデザインがこんなに悪い^H^H違う理由
Why Japanese Web Design is so… Different?(なぜ日本のウェブデザインはこんなに…違うのか?) というのが、はてなブックマークで人気になっていたので読んでみました。 英語で日本のウェブデザインを語る記事は、良くわかってないものも多いのですが、今回のはかなり正確に現状やその理由を捉えているように思いました。ポイントをざっとまとめます。 禅庭などの文化、建築などで知られる日本のデザインが、ウェブについては15年も古く見えるのはなぜか? 人気サイトとして楽天を例に (同様の例としてヤフージャパン、ニコニコ、JR東日本、読売新聞なども) 詰め込まれた文字 小さな低解像度の画像群 多すぎるカラム 派手な色使いと動くバナー Flashなど古い技術の使いすぎ 言語の違い 表意文字 – より少ない文字で多くの意味を持つ。日本人はここから短時間に多くの情報を読み取れる
アイフル web即日窓ロ｜アイフル web即日窓ロは最短25分で融資のアイフルWEB完結申込ページです。
今、アイフルがすごい人気です。 CMであれだけ流れてれば当たり前だろって思う方もいるかもしれませんが、アイフルが人気なのは知名度があるからだけではなく、そのサービス内容が充実しているからです。 ▶アイフルWEB完結申込ページ
IPアドレス・クッキー・JavaScript・UAなどを使わずユーザーを個別に追跡する方法
by Vernon Swanepoel ウェブサイトのユーザーがどれぐらいページを見てくれているのか、訪問頻度はどれぐらいなのかといった情報を追跡するのにはクッキー(Cookie)やJavaScriptなどが使用されますが、そうやって追跡されるのがイヤだということでCookieを受け入れないように設定したり、JavaScriptをオフにしているという人もいるはず。しかし、それでもユーザーを個別に追跡する方法があります。 Lucb1e.com :: Cookieless Cookies http://lucb1e.com/rp/cookielesscookies/ これはオランダ在住でコード・セキュリティ・ネットワークを愛しているというlucb1eさんが明らかにしたもの。手法としては新しいものではなく、多数のサイトで使われているにもかかわらず、そのことを認識している人はほとんどいないというも
トヨタ自動車のWebサイトが改ざん、1週間以上不正プログラムが実行される状態に
トヨタ自動車は2013年6月18日、同社Webサイトが不正アクセスを受け、改ざんされていたことを明らかにした。 トヨタ自動車は2013年6月18日、同社Webサイトが不正アクセスを受け、改ざんされていたことを明らかにした。改ざんされたページにアクセスした場合、マルウェアに感染した可能性があることから、同社ではウイルス対策ソフトを最新の状態にアップデートし、感染の確認と駆除を行うよう推奨している。 サイトが改ざんされていたのは、6月5日18時26分から6月14日21時47分までの間。「http://www2.toyota.co.jp/jp/news/」以下のコンテンツ、具体的にはニュースやIR情報、CSR情報などに関するコンテンツが改ざんされ、不正なプログラムが自動的に実行される状態になっていた。同社では当該サーバの運用を停止し、セキュリティ対策を施した上で7月上旬に復旧させる予定という。
多発するWeb改ざんに備えてinotifywaitによる改ざん検知を導入した
Webサイトの改ざん事件が多発しています。Webサイトに対する基本的なセキュリティ施策を実施していればまず被害にあうことはないとは思うものの、全ての手口が公開されているわけではないので、何となく「嫌な感じ」もします。 【参考】 Web サイト改ざんに関する注意喚起(JPCERT/CC) 2013年6月の呼びかけ 「 ウェブサイトが改ざんされないように対策を！ 」(IPA) @Police ウェブサイト改ざん事案の多発に係る注意喚起について(pdf) 5月から多発しているHP改ざんインシデントをまとめてみた。 - piyolog 当方のサイト（会社、個人）は、一通りのセキュリティ施策は実施しているつもりですが、絶対に改ざんされないかというと、改ざんされることは想定しておかなければならないと考えています。 当方のセキュリティ施策の例 FTPをやめ、sshのみで管理運用 sshのパスワード認証を
無料でマインドマップ形式のタスクを複数人で共有・管理できる「Subtask」
マインドマップ形式でタスクを共有管理することが可能であり、コメント機能やファイル添付機能、タスクの割り振り・締め切りなども設定できるフリーのウェブサービスが「Subtask」。ウェブサービスなのでもちろんアプリのインストールは不要です。 Subtask https://www.subtask.com/ これがSubtaskのトップページ。 まずは「Sign Up Free」をクリック。 上から順にアカウント名、メールアドレス、パスワードを入力して「Create my Account!」をクリックします。 「Let's go!」をクリック。 「Start a new project」をクリックで登録完了です。 Subtaskで新しいプロジェクトを作成するとこんな感じでほとんど真っ白の画面が表示されます。 真ん中には「New Project」と表示されており、クリックすると文字の変更が可能なの
TechCrunch | Startup and Technology News
Hours after rumors started circling in China about a possible stepdown of Alibaba’s chairman and CEO Daniel Zhang, the ecommerce behemoth confirmed midday on Tuesday that the executive will hand Vimeo, the video hosting and sharing platform, is embracing AI in a major way. This week, Vimeo announced a suite of AI-powered tools designed to help users create scripts, record footage using a buil
残念なWeb論の骨子
最近、イケハヤ氏もそうだし、そっち系の会社さんの方々どうしで、どなたさまたちかがネットで突然結婚してみたり、なんというかもてあそばれている感と言いますか、一部のソーシャルのネットワーク上では、感情的に物議を醸し出しているのですが、「インターネット嫌い」と公言する某先生が言ってることは、実は僕が博士課程の受験の際に作った研究計画書に書いた今のWebの問題点とほぼ同じ事でありまして。 ・人気のネットサービスができるでしょ？ ・エンジニアが気軽にSQLで集計できるレベル（大概が一定期間内の数の合計）で気軽にランキングにして序列を作ってしまうでしょ？ （＝不適切な集合知化） ・そういうランキング上位に乗るために短期的なbuzz狙いのコンテンツが増えるでしょ？タチが悪いのは、ネタの内容がどんどん消費されるから、エスカレートしていくでしょ？ ・みなさんの可処分時間が、そういうネタに、どんどん持っていか
Internet Archive: Wayback Machine
An icon used to represent a menu that can be toggled by interacting with this icon.
2014年にはWebアプリの「オフラインファースト」が流行するのではないか？
先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - microsoft/WebTemplateStudio: Microsoft Web Template Studio quickly builds web applications using a wizard-based UI to turn your needs into a foundation of best patterns and practices
TechCrunch
[徳力] NewsPicksは、はてなブックマークとは全く違う方向に行くんじゃないかと勝手に期待してる3つの理由![[徳力] NewsPicksは、はてなブックマークとは全く違う方向に行くんじゃないかと勝手に期待してる3つの理由](https://cdn-ak-scissors.b.st-hatena.com/image/square/bb97f31db3191564f9e0b346a3d225c9a39acade/height=288;version=1;width=512/http%3A%2F%2Fblog.tokuriki.com%2Fwp%2Fwp-content%2Fuploads%2F2014%2F08%2F140825newspics1.png)
