タグ

Webとbasicに関するko-ya-maのブックマーク (28)

  • Web3の「外の人」が調べまくって得た6つの視点(Part1) | Coral Capital

    月間10万人が読んでいるCoral Insightsのニュースレターにご登録いただくと、Coral Capitalメンバーによる国内外のスタートアップ業界の最新動向に関するブログや、特別イベントの情報等について、定期的にお送りさせていただきます。ぜひ、ご登録ください! 記事はTemma Abe氏による寄稿です。Abe氏は東京大学経済学部を卒業後に新卒で三菱商事に入社。2016年からのアクセンチュア勤務を経て、2019年からは米国西海岸に在住し、UC BerkeleyのMBAプログラムを経て、シリコンバレーで勤務しています。現地テック業界で流行のニュースレターやポッドキャストを数多く購読しており、そこから得られる情報やインサイトを日語で発信する活動をされています。 記事は3シリーズの中の1目のPart1です。 Web3の「外の人」が調べまくって得た6つの視点(Part1)※記事

    Web3の「外の人」が調べまくって得た6つの視点(Part1) | Coral Capital
  • JAMstackってなに?実践に学ぶ高速表示を実現するアーキテクチャの構成 - エンジニアHub|Webエンジニアのキャリアを考える!

    JAMstackってなに?実践に学ぶ高速表示を実現するアーキテクチャの構成 JAMstackは、「JavaScript」「APIs」「Markup」の3つの技術を組み合わせた、新しいWebアプリケーションアーキテクチャです。いち早くJAMstackを利用してWebサイトを作成した、寺川直宏さんと風間雅也さんにJAMstackについて聞きました。 JAMstackという言葉をご存知でしょうか。JAMstackは、「JavaScript」「APIs」「Markup」という3つの技術を組み合わせた、新しいWebアプリケーションアーキテクチャです。パフォーマンスの改善、セキュリティの担保、スケーラビリティの確保が見込めるため、フロントエンド界隈で、大きな注目を集めています。 しかしまだ登場したばかりの概念ゆえ、実例も少なく、理解しにくい面もあります。そこで、いち早くJAMstackでWebサイトを

    JAMstackってなに?実践に学ぶ高速表示を実現するアーキテクチャの構成 - エンジニアHub|Webエンジニアのキャリアを考える!
  • いま知っておきたいLinux─WebアプリがOSのプロセスとしてどのように見えるか? を運用に生かす|ハイクラス転職・求人情報サイト AMBI(アンビ)

    いま知っておきたいLinux─WebアプリがOSのプロセスとしてどのように見えるか? を運用に生かす Webアプリを動かして負荷をかけると、OSのプロセスという観点ではどのように見えるのでしょう? それを通して運用やトラブルシューティングではどういったことが分かるのでしょう? Linuxカーネルの開発者でもある武内覚(sat)さんによる解説です。 こんにちは、sat(@satoru_takeuchi)と申します。 コンピュータが誕生してから現在まで、最終的にエンドユーザが意識するアプリケーション開発はどんどん楽になっています。先人たちのたゆまぬ努力の結果、アプリ開発者はOSや、そのさらに下にあるハードウェアのことをほとんど意識することなく開発ができるようになりました。 しかし、「作ったアプリが、OSレベルでどのように動いているか?」が今一つピンと来なくて、モヤモヤしていないでしょうか。それ

    いま知っておきたいLinux─WebアプリがOSのプロセスとしてどのように見えるか? を運用に生かす|ハイクラス転職・求人情報サイト AMBI(アンビ)
  • 2019年のエンジニア新人研修の講義資料を公開しました - Cybozu Inside Out | サイボウズエンジニアのブログ

    こんにちは。皆様、夏はいかがお過ごしでしたか。 私は毎年実家に帰省し、そして毎年体調を崩すので、絶対風水的になんか合わないんだと思っています。コネクト支援チームのsakay_yです。 先日、2018年の新人研修資料を公開し、たくさんの反響をいただきました*1。ありがとうございました。 2019年もエンジニア新人研修を行いましたので、その紹介と講義資料を公開いたします。 2019年のエンジニア新人研修について 今年の研修は、組織運営チーム*2が取りまとめ、以下のような3構成となりました。 必修講義 誰に: 開発/運用部に配属される新入社員​ 何を: どのチームに行っても必要となる基礎的な知識/技術/ツールを学び、体験できた 選択講義 誰に: 学びたい人が​(=新入社員に限らず) 何を: 興味があることを学べた チーム体験(2週間 * 3チーム) 誰に: 開発/運用部に配属される新入社員

    2019年のエンジニア新人研修の講義資料を公開しました - Cybozu Inside Out | サイボウズエンジニアのブログ
    ko-ya-ma
    ko-ya-ma 2019/09/06
    手間ひまかけてるなぁ
  • これで完璧!今さら振り返る CSRF 対策と同一オリジンポリシーの基礎 - Qiita

    ✎ 基礎知識編 CSRF とは何か? CSRF (Cross-Site Request Forgeries) を意訳すると 「サイトを跨ぐ偽造リクエスト送信」 です。 簡単に言うと,罠サイトを踏んだ結果,自分が無関係な別のサイト上で勝手にアクションをさせられる攻撃です。具体的には,ネットサーフィンをしているうちに知らない間に自分のIPアドレスから掲示板に犯罪予告が書かれていた,といった被害を受けます。 この攻撃を防ぐ責任は「無関係な別のサイト(具体例では掲示板)」側にあります。Web サイト作成者には,利用者が意図しない操作を勝手に実行されないように,利用者を守る責任があります。 また上図からも分かる通り,この攻撃の最大の特徴はアカウントがハッキングされたというわけではないということです。ログイン状態の利用者のWebブラウザを利用して攻撃が行われている,というのが重要です。 オリジンとは何

    これで完璧!今さら振り返る CSRF 対策と同一オリジンポリシーの基礎 - Qiita
  • Progressive Web Apps  |  web.dev

    Progressive Web Apps  |  web.dev
    ko-ya-ma
    ko-ya-ma 2018/12/20
    ステップ・バイ・ステップのチュートリアルあり
  • アクセス解析担当が必ずやってるGoogleAnalytics設定のまとめ【2018年版】 - Qiita

    この記事について 「GoogleAnalyticsの設定、どうしたらいいんだっけ...」と迷ったときのためのレファレンスです。 新規のサイトを立ち上げる時・GAの再設計がしたくなった時に参照してください。 のちのちアクセス解析しつつ改善していくために、できるだけ汎用的にデータを拾っておく 可能な限り、非コーダーができる作業で完結させる というのをテーマにまとめました。 STEP 0: GTM・GAのアカウントを取得 Googleのアカウントがあれば、驚くほど簡単に取得できます。 GoogleAnalyticsのアカウントを作る GoogleTagManagerのアカウントを作る 基的には、GoogleTagManager(以下、GTM)経由でGoogleAnalytics(以下、GA)を導入します。GTMの使い勝手がよいのはもちろん、GAをカスタマイズしたくなったときに、コーダーの手を借

    アクセス解析担当が必ずやってるGoogleAnalytics設定のまとめ【2018年版】 - Qiita
  • Web Componentsについて気になること、泉水さんに全部聞いてきました!

    Web Componentsについて気になること、泉水さんに全部聞いてきました! 白石 俊平(HTML5 Experts.jp編集長) こんにちは、編集長の白石です。 この記事は、9月24日に開催されるHTML5 Conference 2017に登壇するエキスパートに、予定しているセッションのトピックを中心に、様々な技術的なお話を伺おうというものです。セッションの内容をより深く理解する手助けになるだけでなく、記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、株式会社サイバーエージェントにお勤めの泉水翔吾さんです。 ▲株式会社サイバーエージェント 泉水翔吾さん 泉水さんのセッションは「The State of Web Components」(ルームA 16:20-17:00)です。 (現在HTML5 Conferenceは定員オーバーの状態ですが、無料イベント

    Web Componentsについて気になること、泉水さんに全部聞いてきました!
  • ”個客の動き”をKPIに反映。ユーザーエクスプローラによるサイト改善の4ステップ | ナイルのマーケティング相談室

    今追っている指標は、当に効果のある数字でしょうか?  PVやUUといった表面的な指標では、Webサイトのコンテンツがユーザーの心を動かしたかどうかがわかりません。重要な指標とは、ユーザーの行動や心理変容が読み取れるものです。今回は、ユーザーの心理変容を読み取れる指標を見つける4つのステップを紹介します。 \疑問や不明点はお気軽にご質問ください!/ ユーザーの行動をGoogle アナリティクスから理解する 今回はGoogle アナリティクスからユーザー行動を定量的指標で追えるようになることをゴールとします。ユーザーインタビューで定性的に知ることも重要ですが、ペルソナの掘り下げではなくKPIとして設定することで改善アクションにつなげることができます。 以下が4つのステップです。 ユーザーエクスプローラでユーザーの動きを知る カスタムセグメントでユーザーの規模感を知る シナリオを考える 定点観

    ”個客の動き”をKPIに反映。ユーザーエクスプローラによるサイト改善の4ステップ | ナイルのマーケティング相談室
  • 知っているようで知らないWebサーバアーキテクチャ

    第6回ゲームサーバ勉強会用資料です。 Webの技術の根幹となるHTTPやTCP/IPを軽くおさらいしたあと、 マルチプロセス、マルチスレッド、イベント駆動といったサーバアーキテクチャについて解析し、 さらにイベント駆動を実現するための非ブロッキングI/OとI/Oの多重化について解説します。

    知っているようで知らないWebサーバアーキテクチャ
  • Debugging Service Workers

    Google Developers Codelabs provide a guided, tutorial, hands-on coding experience. Most codelabs will step you through the process of building a small application, or adding a new feature to an existing application. They cover a wide range of topics such as Android Wear, Google Compute Engine, ARCore, and Google APIs on iOS. Codelab tools on GitHubnorth_east P�S��U �Q��U

  • PWA(Progressive Web Apps)の現状とその開発方法 | フロントエンドBlog | ミツエーリンクス

    PWAとは PWA(Progressive Web Apps)とは、ネイティブアプリ的な挙動をするWebサイトのことで、例えるならWebサイトとネイティブアプリを足して2で割ったような物と考えてもらえば解りやすいと思います。2015年に開催されたChrome Dev Summitや、2016年5月に開催されたGoogle I/O 2016において大々的に提唱され、実例や測定結果から2017年現在も注目を集めています。 個人的にはハイブリッドアプリの代名詞的な位置にあるApache Cordova(PhoneGap)のような印象があるPWAですが、後述の通りアプリとしての開発・公開の敷居は低く、仕様を理解していればエディタとGoogle Chromeだけで、特別なツールを使うことなく開発することができます。 PWAの利点 では、WebサイトをPWA化することに、どのようなメリットがあるのでし

    PWA(Progressive Web Apps)の現状とその開発方法 | フロントエンドBlog | ミツエーリンクス
    ko-ya-ma
    ko-ya-ma 2017/03/06
    ネイティブアプリ的な挙動をするWebサイト"PWA"の作り方。現段階ではほぼChrome専用
  • コンバージョン率を上げるためにA/Bテストを行う上で知っておくべきこと

    By A ウェブサイトを構築する上で欠かせないのが、複数の異なるデザインを試してサイトの訪問者数のうち成果に結びついた割合を表すコンバージョン率を比較し、優れたものを導き出す「A/Bテスト」です。多くのクライアントと毎日のようにA/Bテストについて話し合ってきたというRobin Johnsonさんによると、クライアントが必ずと言っていいほど聞いてくるのが「どこからA/Bテストを始めればよいのか?」ということ。多くのクライアントが抱える疑問に答えるべく、JohnsonさんはA/Bテストを13のカテゴリに分けて「A/Bテストに関する71のアイデア」を公開しており、その中から役立ちそうなものをピックアップしてみました。 71 A/B Testing Ideas | The Optimizely Blog https://blog.optimizely.com/2013/04/30/71-thin

    コンバージョン率を上げるためにA/Bテストを行う上で知っておくべきこと
  • DNSキャッシュポイズニングの基本と重要な対策:Geekなぺーじ

    2014年4月15日に公開されたJPRSの緊急注意喚起に続き、中京大学の鈴木常彦教授によるDNSキャッシュポイズニングに関する技術情報が公開されました。 今回公開された技術情報に書かれている内容には、DNS質につながるさまざまな要素が関係しており一回で書ききれるものではなく、また、書いている側(私)も、それぞれの要素技術について勉強しながら理解しつつ進めていかないと混乱してしまうということが良くわかったため、これから数回に分けて徐々に書いて行くことにしました。 ということで、今回はまず、そもそもDNSキャッシュポイズニングとは何かということと、JPRSの注意喚起に書かれているUDPソースポート番号のランダム化(ソースポートランダマイゼーション)の概要、そしてなぜそれが重要なのかという点について解説します。 DNSキャッシュポイズニングとは インターネットで通信を行うとき、各機器同士は通

  • Webマーケティングに役立つ無料分析ツール厳選5つ | LISKUL

    Webマーケティングでは様々なデータや情報を取得できる事が大きな特徴です。 専用のツールを使うことで競合の状況から市場のトレンドまで「こんな事までわかるのか!」とビックリするような情報やデータを把握することができます。 しかし、市場や競合状況の把握につながる情報やデータを得る方法を知らない人が意外に多いというのが実感です。 そこで、日は私自身も使っていて便利だと実感している市場・競合調査に役立つ情報源の中から、Web上ですぐに使える無料のツールを厳選してご紹介します。 これらのツールを使うことで、今まで知り得なかった貴重なデータを得ることが出来ます。 競合の状況や市場のトレンドを捉えて戦略や施策を見直すことでこれまでよりも大きな結果を得られるようになります。 1.競合サイトのトラフィック数・流入経路を把握「SimilarWeb」 SimilarWebサイト http://www.simi

    Webマーケティングに役立つ無料分析ツール厳選5つ | LISKUL
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
    ko-ya-ma
    ko-ya-ma 2014/01/08
    仮設を立てるところをかなり詳しく書いてある。面白い。
  • Webを支えるプロトコル - ASnoKaze blog

    若者のプロトコル離れが叫ばれて久しいが、最近プロトコルは非常にホットな分野である。 目まぐるしく進化するWebに合わせ、プロトコルの世界も着実に進化している。 今までブラウザでは出来なかった事が出来るようになり、Webサービスをより安全に使えるようになった。 そしてWebのパフォーマンスを大きく改善するためにHTTP2.0も議論されている。 Webを支えるプロトコルとして、大きく分けて3つに分けられるかと思う(私の勝手なイメージ、正確な図ではありません) Webアプリケーション ブラウザが今まで出来なかったことを出来るようにしたり、Webアプリケーションの認証・認可などの機能を提供するプロトコルなど。JSやサーバサイドプログラミングで利用したりする。 WebSocket (http://tools.ietf.org/html/rfc6455) ブラウザとWebサーバの間でソケット通信を行う

    Webを支えるプロトコル - ASnoKaze blog
  • ネットマーケティングの“常識”はウソばかり:日経ビジネスオンライン

    「売れるネット通販」がやっていることに仮説なし! はっきり言おう。 今のネットマーケティングの常識は間違いだらけである。 多くのネット通販は、広告代理店や制作会社やシステム会社の言われるがままに、オシャレな広告原稿(バナー)を作り、キレイなサイト(ECサイト)を作り、ショッピングカートのシステムを導入さえすれば、売り上げが上がると思っている。 しかし、統計的に日の約9割のネット通販事業が実は赤字だと言われている。数年前に夢見てはやりのネット通販事業に手を出してみたものの、フタを開けてみると「貧乏ネット通販」になっていた会社ばかりだ。もっというと、王道のネットマーケティングの“常識”でやっている会社ほど失敗している。 その一方で、ネット通販で50億円、100億円と稼いで大儲けしている「売れるネット通販」も世の中にたくさんある。私のクライアントたちはまさにそうだ。 では、なぜ“売れるネット

    ネットマーケティングの“常識”はウソばかり:日経ビジネスオンライン
    ko-ya-ma
    ko-ya-ma 2013/06/12
    広告のコンテンツへの潜り込みと、広告のコンテンツ化は、実際に良い数字が出ている。しかもクリックだけではなく成果にも繋がっている
  • ASCII.jp:たった4行で電話が作れるAPI「Twilio」とは? (1/2)|Twilioではじめるクラウド電話開発

    Twilioは簡単に言うと、「Webから電話を簡単に操作できるAPI」です。ほとんどの連絡をメールやSNSで済ませるようになった昨今、「いまさら電話?」と思った方もいるかもしれません。しかし、エンジニアの視点から、またサービス企画の視点から見て、Twilioは実に多くの可能性を秘めたAPIなのです(筆者もまた、その可能性に注目している1人です)。 Twilioを使うと何ができるのか? どんな可能性があるのか? その魅力を、連載を通じて紹介しましょう。 まずはTwilioを体験してみよう Twilioとはどんなものなのか? まずは手元の携帯電話などから以下の番号に電話をかけてみてください(通話料がかかります)。 電話につながると、ややぎこちない女性の声でメッセージが流れたと思います。実はこの自動応答システム、Twilioを使って、たった4行のコードだけで実現されています。 <?xml ver

    ASCII.jp:たった4行で電話が作れるAPI「Twilio」とは? (1/2)|Twilioではじめるクラウド電話開発
    ko-ya-ma
    ko-ya-ma 2013/05/30
    ついに来ましたか
  • それなりに稼ぐアフィリエイトサイトが完成するまでの全手順 - がん保険や医療保険のサイト | アフィリエイト野郎!

    先週、このブログでもお披露目した「がん保険のアフィリエイトサイト」ですが、今回は、サイトの作成過程を記録して記事にしようと思っていたので、所々でサイトをキャプチャしておきました。 過去にアフィリエイトサイトの作り方については何度か書いていおり、基的には、今でもアフィリエイトサイトの作り方【2012版】で書いたとおりに作っているのですが、デザイン込みの作り方を解説したことはなかったので、今回はなるべく詳細に書いていきたいと思います。 今回サンプルとして使うのは、「 はじめてガン保険」というサイトです。このサイトを見ながら解説を呼んでいくとわかりやすいと思います。なお、WordPressでサイトを作っています。途中WordPressの使い方については、解説が抜けるかもしれませんので、その際は、WordPressの使い方とカスタマイズをご覧ください。 あくまでサイトの作り方の手順ですので、アフ