[B! Web] tyosuke2011のブックマーク

第3回 Cookie---状態管理とトラッキング

この記事は，日経ソフトウエア2007年2月号，連載﹁簡単実装で学ぶWeb技術2006﹂の第8回﹁Cookie――状態管理とトラッキング﹂の再録です。記事は執筆時の情報に基づいており，現在では異なる場合があります。こんにちは，結城浩です。今回は，Webで状態を管理する際の基本技術である﹁Cookie︵クッキー︶﹂を紹介します。サンプル・プログラムを通してCookieの仕組みを学びましょう。サンプル・プログラムは，Cookieの読み書きを試す簡単なものから，ユーザーのアクセス追跡やログイン状態の管理などの機能を備えた実用的なものまでを紹介します。ここで紹介するサンプル・プログラムは，日経ソフトウエアのWebサイトからダウンロードできます。ダウンロード・ページ中で，2007年2月号の﹁簡単実装で学ぶWeb技術2006　第8回﹂を参照してください。 ●日経ソフトウエア2007年2月号のダウン

tyosuke2011 2024/06/30

リンク

Python製静的サイトジェネレーターSphinxでWebサイトを構築して公開 | gihyo.jp

鈴木たかのり（@takanory）です。今月の「Python Monthly Topics」では、Python製の静的サイトジェネレーターSphinxを使用してWebサイトを構築し、テーマを適用、外部へ公開する流れについて紹介します。後半ではSphinxの便利な拡張機能を紹介し、Webサイトをより便利にしていきます。 Markdownでドキュメントを書くだけで、きれいなWebサイトが簡単に公開できるので、ライブラリのドキュメントなどでもよく使われています。 Sphinxとは SphinxはPython製の静的サイトジェネレーターです。静的サイトジェネレーターとは、Markdown等の軽量マークアップのテキストファイルから、静的なWebサイトを生成するアプリケーションのことを言います。Python製の静的サイトジェネレーターにはSphinxを含め以下のツールなどがあります。 Sphinx：h

tyosuke2011 2024/06/28

リンク

Wix Studio | 制作会社・企業向けの Web 制作ソリューション

あらゆる規模の高度な Web サイトの制作をサポートデザイン →複雑なデジタルエクスペリエンスをより直観的に制作できます。開発 →カスタム機能を迅速に構築・デプロイできます。 AI 機能 →内蔵の AI ツールでワークフローを整理し、サイト制作を高速化します。ビジネスソリューション →ネイティブツールを活用して多機能のビジネスサイトを構築できます。ネットショップ →強力な EC ソリューションで、独自のネットショップを効率的にデザインできます。管理ツール →プロジェクト、チーム、クライアントの一元管理に役立ちます。 CMS →ノーコードの動的コンテンツでサイト制作を加速できます。 SEO →高度な SEO 機能でクライアントの事業成長をサポートします。マーケティングツール統合 →ネイティブおよびサードパーティアプリを統合して、サイトにより多くの機能を追加できます。スキルアップと

tyosuke2011 2024/06/23

リンク

AIでラフを線画に整えるだけの無料webアプリ『sketch2lineart』公開｜とりにく

結論から言うと、こんなことができます。カラーイラストを線画にすることも可能です。先日、AI-AssistantV3なるお絵描き補助AI フリーソフトを公開したのですが、多くの方から﹃私のPCじゃ動かん！﹄というご意見をいただきました。わかる～！ちょっとAIに興味あるだけの人が20万↑のPCに手を出せるわけないよね。それが本当に使えるモノかどうかもまだわからないのに。私もできる範囲で動作サポートするものの︵抜けていたらすみません！︶元々のPCのスペック問題自体はどうしようもないジレンマに葛藤していました。ならばスマホからでも動くシンプルなwebアプリ作ったろうじゃん！！！と思ったので作りました。機能限定版AI-AssistantV3みたいな立ち位置だと思って下さい。まぁ微妙にアルゴリズム違うんで厳密には別物ですが。︻追記︼勘違いする方もいるっぽいので明記しておきます！こちら

tyosuke2011 2024/06/21

リンク

私がWEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた。

日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。そこで今回は、これまで見てきたギャラリーサイトの中で、みなさんのデザイン制作のお役に立ちそうなサイトを全部で61個ご紹介していきます。全てのサイトをおすすめ度サイト内検索の可否いいね/保存機能の有無ランキング機能の有無掲載サイト数を基準にランクづけし、おすすめできるサイト順に載せているので忙しいという方は、とりあえず上から順にチェックしていただければ大丈夫です！みなさんのデザイン制作に活かしていただけると嬉しいです。【全サイト徹底比較】超参考になるおすすめギャラリーサイトTOP38 ちょう

tyosuke2011 2024/06/19

リンク

パソコンとWebカメラだけで誰でもVTuberになれる！しかも無料！「ユーザーローカルWebcam VTuber」リリース | PANORA

ユーザーローカルは、パソコンとWebカメラだけですぐにVTuberになれるサービス﹁ユーザーローカルWebcam VTuber﹂を提供開始した。利用料は無料。 ●Webcam Tuber　https://vtuber.userlocal.jp/ ﹁Webcam VTuber﹂は、AIアルゴリズムによってカメラ映像から顔の動きや瞬きを読み取り、画面内のVRMキャラクターにリアルタイムで反映する。ハンドトラッキングにも対応しており、腕や手のひら、指の動きを3Dモデルに反映可能だ。ソフトウエアをインストールすることなく、Webブラウザーからすぐに利用できる。・利用マニュアル‥https://info.userlocal.jp/vtuber_tool 顔の表情変更やキャラクター変更にも対応しており、すべての機能を無料で利用可能。無料配信ツールのOBS︵Open Broadcaster Softw

tyosuke2011 2024/06/17

リンク

今すぐにNext.jsでフロントエンド開発 or Web制作を快適に始めたい方におすすめの簡単セットアップを紹介する

はじめに株式会社LCLでフロントエンドエンジニアとして働いている﹁おとの﹂と申します。今回は、今をときめくフロントエンドのフレームワーク﹁Next.js﹂を使って、個人もしくは複数人のチームで快適にフロントエンド開発を行いたい方にオススメのセットアップを紹介します。本セットアップを行うメリットは以下の通りです。︵自動formatが有効になる等︶開発速度が増す︵StylelintやEslintの静的解析により︶不具合の発生や潜在的なエラーを防ぎやすくなるコードの品質と一貫性を保つことができる Next.jsを使いこなせれば、フロントエンド開発だけに限らず、ランディングページ︵LP︶など静的なWebサイトの実装を行うWeb制作にも有用です。私自身、Webサイト1ページのコーディングが求められる際もNext.jsを使っています。本セットアップも簡単に終わるので、今すぐ始めたい方はぜ

tyosuke2011 2024/06/17

リンク

いま知っておきたいLinux─WebアプリがOSのプロセスとしてどのように見えるか？を運用に生かす｜ハイクラス転職・求人情報サイト AMBI（アンビ）

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

tyosuke2011 2024/06/16

リンク

ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト

GMO、「ConoHa WING」と「お名前.com レンタルサーバー」にてウェブ表示高速化エンジン「WEXAL Page Speed Techno logy」を無償提供

tyosuke2011 2024/06/16

リンク

これ知ってる？2019年話題になったWebサービス・アプリ50選まとめ【令和最新】 | XM無料案内所

2019年は、サブスク型、マッチング、AI関連のサービスが流行した一年になった。また、時代背景から、副業・フリーランス向けのサービスも普及。食・旅行・趣味など、様々な面で”無駄をなくす”サービスが多いことも特徴的だった。今回まとめた、2019年話題のサービスは11項目・総勢50選。フリーランス向けサブスク型マッチング仕事効率化稼げる副業ライフスタイル﹁食﹂関連趣味旅行女性向け学生・学習者向け開発者の想いがこもった普及すること間違いなしのサービスばかりだ。50選という膨大な記事になってしまったため、ブックマークして暇な時に確認することを強くオススメする！フリーランスを助ける便利なサービス3選 1. フリラテフリラテは、これから副業・フリーランスなど﹁個人で仕事を始めたい﹂と思っている方のための支援サービス。フリーランス一歩目を間違わないために、個人での仕

tyosuke2011 2024/06/13

リンク

Microsoftの専門家「ウォーターフォールは一切メリットがないのでやめておきなさい」アメリカでは、アジャイルやスクラムの進め方が「常識」としてソフトウェア開発の場で浸透している話

いぐぞー ✈️ 旅するプログラマー @igz0 旅とプログラミングをこよなく愛します。アメリカ大陸🇺🇸を横断しました！！小学生からプログラミング→新卒SIer→Webに目覚め個人事業主兼会社員。テレビ出演経験あり。 Webサービス制作者。読書・IT関連を中心にツイートします！！ネタツイート有。アイコンは@ixy先生に利用許諾済み。Amazonアソシエイト参加。 note.com/igz0/ いぐぞー ✈️ 旅するプログラマー @igz0 Microsoftの専門家﹁ウォーターフォールは一切メリットがないのでやめておきなさい﹂ > アメリカでは、アジャイルやスクラムの進め方が﹁常識﹂としてソフトウェア開発の場で浸透しているこれマジ？？日本のIT企業が、米国では﹁時代遅れ﹂のウォーターフォールを未だに信奉してるってコト！？ pic.twitter.com/jRofJKmAKM 202

tyosuke2011 2024/06/08

リンク

WEBデザイナー向け！はじめての「ChatGPT」で業務効率化をするヒント｜toto｜Rabee.inc

こんにちは！株式会社Rabeeのtotoです🐝デザイン・EC・マーケティングでの職務経験から得た、働きやすさに繋がるヒントをnoteに記していきたいと思います。本日は﹁生成AI﹂はほぼ初めて！というWEBデザイナーの方が、業務で使える活用術をご紹介します。まずは基本的な使い方の習得を目指しましょう！今回は主にChatGPTを使った業務の効率化方法をお伝えします。私が普段利用する時はTeamプランを使用していますが、無料プランでできるものを取り上げましたので、ぜひ実際に試しながら読んでみてくださいね！ 1. 生成AIを使うリスクとは？はじめに、生成AIを使う上での注意点をお伝えします。漠然とリスクを感じているために、生成AIを業務に活用できていないという方も多いのではないでしょうか。主にどのようなリスクがあるのかを把握し、何に注意をすれば良いのかを知りましょう。 1. データの

tyosuke2011 2024/06/04

リンク

夜を泳ぐ魚たちは - 夜を泳ぐ魚たちは | ヤンマガWeb

夜を泳ぐ魚たちは。︻ちばてつや賞ヤング部門第90回大賞︼﹁本日のパパ活、よろしくお願いします﹂――パパ活女子・未果の前に現れたのは、70歳近い高齢者のブンジ。柔らかい語り口の彼は、なぜかセックスは求めず、ただ未果の身体に触れることを望んだ。

tyosuke2011 2024/06/04

リンク

立民・蓮舫氏が東京都知事選に出馬　きょう午後会見　6月20日告示、7月7日投開票：東京新聞 TOKYO Web

立憲民主党の蓮舫参院議員︵56︶が、6月20日告示、7月7日投開票の東京都知事選に立候補する意向を固めた。27日午後に党本部で記者会見を開き、正式に出馬を表明する。参院東京選挙区の選出で知名度のある国会議員の蓮舫氏と、3選を目指す現職の小池百合子都知事︵71︶らが争う構図となれば、激しい選挙戦が展開される見通しだ。︵大野暢子、山口哲人︶※内容を随時更新しています。

tyosuke2011 2024/05/27

リンク

【個人資産800億円】“伝説の投資家”清原達郎氏の情報収集「会社四季報とIR情報を読むだけで十分」その読み解き方 | マネーポストWEB

清原達郎氏が﹁唯一、お金を払う価値がある﹂と断言するのは﹃会社四季報﹄︵撮影／野口博︶投資熱が高まるなか、企業の経営状況や株価など投資情報へのニーズも増している。昨今は個人投資家向けの有料情報サイトが乱立しているが、個人資産800億円という伝説の投資家・清原達郎氏は﹁本当に必要な有料情報源は﹃会社四季報﹄のみ。あとは企業ホームページのIR︵Investor Relations︶情報だけで十分﹂と指摘する。では清原氏は会社四季報とIRをどう読み解いているのか。独自メソッドを初公開する。﹁株価情報の収集にお金をかける必要はない﹂──そう断ずる清原氏。かつてヘッジファンド・タワー投資顧問の運用部長として旗艦ファンドを立ち上げ、2005年に発表された最後の高額納税者番付でサラリーマンとして初の1位︵納税額37億円︶に輝いた伝説の投資家である。清原氏は、2018年に咽頭がんの手術で声帯を失い、

tyosuke2011 2024/05/24

リンク

10年前のWebページの38％が消失──Pew Research Center調べ - ITmedia NEWS

非営利調査機関の米Pew Research Centerは5月17日︵現地時間︶、﹁When Online Content Disappears﹂︵オンラインコンテンツが消滅するとき︶と題する調査レポートを公開した。﹁2013年に存在したWebページの38％が10年後にはアクセス不能に﹂というサブタイトルがついている。この調査では、非営利プロジェクト﹁Common Crawl﹂のリポジトリから2013年から2023年までの毎年の約9万ページ、合わせて約100万のWebページをサンプリングした。調査結果は、この期間の全ページの25％が現在アクセス不能であることを示している。このうち、16％はルートドメインはアクティブだがアクセスできず、残り9％はルートドメインが廃止されたものだ。政府の公的サイトでは、サンプリングした約50万ページのうち、21％に少なくとも1つのリンク切れが含まれていた。

tyosuke2011 2024/05/21

リンク

令和のHTML / CSS / JavaScriptの書き方50選

Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。そこで今回は﹁2024年のWeb制作ではこのようにコードを書いてほしい！﹂という内容をまとめました。質より量で、まずは﹁こんな書き方があるんだ﹂をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。

tyosuke2011 2024/05/14

リンク

エンジニア3年目までに読んで良かった書籍 - Yuki Watanabe's Blog

未経験からエンジニアになり3年が経ちました。この3年間はベテランエンジニアとの差を埋めるべく、プライベートの時間の大半を学習に充ててきました。幸い少しずつ成長を感じられ、業務では難易度の高い仕事を任せてもらえるようになったと感じます。このキャッチアップのために100冊以上の技術関連書籍を読んだことでしょう。ここ最近、知人やTwitter経由で知り合った方から、私が学習に使った書籍について質問を頂くことが多いです。そこで、今後参照していただきやすいように、これまで私が読んで良かった書籍を1つの記事にまとめようと思います。前提‥エンジニアとして経験した技術書籍について全エンジニア向け Web / インターネットイラスト図解式この一冊で全部わかるWeb技術の基本 (★) HTMLコーダー＆ウェブ担当者のための Webページ高速化超入門 (★) Webを支える技術 -HTTP、URI

tyosuke2011 2024/05/13

リンク

APIの作り方の手順は？APIの作成事例やノーコード作成の注意点もあわせて解説します｜SaaS連携開発ならストラテジット

IT業界の人手不足は深刻なものがあります。2019年3月に公表された経済産業省の調査によると、2030年には最大で79万人もの人材が不足するという試算があるほどです。しかしAPIやWeb APIを使えば複雑なプログラムを組まなくても、アプリケーションやWebサービスを開発することは可能になります。プログラミングの高度な知識がなくても、Web APIについて理解しておけばビジネスに反映させることができるでしょう。そこでこの記事では実際にAPIを作成する手順について解説しています。ノーコード作成の注意点も解説しているので、ぜひお役立てください。 Web APIの特徴と種類﹁API﹂とは﹁Application ProgrammingInterface︵アプリケーション・プログラミング・インターフェイス︶﹂の略称です。インターフェイスとはデータの授受を行うプロトコルのことですが、AP