Web
略称 → World Wide Web
このタグの解説について
この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。関連ブログ
インターネットのさまざまな提供サービス
インターネット上にあります、さまざまなポータルサービスやSNSといった、ホームページの一覧です。調べて知りたいことの検索といった際に、お役立てください。
ネットで話題
もっと見る
blog.verygoodtown.com
cacoo.com
nanapi.jp
www.designlinkdatabase.net
e0166nt.com
www.alc.co.jp
oshare.jugem.cc
web-marketing.zako.org
www.colordic.org関連ブログ
リモートワーク・在宅勤務に欠かせない注目アプリとツール
コラボレーションで変わるこれからの働き方 現在多くの方々が一週間の間、リモートやテレワーク在宅勤務を行っている方々が多くいるとは思いますが、中には会社がテレワークに対する対応が出来ていないところもあるでしょう。そんな時に使えるのがクラウドサービスです。もちろん、既にSlackや Microsoft Teams活用してコミュニケーションをとっている方々は多くいますが、現実としては、Slack、Teams, Zoom は、コミュニケーションや会議をメインとして提供しているサービスなので、実際に他の業務で活用する機能はあまり使えないのが現状です。そんな中、今回は業務で実際に使える役立つクラウドツール…
「P」の世界
●ここが使いたい！● ●遊び心● 今回も遊ぶに来てくださってありがとうございます。 今回はちょっとした報告とお楽しみのお話です。 B-plus報告！ B-plusの取材後 「だるころ治療院×元世界チャンピオン 畑山隆則氏」 web原稿のチェックが終わりました。 webでの閲覧は2020/11/4～ですが、写真はB-plusを明記すれば使って OKとのことなので自作ホームページに写真を載せてます。 興味がある方は覗いてみて下さい。 携帯用HP https://8309216.web.fc2.com/ PC用HP https://yasuo9216.web.fc2.com/ ●黄色いだるま ハニー…
【GoogleForms】Googleフォームの埋め込み、カスタマイズ Part.2 カスタマイズ編
前回の続きです。 【GoogleForms】Googleフォームの埋め込み、カスタマイズ Part.1 - ABC ウェブエンジニアblog 前回ではサイトにGoogleFormsの見た目のままiframeというタグの貼り付けで埋め込む方法を実践しました。 ただそれでは見た目がサイトに合わない、、もっとGoogleフォームらしくない、サイトのデザインに沿ったものにしたいという時 カスタマイズする方法があります！
【GoogleForms】Googleフォームの埋め込み、カスタマイズ Part.1 埋め込み編
ホームページ制作を学んでいくとまずHTML/CSSから学んでJavaScriptという流れが一般的かと思います。 ただその流れの中では「フォーム」の見た目の部分は作れても実際の処理は実装は学べません。 よくあるお問い合わせなどのコンタクトフォームは、入力された情報がサーバーへ送信され、サーバーで処理されます。 サーバーで動くプログラムが必要になるというわけです。 サーバーサイドのプログラミング言語というと一般的なのが JAVA/PHP/Python/Rubyなどでしょうか。 よく間違えられがちで散々言われるので、もはやあまり訂正もしないのがJAVAとJavaScriptの混同。 これは名前が似…
【HTML5】section？article？aside？違いと使い分け
sectionとarticle、ややこしいですよね。 asideはこれらと比べるともう少しわかり易いですが、それぞれシンプルに解説していきます。 section…「章・節」などひとつのまとまりを表す汎用的な分け方。例えば導入部、新着情報、連絡先など。 article…「記事」を表す分け方。ひとつの記事として独立した部分に用います。 aside…ページのメイン要素ではない「補足情報」を表す分け方。 全て意味的なひとまとまりを表す分け方で、コンテンツを区切るタグです。 sectionが一番汎用的な分け方で、articleでは記事に特化、asideでは補足情報、他にもnavでは主要ナビゲーション、h…
２週目！ 情報リテラシー論 レポート！（2020年10月5日）
こんにちは!! 課題がんばってるよ と申します。 今回から本格的に始まった情報リテラシー論第２回の講義のレポートを自分なりにまとめていきたいと思います。 今回の講義のメインとなる内容はズバリインターネットの歴史です。 先生個人の出来事とともに日本、世界の主なインターネットの出来事をまとめた年表を元に講義が進められました。 はじめに、見せていただいたのはこちらの動画です。 www.youtube.com この動画を見るとインターネットの普及や世界の技術の進歩の速さが伝わりますね！ 技術の進歩により普及していったインターネット。世界で初めてウェブサイトが公開されたのは、30年近く前の1993年4月…
【ブログ運営】はてなブログの高度な設定を使ってみよう
お疲れさまです。POTTIRIです。はてなブログにタグが付けれるようになりました！付けたらどうなるかまだわかっていませんが、とりあえず付けて損はないと思いますのでどんどん付けていきましょう！さて、今日ははてなブログにある「高度な設定」を試してみたいと思います。 「高度な設定」とは title設定 og:title要素 まとめ 「高度な設定」とは 「高度な設定」は前から気にはなっていたのですが、今回初めて試します。titleとog:titl、それぞれ何なのでしょうか？ help.hatenablog.com titleはブラウザのタブに表示される文字列。og:titleはOGPと言われるデータの…
【Laravel6】リレーション先のカラムでソート
LaravelのEloquent ORMはSQLを意識せずデータベースを扱えてとても便利です。 ただリレーション先のカラムで主テーブルごとソートするのは一工夫必要。 一工夫というかクエリビルダの「JOIN」を使います！ //USERSのリレーション先のPLANSテーブルのTYPEカラムで並び替え $users = User::select('users.*') ->join('plans', 'plans.user_id', '=', 'users.id') ->orderBy('plans.type');
【CSS】floatは不要?!flexboxだけで対応出来るか
「display: flex;」これが使えるようになってFloatは過去のものになってきています。 ウェブの歴史においてデザインの自由度が少なかった時代からテーブルを駆使したレイアウトなどを経て、長らく横並びのレイアウトにはfloatが主流となっていました。 そしてflexbox、gridの時代へ、、、 つい最近も初学者の方にこんな質問を受けました。 「floatってまだ使うことあるんですか？」 あ、、今どきの若者はけしからん、、、じゃないですがHTML/CSSに触れて間もない方はfloatは完全に過去のもの、不要と感じるのかと多少の驚きと、まあそうかという納得。 断言します。 Floatは現…
【CSS】marginとpaddingの余白の違い
CSSの基礎、marginとpaddingの余白の違いをしっかり理解する事は脱初心者として重要です。 margin…要素の外側の余白 padding…要素内側の余白 この図のような感じでボーダーを境目に内側がパディング、外側をマージンとなります。 これはdivやpタグ、h1～h6などのブロック要素に適用できます。 ではインラインの場合はどうでしょう。
【CSS】pointer-eventsでマウスイベント無効に
レスポンシブや要素が重なり合ってる際など特定の場合にクリックやタップを無効にしたりしたい時がまれにあると思います。 そんな時にCSSでpointer-eventsというプロパティが使えます。 pointer-events: none; これでマウスイベントを無効化します。
バートン「ak」WEBで買うならどこが安い？BURTON・楽天・ヤフーで値段を比較
BURTON ak スノボ道具はほぼ、WEBで購入しています。使っているギアがBURTON製品ばかりだという事もあるのですが、主な購入先としては、 BURTON 楽天市場 ヤフーショッピング この3つのサイトで情報、値段、在庫を比較し、購入しています。 20－21シーズンモデル BURTON「ak」Cyclic Jaket を購入する場合、どのサイトで買うと一番安くなるかを検証してみたいと思います。 【公式】バートンオンライン通販 | Burtonスノーボード JP 【楽天市場】Burton [ak] GORE‑TEX Cyclic Jacketの通販 BELLS VOLTAGE セカンドブラ…
プログラミング初心者でもWeb技術の基本を学べる入門講座が新登場
こんにちは。谷口です。paizaラーニングに新規講座「Web技術入門編01 :URIとHTTPを知ろう」が追加されました！「Web技術入門編」では、WebサービスやWebアプリケーションの基本となるインターネットの仕組みなどが学べます。今回は「Web技術入門編01 :URIとHTTPを知ろう」の講座内容をご紹介します。 プログラミングは少しできるようになったけど、Webの仕組みについてはよく知らない これからWebエンジニアを目指したい！ という方におすすめです。 「Web技術入門編」とは サービスやシステムのユーザーであれば、それほど仕組みを理解していなくても利用することはできます。ただ、W…
Sopra Steriaへのランサム攻撃
フランスの大手ITサービスプロバイダーSopraSteriaがランサム（Ryuk）被害を受け、完全復旧には数週間かかる見込みの様です。 www.infosecurity-magazine.com フランスのITサービス大手のSopraSteriaは、深刻なランサムウェア攻撃によって主要システムがオフラインにされた後、正常に戻るまでに数週間かかると述べています。 このグループは先週、火曜日の夜に攻撃を発見したと主張する非常に短いメッセージをWebサイトに投稿しました。 しかし、フィンテックビジネスのSopra Banking Softwareは本日のアップデートで、この事件がランサムウェア攻撃で…
珠玉のブログノウハウ10選！稼ぎたいなら読んでおこう
ブロガーをやっているわたしは日々「ブログノウハウ」を収集しています。 この記事では、ブロガー歴6年のわたしがコレクションしたノウハウから「これは良かった！」というブログに関する本やnote、サイトをご紹介します。 無料のものや有料でもそんなに高くないモノばかりです。 ブログ運営に行き詰まっている人のお役に立てたらうれしいです。 初心者におすすめのブログ本2選 ブログの作成から書き方・稼ぎ方までわかる、「本気で稼げるアフィリエイトブログ」 人気ブロガーが自分のあたまで考えたことがわかる「自分メディアはこう作る！大人気ブログ超戦略的運営期」 中級者以上におすすめのnote2選 個人ブログのSEO対…
New Comer
京都に住んでいる長女と(もうすぐ)旦那さんですが、今年の春頃から、クルマの購入を考えてる様でした。 (もうすぐ)旦那さんは釣り好きでブラックバスのトーナメントなんかにも出場するので、最初は自転車を車内に積むことも考えていたみたいです。 2人ともデザイナーでこだわりもあるので、手頃な値段で使い勝手の良く、デザイン的にもユニークな小型車が良いだろうと思いつつ、勝手に何が良いかと考えたり。（だって人のクルマ考えるの楽しいですよね〜） 自転車を車内に積みたいならカングー、 自転車を車内に積まなくてもいいなら2世代目のパンダ辺りが良さそう、 との結論に至り提案しようかとも思いましたが、それも押し付けがま…
