タグ

Webに関するtanakara_botamochiのブックマーク (116)

  • web制作案件で「ありがちな場面」と「その際に有効な記事」まとめ - Qiita

    こんにちは、フロントエンドエンジニアのてりーです。 僕の詳しいプロフィールはこちら 個人的には2024年現在は未経験・独学からプログラミングで稼ぐにはフロントエンド開発が1番手っ取り早いと考えています! 興味があればご覧ください。 はじめに 今回は「web制作案件」というテーマに対して、 僕が良く遭遇する「あるある」と「対策記事」をセットでまとめました。 フリーランスになりたての方や、これからフリーランスを目指す方は是非参考しにして下さい。 制作準備 「初めてのクライアントさんからの案件だな」 デキる人に見えるズルい仕事テクニック 初めてのクライアントさんの時はいつも以上に気を出すために、一旦この記事を読みます。 仕事が円滑に進むようなテクニックが誰でも実践できる形で書いてあるので、最高です。 毎回はじめに意識するだけで、ちゃんとした人に近づいている気がして気分が良いです笑 「見積もり額

    web制作案件で「ありがちな場面」と「その際に有効な記事」まとめ - Qiita
  • Web Skills

    A visual overview of useful skills to learn as a web developer

    Web Skills
  • 責任ある開発者のためのHTTPヘッダー | Yakst

    安全で、誰にも手頃でアクセスしやすく、ユーザーを尊重したWebを作るためのHTTPヘッダーのプラクティス [UI/UX]原文 HTTP headers for the responsible developer - Twilio (English) 原文著者 Stefan Judis 原文公開日 2019-04-23 翻訳依頼者 翻訳者 meiq 翻訳レビュアー doublemarket msh5 原著者への翻訳報告 1821日前 メールで報告済み 編集 This article was originally published on twilio.com, and translated with the permission of Twilio and the author. 当記事の原文はtwilio.comにて公開されたものであり、Twilio社および原著者の許可を得て翻訳しています

  • アクセス解析担当が必ずやってるGoogleAnalytics設定のまとめ【2018年版】 - Qiita

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

    アクセス解析担当が必ずやってるGoogleAnalytics設定のまとめ【2018年版】 - Qiita
  • Let's Encrypt (certbot) を使ってワイルドカード証明書する!(あとちょっと) - Qiita

    はじめに 最近技術書を書いて、沢山の方に読んで頂いていて大変感謝しております。 イラスト図解でよくわかる ITインフラの基礎知識 その書籍の中でも、無料で手軽に使える証明書として紹介したLet's Encrypt (certbot) ですが、唯一ワイルドカード証明書が発行できないという欠点がありました。 しかしながら以前から予告されていたように、先日やっとワイルドカードに対応したというアナウンス Let's Encrypt ACMEv2 implementation now supports wildcard certs. https://t.co/jPk8DZBr4X — Jerry Gamblin (@JGamblin) March 2, 2018 が出ましたので、早速ワイルドカード証明書を取得してみました。 ところがフツーにやろうとするとエラーになになってしまいます。 [root@l

    Let's Encrypt (certbot) を使ってワイルドカード証明書する!(あとちょっと) - Qiita
  • FINDJOB!終了のお知らせ | FINDJOB!

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

    FINDJOB!終了のお知らせ | FINDJOB!
  • ルイ・ヴィトンのバッグをECサイトで売る方法

    ユーザーの消費行動からECサイトを4つに分類した「4モデル式」フレームワーク(関連記事)。今回はウォンツ単品に分類される商材を扱っている「指名買い型」ECサイトのマーケティングについて、簡単に紹介します。 上級のSEOで突き進め 指名買い型というように、商材は典型的な"指名買い"です。購入者は「MP3プレイヤー」を漠然と欲しいのではなく、「アップルのiPod shuffleのグリーンを買いたい」と、メーカー、型番、色までもが決まっている「欲しいものが明確」「購買意欲が高い」という特徴があります。このような人を検索エンジンから誘導し、もっとも知りたがっている「価格」と「納期」を明確にし、「費用を先払いにしてもきちんとした商品が確実に届く」というようにサイトの信頼性を高めれば購入に結びつけられます。 価格競争が激化している昨今では成立しにくいモデルですが、反面、検索エンジンからのアクセスさえ獲

    ルイ・ヴィトンのバッグをECサイトで売る方法
  • Go Daddy

    .co を ‪¥1,789‬/1 年目で.co ドメインを使用して、会社と Web サイトを目立たせるようにしましょう。

    Go Daddy
  • 複数のRSSフィードを結合するCGI「Fumy RSS Feeds Merger」

    Fumy RSS Feeds Merger : Update Log 2016年09月10日 Ver 2.0.0 公開: 一部のウェブサーバで動作しなかった問題を解決しました。文字コードをUTF-8に。 2007年03月07日 Ver 1.00 公開: 初公開。 複数のRSS(Atom)フィードをいくつでも合体できるCGI 「Fumy RSS Feeds Merger」は、複数のRSSフィードやAtomフィードを結合して、1つの大きなRSS(Atom)フィードを作成できるフリーCGIです。 複数箇所に分散しているフィードを結合して提供したい場合や、複数のフィードを結合してRSSリーダーなどで一括チェックしたい場合などに便利です。 結合するRSS(Atom)フィードの個数に制限はありません。いくつでも結合できます。 結合元のフィードは、RSS1.0(RDF)・RSS2.0・Atomの各種類が

    複数のRSSフィードを結合するCGI「Fumy RSS Feeds Merger」
  • http://japan.internet.com/wmnews/20130313/3.html

  • Google、検索の仕組みを解説するインフォグラフィックスを公開

    Googleが、検索のアルゴリズムやスパムへの取り組みについて解説するインタラクティブなインフォグラフィックス「How Search Works」を公開した。

    Google、検索の仕組みを解説するインフォグラフィックスを公開
  • ブログの高速化に。AWSのCloudFrontの設定手順まとめ

    ブログの高速化に。AWSのCloudFrontの設定手順まとめ Publish2013/02/28(木) 今日は自分用メモをかねてブログの高速化に役立つAWS(Amazon Web Service)のCDNであるCloudFrontの設定について書きます。 CDNについてご存じない方の為に引用。 CDN【Contents Delivery Network】(コンテンツデリバリネットワーク) ファイルサイズの大きいデジタルコンテンツをネットワーク経由で配信するために最適化されたネットワークのこと。CDNを構築・運用し、企業などに有料で利用させるサービスをコンテンツデリバリサービス(CDS)という。 狭義にはデジタルコンテンツの大量配信に対応したネットワークを指し、広義にはファイルの配布ポイント管理から課金・認証システムまで、デジタルコンテンツの配布や販売に必要な機能をひととおり揃えたシステム

  • スマートフォンのアプリに広告を掲載せずに収益化を実現する7つの方法

    By 401(K) 2013 スマートフォン向けの無料アプリでは画面の隅に小さな広告を出して、その表示回数やクリック数などに応じた報酬が開発者に支払われるという方式が既に一般化しています。しかし、PCなどに比べてディスプレイが小さいスマートフォンでは、ただでさえ狭い表示スペースを犠牲にして広告を出すことでアプリの使い勝手をひどく損ねたり、ユーザーにうっとうしがられたりする危険性が高いため慎重な検討が必要です。もちろん、単にアプリを有料化したりアプリ内課金を行ったりすることもできますが、収益力を強化する方法はそれだけではないとVentureBeatの記事は述べており、以下の7つの方法を提案しています。 Apponomics: 7 ways to make money from apps without ads | VentureBeat http://venturebeat.com/2013

    スマートフォンのアプリに広告を掲載せずに収益化を実現する7つの方法
  • こんな企業サイトは売上に繋がらない

    「ホームページが売上に繋がらない・・・」職業柄このような相談を受ける機会が多々あります。 売れる企業サイトと売れない企業サイト、その違いは何でしょうか? 売れない企業サイトの特徴 サイト名が企業名のみ 奇をてらったデザイン 新着情報が更新されていない 商品の効果が記載されていない 「スピード対応」など言葉が抽象的 「お客様の声」に良い事しか掲載していない サイト訪問者にとってもらいたい行動が不明確 どうでもよい徒然日記的な社長ブログ Twitterの無意味なつぶやきが表示されている サイドバーにバナーが多い 「用語集」「リンク集」など無意味なページがある ヘッダ画像がスライドしたりフェードして切り替わる 画像が多く重い(ページを開くのに時間がかかる) 1.サイト名が企業名のみ Googleなどの検索エンジンは、サイト名に含まれるキーワードを一つの参考として、検索結果を表示します。 例えば、

    こんな企業サイトは売上に繋がらない
  • httpstatus コマンドで、HTTP のステータスコードをすばやくしらべる! - tokuhirom's blog

    一般的な Web Programmer ならば、HTTP Status code はすべて暗記していると聞きました。 しかし、僕は初心者なので、なかなか覚えきれていないので、HTTPのステータスコードをさがすのに便利なツールを用意しました。App::httpstatus です。インストール方法は cpanm App::httpstatus です。というか依存とかないのでhttp://api.metacpan.org/source/TOKUHIROM/App-httpstatus-v1.0.0/httpstatus をコピーしてくればうごきます。 使い方は以下のとおりです。 4xx なコードを列挙する。 % httpstatus 4 400 Bad Request 401 Unauthorized 402 Payment Required 403 Forbidden 404 Not Foun

  • SEO Japan - 優れた文章を書くための11の賢いヒント

    SEO屋の私がいうのもなんですが、サイトのコンバージョンを最も劇的に改善する手法といえばLPO。LPOサービスを自ら始めた位に惚れ込んでいるウェブマーケティング手法ですが、名前や内容は知っていても意外とちゃんと実施したことがないサイトやウェブマーケッターが未だに多すぎることに嘆いている最近です。多変量テストや行動ターゲティングとはいわずとも、A/Bテスト位は定期的にやっていきましょうよ、、ということで、今回は米国カリスマウェブマーケッターのニール・パテル氏が自らの経験を元にA/Bテストで実施するべき項目を11まとめた面白くてためになる記事を。 — SEO Japan 既存のトラフィックからもっとお金を絞り取りたいのなら、A/Bテストの実施を開始する必要がある。少なくとも毎月10,000人のビジターがいるなら、毎月でないにしろふた月に一度は一つ新しいA/Bテストを実施することを検討すべきだ。

    SEO Japan - 優れた文章を書くための11の賢いヒント
  • ログアウト機能の目的と実現方法

    このエントリでは、Webアプリケーションにおけるログアウト機能に関連して、その目的と実現方法について説明します。 議論の前提 このエントリでは、認証方式として、いわゆるフォーム認証を前提としています。フォーム認証は俗な言い方かもしれませんが、HTMLフォームでIDとパスワードの入力フォームを作成し、その入力値をアプリケーション側で検証する認証方式のことです。IDとパスワードの入力は最初の1回ですませたいため、通常はCookieを用いて認証状態を保持します。ログアウト機能とは、保持された認証状態を破棄して、認証していない状態に戻すことです。 Cookieを用いた認証状態保持 前述のように、認証状態の保持にはCookieを用いることが一般的ですが、Cookieに auth=1 とか、userid=tokumaru などのように、ログイン状態を「そのまま」Cookieに保持すると脆弱性になります

    ログアウト機能の目的と実現方法
  • サイトを運営している人ならチェックしておきたい情報サイトまとめ - ウェブネタマニア

    サイトを運営していて 必ずチェックするようになった 役立つ情報サイトをメモ ■コリス 言わずと知れたサイト制作に関するアウトプットとクリップした情報を 紹介するブログ  フリー素材の情報等も豊富 ■かちびと.net Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介しているサイト ■Webクリエイターボックス WebデザインやWebサイト制作、最新のWeb業界情報などを紹介してるサイト。 ■二十歳街道まっしぐら 管理人のカメきちさんが みつけたWebサービスや役立ちそうな情報を更新 ■ライフハッカー[日版] 生活全般に役立つライフハック情報を紹介しているサイト(ウェブネタも多数) ■フリーソフトの樹 おすすめのフリーソフトや知っていると便利な無料サイトなど、 パソコンを楽しむ情報を幅広い分野で毎日紹介しているサイト ■100shiki 海外のユニークなサイトを紹介 ■Ph

    サイトを運営している人ならチェックしておきたい情報サイトまとめ - ウェブネタマニア
  • 安全なWebサイト設計の注意点

  • 【Web制作などの依頼で「概要」しかわからないのに「とりあえず見積が欲しい」と言われたとき、私はこんなことに気をつけています】|今村だけがよくわかるブログ

    Web制作などの依頼で「概要」しかわからないのに「とりあえず見積が欲しい」と言われたとき、私はこんなことに気をつけています】 どうもです。いきなりですが、私は毎年この年末から来年の3月末あたりまで、段階的に仕事周りが騒がしくなって来る時期だったりします。決算期の都合もあるんでしょうかねぇ。似たような状況の方も多いのではないかと思います。ほんと、最近依頼が多いです。 ところで、仕事の依頼があるって嬉しいことです。 普段あまり交流のなかった方から突然の依頼や、または、人づてで紹介を受けたりなど。紹介を受けるってことは「仕事ちゃんとしてくれるよ」ってのを認めてもらえた証拠だと思っています。気でうれしいです。 と、ここで「依頼」についてちょっと掘り下げたいな~と思いました。題に入る前に、少しだけ前置きにお付き合いくださいますと幸いです。 ・・・「依頼」っていろいろありますね。 「ハマる依頼」

    【Web制作などの依頼で「概要」しかわからないのに「とりあえず見積が欲しい」と言われたとき、私はこんなことに気をつけています】|今村だけがよくわかるブログ