どうしてもドメインを永久保持できない企業向け 企業はどうドメインを捨てるべきか - web > SEO
コロナ禍中に取得された地方自治体のドメインがオークションで高値売買され、中古ドメインとして悪用されるなど、公的機関のドメイン放棄問題が注目されています。 11月25日のNHKニュース7でドメイン流用の件が報じられました。私も取材を受け少しご協力をしています。 www3.nhk.or.jp 公的機関のドメイン放棄問題の理想の解決は、今後は lg.jp、go.jp などの公的機関しか使えないドメインだけを使うようにすることです。 ただ今回の問題はコロナ禍初期の大混乱時、非常にスピーディにサイト立ち上げが求められていた時の話です。 信頼が求められる lg.jp などのドメインの利用には厳格なルールがあるのも当然です。あの混乱時期にルール改定も難しかったと思います。新規ドメインが選ばれた事は仕方がない事と思っています。 ただ、コロナ禍が落ち着いた今、無責任に放棄されるのは明らかな問題です。 今回の
Just WebFrontend - 学び直しとメンタルモデル再構築
"Rebuild your mental model of web frontend programming." Web フロントエンドやそれにまつわるプログラミングにとりかかる上でもっておきたいメンタルモデルについて考える本です。 新しい知識は提供しませんが、Web フロントエンドの学び直し・向き直りをすることで楽しさ・自信を提供したいと考えています。 Web フロントエンドにおいて考えたいことは何なのか。 特定技術に左右されず、持っておくと良さそうなメンタルモデルとはどういったものなのか。 React, Angular を例に取り上げて 2 つの特徴を洗い出し、Web フロントエンドのコンポーネント志向と持っておくとよさそうなメンタルモデルについて考えます。 誤り・ご指摘やご意見があればフィードバックいただけると嬉しいです。
面白Web API 100連発 - pastak-pub
エンジニアお茶会 2020/08/19 pastak.icon @pastak この発表のゴール 現代のウェブブラウザの目指している方向性について紹介する モダンブラウザで使える最新の面白便利APIを紹介する ちゃんと仕様に入りそうなもの(Googleの力技で…も含む) （前半の各ベンダの話はpastak.icon個人の見解を含みます） 次ではない フロントエンドなんでも相談室 前提知識のコーナー "WebAPI"とは何を指すのか、標準化について ECMAScript Ecma InternationalにてECMA-262という規格番号 ほぼLiving Standardという雰囲気もあるけど、年に1回タグが付く ES2020: ECMAScript® 2020 Language Specification 最新の様子: https://tc39.es/ecma262/ Array、Nu
低レイテンシと安定性を生むアーキテクチャ - SSPの現場に学ぶ、高可用性のつくり方 - エンジニアHub｜Webエンジニアのキャリアを考える！
低レイテンシと安定性を生むアーキテクチャ - SSPの現場に学ぶ、高可用性のつくり方 低レイテンシとは、広告配信の世界でユーザービリティ / 収益に直結する要素であることから、重要視されています。では、SSPの現場で実際に用いられるシステムはどのような構成になっているのでしょうか。fluct社の鈴木健太さんに、低レイテンシ、そして安定して稼働するシステムの基本を聞きました。 200msを目安にレスポンスを返す、低レスポンス設計 オンプレミスとAWSを組み合わせてコストとスケールのバランスを保つ データのコピーをサーバーに入れ、独立化する 悪くなったところを捨てるのが、低レイテンシ・システム安定化の秘訣 ログの集計はBigQueryで簡単に 悪くなったところは捨てて、全体を安定に動かす レイテンシ（latency）とは、リクエストに対して応答を返すまでの時間のことです。レイテンシをできるだけ
Perlのウェブアプリケーションを支えるサーバまわりの技術について調べた - Lambdaカクテル
会社の技術スタックの中でもアプリケーションサーバまわりの要素技術が曖昧な気がしていて，せっかくなので調べて整理してみようと思った． まず自分の目の前にある要素はこちら．入社直後は，ぜんぶ「サーバをなんとかするやつ」という印象だった．というわけで入社直後の自分が涙を流して喜ぶような，概観がつかめるエントリを書くことにする． PSGI Plack plackup Starman Starlet Server::Starter daemontools では説明しよう． TL;DR -- より先に起動する下層から どちらから説明することもできるが，今回はレイヤー下層から説明する．基本的に，何らかのソフトウェアが別のソフトウェアを起動して，その足元を支え，より抽象的な仕事に集中できるようにする，という関係で成立していることに意識を向けてほしい． daemontools -- 汎用スーパーバイザ da
沖繩のプログラミングスクール「CODE BASE」に2ヶ月通った体験談 - ことのは日記
どうも！女装男子ブロガーのことのは(@tukinasikotonoh)です。 僕は今、沖繩で開催されているプログラミングスクール「CODE BASE」の6期生として「Ruby」というプログラミング言語を学んでいます。 ※CODE BASE6期生の開催期間は3月25日（月）〜6月3日（月）の計18回講座 ※毎週月曜と木曜日に開催 ※講義時間は19時から22時 ※ただし、祝日はお休み。 2019年3月5日（火）からコーディング、プログラミングを学び始めて、 この3ヶ月間で「約200時間」プログラミング学習を積み重ねてきました。 3月5日からコーディング・プログラミングを勉強し始めて 累計勉強時間は「194時間」 さぼさん(@saboyutaka )の1000時間メニューに沿って勉強しているのですが 「Sinatraで小さいwebアプリ」が作れるようになってて自分でも少し驚いてます😌 ※100
%25E3%2581%25A8Cookie(%25E3%2582%25BB%25E3%2583%2583%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%25B3)%25E3%2581%25AE%25E9%2581%2595%25E3%2581%2584)
Web認証におけるToken(JWT)とCookie(セッション)の違い - 備忘録の裏のチラシ
HTTP の世界はステートレスです．すなわち基本的なプロトコル上では状態が管理されません．なので，ユーザの認証状態などを管理するために，これまでは主に Cookie & セッション ID が使われてきました．一方で，最近ではトークンを使った認証状態の管理もよく使われるようになってきました．この記事では，この辺の参考文献を見ながら，それぞれの特徴（主にトークンの利点）についてメモします． それぞれの認証方式の概要 Cookie & セッションID による認証 この方式では，ユーザが ID/PW をサーバに送り，その認証結果としてセッション ID が Cookie で返されます．サーバ側では，払い出したセッション ID とそれに紐づくセッション情報を１対１で管理しておきます．ユーザはそれ以降の HTTP リクエストに Cookie(セッションID) を含めることで，サーバに自分が誰であるのか（
Webエンジニアが知るべき低レイヤーの技術とその学習方法 - Qiita
初めまして NewsPicks Advent Calendar 2018の 20日目を担当させていただきます、NewsPicks の @takugi です。 弊社 CTO 杉浦が2年程前に書いた 普通のやつらの下を行け！ NewsPicks CTOが新人エンジニアに伝えたい3つのこと という記事を読み、 低レイヤーの技術を身につけるべき という考えに共感しました。その後、目の前の仕事に関する技術のキャッチアップに時間を取られる日々が続いていましたが、今年の半ば頃から低レイヤーの技術を身につけることに少しずつ取り組み始めました。この記事においては、Webエンジニアが知るべき低レイヤーの技術について と 低レイヤーの技術の学び方について 共有したいと思います。 Webエンジニアが知るべき低レイヤーの技術について 低レイヤーの技術とは ここで言う低レイヤーの技術とは言い換えると、 コンピュータシ
ダークウェブ界の大物、痛恨のミス 見えてきた“正体”
ダークウェブを調査するホワイトハッカーが、世界最大のダークウェブマーケットであるDream Marketの管理人の素性に迫る。 連載：知られざるダークウェブの世界 ダークウェブを調査・監視するホワイトハッカーのSh1ttyKids（してぃーきっず）さんが、知られざる「ネットの裏側」をレポートする。 著者：Sh1ttyKids（してぃーきっず） ダークウェブ上のサイトについて、調査・監視活動を行うホワイトハッカー。大麻販売サイトが秘匿するIPアドレスを探し当て、法執行機関へ提供するなどの実績を持つ。 過去の連載記事一覧 ダークウェブマーケットとは、接続経路匿名化ソフト「Tor」の機能である「Hidden Service」（秘匿サービス）を用いて構築された闇市場です。違法薬物や偽造パスポート、運転免許証、ハッキングのチュートリアルなどの商品が多数取引されており、その匿名性の高さが捜査を困難にし
setAttribute
name 値を設定する属性名を指定する文字列です。HTML 文書内の HTML 要素で setAttribute() を呼び出すと、属性名は自動的にすべて小文字に変換されます。 value 属性に割り当てる値を含む文字列です。文字列以外の値が指定された場合は、自動的に文字列に変換されます。 論理属性は要素に存在すれば true とみなされます。value には、空文字列または属性名を、前後にホワイトスペースを置かずに指定してください。実践的ななデモは以下の例を参照してください。 指定された value は文字列に変換されるため、null を指定しても必ずしも期待通りになるとは限りません。属性を削除したり、その値を null に設定する代わりに、属性の値を文字列 "null" に設定します。属性を削除したい場合は、removeAttribute()を呼び出してください。
Twilio for KDDI Web Communications | クラウド電話API
「サービス」をプラスして、ビジネス課題を解決。 「インサイト」をプラスして、期待を超えるサポートを提供。 「パートナー」をプラスして、開発実務をお手伝い。 「チャネル」をプラスして、コミュニケーションに選択肢を。 さまざまなものを組み合わせて、お客様にとっての最適解を提供します。 サービスの導入後も隣で伴走し続ける、最高のパートナーを目指して。
Favicon & App Icon Generator
Generate icons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps Generate only 16x16 favicon.ico What are Favicons? Favicons are small 16x16 icon files that are displayed next to the URL of your site in a browser's address bar. Additionally they're often displayed next to the name of your site in a user's list of open tabs and bookmark listings making it easier for the user to quickly id
W3C、「WebAssembly」仕様について初めてのワーキングドラフトを公開
W3CのWebAssemblyワーキンググループは、「WebAssembly」仕様に関する初めてのワーキングドラフトを公開した。WebAssemblyはすでに主要なブラウザで実装が進んでいるため、このまま順調に勧告となるのではないか。 マイクロソフト、Google、Mozilla、Appleなどの主要なWebブラウザベンダが協力して、Webブラウザ上でネイティブコードに近い実行速度で高速に実行できるバイナリフォーマット「WebAssembly」の開発に取り組んでいます。 すでに実装の面では、昨年2017年11月の時点でChrome、Firefox、Safari、Edgeの主要なWebブラウザでのWebAssembly対応が揃っていますが、同時にW3CにおいてWebAssemblyの標準化作業が進められています。 そのW3Cから、WebAssembly仕様について初めてのワーキングドラフトが
CSSファイルやJavaScriptファイルを読み込むときの末尾にあるクエリー文字列は何のためにあるか
あちこちのウェブサイトのHTMLソースを見ると、CSSファイルやJSファイルを読み込むlink要素やscript要素のファイル名の末尾に「?xxx=123」のような、いわゆるクエリーがついているのを頻繁にみかけます。 例えばWordPressでjqueryを読み込んだときなど、 <script src="http://user-domian/wp-includes/js/jquery/jquery.js?ver=1.6.1"></script> と、jQueryのバージョン番号を示すクエリー文字列がついています。CSSファイルやJavaScriptファイルはCGIではないので、このクエリーを解釈して使っている訳ではありません。 知っている人は「な～んだ」って感じだと思いますが、この「?ver=1.6.1」の役割について紹介します。 １．キャッシュを制御する ページ読み込みと同時に読み込まれ
#21 和田裕介（ゆーすけべー） | gihyo.jp
今回の対談は、9 月10.11 日に開催されたYAPC::Asia 2009会場となった東京工業大学大岡山キャンパスにて実施。ゲストは、「Twib」「YourAVHost」（注1） などのサイトでお馴染みの、ゆーすけべーこと和田裕介さんです。袋綴（と）じこそ実施には至りませんでしたが、一部、いまだかつてないエロ度の対談になりました。 （撮影：武田康宏） Web開発に携わったきっかけ 弾：今回はWEB+DB PRESSで初めての袋綴じということで…（笑）。 ゆ：袋綴じって（笑）。 弾：さっそくですが、Web開発に携わったきっかけってなんですか？ ゆ：僕は大学院まで行ってるんですけど[2]、そのときの研究は、コンピュータをいじることではあったんですが、インタフェースとかアート寄りで、コンピュータは専門じゃなかったんです。で、卒業と同時に父親と会社をやり始めて[3]。Web
API デザイン : URL には名前と識別子のどちらを使うべきか | Google Cloud 公式ブログ
ウェブ API の設計に携わっている方であれば、API で使う URL のスタイルに統一的な考え方がないことも、選択した URL スタイルが API の使いやすさや寿命に大きな影響を与えることも、よくご存じでしょう。Google Cloud の Apigee チームは、社内だけでなくお客様とも協力しながら、API の設計について長く検討を行ってきました。本稿では、私たちが設計の現場で実際に使用している URL のデザイン パターンと、それを使う理由についてシェアしたいと思います。 著名なウェブ API をご覧になれば、いくつかの異なる URL パターンがあることに気づかれるはずです。次に示すのは、極端に異なる考え方に基づいた 2 つのスタイルの具体例です。 https://ebank.com/accounts/a49a9762-3790-4b4f-adbf-4577a35b1df7 htt
Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 開発者ツール（DevTools）とは、ブラウザに搭載されているデバッグツールです。多岐にわたる技術の集合体であるWebページやWebアプリケーション、いわゆるフロントエンドの開発において、なくてはならないツールです。 皆さん、どうもこんにちは。今回で3度目のエンジニアHubの登場となる大竹智也です。春の季節もそろそろ終わりを迎え、新生活を迎えた人たちも新たな環境に慣れてくる時期だと思いますが、元気にお過しでしょうか。 前回までエディタの話ばかりしてきましたが、今回はエディタから離れてWebブラウザ（以下、ブラウザ）の話をしたいと思います。ただ、ブラウザの話といっても、エンジニアHubは開発者向けの媒体なので、ブラウザに搭載されている開発者ツール（Developer Tools）のお話を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知らないWebアプリケーションの開発に途中からJOINしたとき、どこから切り込むか？ / PHPerKaigi 2020
ssh-keygen
GitHub - turbolinks/turbolinks: Turbolinks makes navigating your web application faster
