![Figmaで作ったデザインをWebサイトに即反映「STUDIO」 | 進化が止まらない! 最新ツール](https://cdn-ak-scissors.b.st-hatena.com/image/square/8539d1c9d69813b5aad31b4fd097bde6ea198382/height=288;version=1;width=512/https%3A%2F%2Fwg1qu9pf.user.webaccel.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2023%2FSTUDIO%2FSTUDIO_ogp.jpg%3Fitok%3D0Oa6Kd-n)
Web標準に新たなステータス「Baseline」が登場。変化し続けるWeb標準のうちWeb開発者が安心して使える機能群を示す。MDNドキュメントなどで表示開始 Web開発者の開発体験を改善することなどを目的としたW3CのWebDX Community Groupは、つねに新たな機能などが登場し変化し続けるWeb標準のうち、Web開発者が安心して使える機能群を示す新たなステータス「Baseline」を発表しました(Googleによる発表、MDNによる発表)。 現在、Web標準はリビングスタンダードとしてつねにアップデートが行われており、ChromeやFirefox、Safariなどの主要なWebブラウザは、Web標準で新たに策定される機能をそれぞれ実装し、最新版に反映させています。 そのため、それぞれのWebブラウザがWeb標準のどの機能をいつ頃実装し、最新版に反映させるのかは時期が異なりま
はじめに 最近プログラマーとしてのキャリアに一区切りつけようと思っており、これまでのプログラミングの勉強の集大成となるブログを書きたくなったので書く。初めてプログラミングをして、フロントエンド開発をして、サーバーから値が返ってきたときは「どういう仕組みで値が返ってきたんだ?」と疑問に思っていた。ずっと理解したくて理解できていなかった。だからずっと勉強していた。そして最近になってようやく自分の言葉で説明できるようになった気がしたのでブログを書きたい。 2015 年版が自分の原点であり、この記事を書くモチベーションになった このような記事は実は過去に存在している。 FYI: https://blog.yuuk.io/entry/2015-webserver-architecture その記事はサーバーがどういう仕組みで動いていて、どのように進化し、2015 年に至るかを解説してくれた記事だ。自
「ブロックテーマ」とは、WordPressのサイトエディタのために用意された新しいテーマのフォーマットで、Gutenbergのブロックを使用してテンプレートを構成するものです。WordPressが後方互換を考慮するかぎり、今までのクラシックエディタや初期のGutenbergも使用できると思いますが、これからWordPressのテーマを制作するなら、このブロックテーマが必須になります。 WordPressのこれからのテーマ制作の標準「ブロックテーマ」をしっかり学べる解説書を紹介します。 著者はHTMLやCSSをはじめ、JavaScriptの解説書などWeb制作系の解説書で、はずれ無しのエビスコム様。ていねいで詳しい解説は分かりやすく、実践的なサンプルもたくさんあるので、かなり役立つと思います。 本書もWordPressのブロックテーマをその基礎知識から実践的なテクニックまで詳しく解説されてお
ブロックチェーンやNFT、スマートコントラクト、メタバース、DAOなど、多様な技術やアイデアを包含したWeb3への注目が高まっている。一方で「なんちゃってWeb3アプリケーションでは、非中央集権というWeb3の理想を実現することはできていません」「Web3に対する理解がないまま、既存企業や組織がWeb3に手を出している」と警鐘を鳴らすのが、日本で初めて米国マイクロソフトに転籍し、Windows 95の開発にも携わった天才プログラマー、中島 聡氏だ。中島氏がWeb3を推進するにあたって、問題点を正しく理解する必要性を説いた。 エンジニア・起業家・エンジェル投資家。早稲田大学大学院理工学研究科修了・MBA(ワシントン大学)。1985年に大学院を卒業しNTTの研究所に入所し、1986年にマイクロソフトの日本法人(マイクロソフト株式会社、MSKK)に転職。1989年には米国マイクロソフト本社に移り
","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
「Web2.0」って何だったの? 「Web3」との違いは? ネットに詳しいけんすう氏に聞いてみた(1/4 ページ) 「Web3」(Web3.0)という言葉をよく目にするようになりました。Web3は、Web2.0の“次”という意味で名付けられた、インターネットの新しい概念とされています。 そもそも、Web2.0とは何だったのでしょうか。15年ほど前に提唱され、当時は大きな話題を集めましたが、若いネットユーザーにはなじみがない人も多いかもしれません。 そこで、Web2.0ブームのころからネットの最前線にいた起業家の「けんすう」こと古川健介さんと、当時からネットの現場を取材していた私、岡田有花(通称:ゆかたん)が、Web2.0を振り返りながら、Web3への展望について語り合いました。 けんすう(古川健介) 1981年生まれ。2000年に学生掲示板「ミルクカフェ」を立ち上げて以来、ネットコミュニテ
昔一緒に働いていた金城さんがWeb3に関する記事を書き始めた影響で、Web3について考えることが増えた。 金城さんが書くDAOの特徴としては、 DAOは「Decentralized Autonomous Organization」の略であり、日本語では自律分散型組織と訳されます。それだけ聞いても「?」という感じですが(僕もそうでしたw)、簡単にいうと社長のいない会社のようなものです。 株主、経営陣、役員などのような管理者がいなくても、ミッション実現に向かってメンバーが自ら自律的に価値提供をして、事業を推し進めていく組織のことをDAOと言います(この組織(Organization)の部分はCommunityやCompanyとも言い換えることができDACと呼ばれることもあります)。 DAOにはコア開発者(コントリュビューター)というプロジェクトの方向性を提示する中心メンバーが存在し、基本的には
フロントエンドチームの @urahiroshi です。Mercari Advent Calendar 2018 12日目を担当します。 今年の8月から12月にかけて,メルカリ・メルペイのフロントエンドチーム有志で「超速!Webページ速度改善ガイド」の社内輪読会を行いました。 この本の中で,「推測するな,計測せよ」という言葉が紹介されていますが,今回の記事は,輪読会で学んだことのまとめとして,Chrome DevToolsを用いてメルカリWebのパフォーマンス計測と簡単な分析を行ったものです。 なお,現在メルカリWebのアーキテクチャを刷新するための開発が進んでいるため,ここで計測したパフォーマンスの値は大幅に変化していく可能性が高いです。アーキテクチャの刷新後に振り返って見られる楽しみが増えることも、この記事を書いた目的の一つです。 計測方法,環境 計測はGoogle Chrome 71.
普段お世話になっているwebツール達の紹介です。 以下のサイトはすべて 無料 & 登録不要 です。 正規表現 regexper 正規表現を可視化してくれます。 複雑な正規表現を書くときやコードリーディングのお供に重宝します。 Rubular Rubyの正規表現をテストできます。 JSON JSON FORMATTER & VALIDATOR JSON系のツールが集まったサイト。 それぞれ、サイト名とドメインが違うのでリンクはそのうちの1つになっています。 (画像クリックでそれぞれのツールに飛べます。) ひとつずつ紹介します。 JSONをフォーマットしてくれます。 出力結果は折りたたむことができるので、長いJSONを読むときにも便利です。 JSONを含めた様々なデータ形式を変換できます。 Inputの以下に対応。 CSV INI JSON XML YAML Outputは以下に対応。 JSO
2017年ももう終わりなので、自分用のメモも兼ねて今年触った技術をざっとメモしてみる。 フロントエンドに対しては大凡モダンなものを使っているけれど、他についてはその限りではないので、自分が古いと感じるものについては来年以降移行したいもの、手をつけたいものもあわせてまとめる。 ちなみに今年のGitHubで見えるだけのアクティビティとしてはこんな感じ。そこそこコードは書いた。 技術の分類 とりあえず以下でカテゴライズしておく。そこそこその他はありそう。 Webフロントエンド Webバックエンド その他Node周り インフラ / ミドルウェア Webサービス(クラウド周り) まとめ Webフロントエンド フレームワーク周り 基本的に去年に続きVue.jsが中心でコードを書く機会が多かった。体感Vue:React:Angularが7:2:1くらい。他もちょこちょこというところ。一定以上有名なもので
Web技術の標準化団体であるW3Cは、HTML 5のマイナーバージョンアップである「HTML 5.2」の策定を完了し、勧告としました。 HTML 5.2ではいくつかの機能追加、削除、バグフィクスなどが行われています。 機能追加の例では、ダイアログボックスを表示する<dialog>要素が追加されました。下記は<dialog>要素を用いたサンプルです。 ... <body> <div> <!-- body content --> </div> <dialog> <h1>Add to Wallet</h1> <label for="num">How many gold coins do you want to add to your wallet?</label> <div><input name=amt id="num" type=number min=0 step=0.01 value=10
Chrome DevToolsを使いこなそう! Web開発に必須なブラウザ開発ツールによるデバッグの基本 開発者ツール(DevTools)とは、ブラウザに搭載されているデバッグツールです。多岐にわたる技術の集合体であるWebページやWebアプリケーション、いわゆるフロントエンドの開発において、なくてはならないツールです。 皆さん、どうもこんにちは。今回で3度目のエンジニアHubの登場となる大竹智也です。春の季節もそろそろ終わりを迎え、新生活を迎えた人たちも新たな環境に慣れてくる時期だと思いますが、元気にお過しでしょうか。 前回までエディタの話ばかりしてきましたが、今回はエディタから離れてWebブラウザ(以下、ブラウザ)の話をしたいと思います。ただ、ブラウザの話といっても、エンジニアHubは開発者向けの媒体なので、ブラウザに搭載されている開発者ツール(Developer Tools)のお話を
WebブラウザFirefoxで知られるMozilla Japanは6月30日、2017年7月に「WebDINO Japan」へ社名変更すると発表した。日本語版Firefoxの配布やMozilla製品の情報提供は、米Mozilla公式サイトでサポートする。 Mozilla Japanは、04年に米Mozilla Foundationの公式支部として発足。独立した非営利組織として、Firefoxの普及活動、オープンソースの啓発、Web標準技術の推進、オープンソースソフトウェアコミュニティー支援に努めてきた。 今は05年に設立された米Mozilla Corporationが、Mozillaブランドのグローバルマーケティング活動全般を担っており、日本市場向けに活動してきたMozilla Japanは特殊な立ち位置だった。社名変更は、「米Mozilla Corporationの判断によるもの」だとい
調べ物をする、ニュースを閲覧する、メールやTwitterなどSNSのクライアントとして活用する……。さまざまな用途で用いられるChromeやInternet Explorer、Safariなどのウェブブラウザーは、パソコンにインストールされているソフトウエアの中で、ユーザーが最も多くの時間、接しているものだろう。 ただ、それだけ多くの時間を費やしながらも、ブラウザーの使い勝手や作業の効率性について考える人は少ない。もしかすると不都合を感じても「どのブラウザーを選んでもそう変わらない」と思っている人もいるかもしれない。 そんな人の「もう1つの選択肢」となるべきブラウザーがある。それは2016年4月にリリースされたChrome互換のブラウザー「Vivaldi(ビバルディ)」である。ビバルディを開発したVivaldi Technologiesは、元「Opera」ブラウザーを開発していたオペラ・ソ
フロントエンド開発という言葉があちらこちらから聞こえてくる。 「反対語はバックエンド開発だから、サーバとかCUIじゃない、アプリとかGUIあたりのことを指す広い意味の言葉だよね。」 ・・・とか思ってたらとんでもない。 世の中ではJavaScript界隈を限定している風な使われ方をしている。 私のような C/C++ メインのレトロエンジニアは肩身が狭くなるばかりである。 本文は、近年のWeb技術に追いつこうと調査した結果のメモ書きである。 n番煎じの内容だが、Web業界にいない人間の視点 なので、私と同類のレトロエンジニア等、一部の人には新しい気付きが与えられるかもしれない。 詳しい人の添削・ツッコミは大歓迎。 詳細はリンク先に任せ、私が思う「わかりやすい順序」で、調べたことをざっと紹介していく。 きっかけ 読み飛ばしてもよい。 Reactを使うとなぜjQueryが要らなくなるのか 数年前、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く