並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 80件

新着順 人気順

Webサイトの検索結果1 - 40 件 / 80件

  • 改正電気通信事業法が施行だけど、またしても何も知らなかったWebサイトやアプリ運用者のために書いておくぜ - フジイユウジ::ドットネット

    2023年6月16日 から改正電気通信事業法が施行なんですけど知ってました? これ、収益目的なら企業運営でも個人運営でもほとんどのWebサービス・スマホアプリが対象という、めちゃめちゃ広範囲にみんなが対応が必要なやつなんですけど、ヤバくない? 何もしてなくない? やっべえなというWEBサイト担当者/アプリ開発者が結構いそうな雰囲気がいんたーねっつから漂ってまいりました。 企業のオウンドメディアや、個人運営のアフィリエイト目的サイトなんかも対象になる場合があって、メディア系サイトはもちろんアプリ開発者にも影響ある感じですので、やるべき内容をブログにしたためておきます。 ※ぼくは法律の専門家ではないので、ちゃんと総務省の公式ドキュメントなどにも当たってくださいね。 ググると「外部送信規律」とか「電気通信事業者又は第三号事業を営む者」とか専門用語の記事ばっかり出てきて自分が何をしたらいいのかの情

      改正電気通信事業法が施行だけど、またしても何も知らなかったWebサイトやアプリ運用者のために書いておくぜ - フジイユウジ::ドットネット
    • GoogleスプレッドシートでアプリライクなWebサイトがつくれる「Glide」

      ◆ Glide https://go.glideapps.com/ 紹介 「Glide」は、Googleスプレッドシートをストレージとして、ノーコードでアプリライクなWebサイトを構築できます。 事前準備 こちらがホーム画面。動画チュートリアルも充実しています。 アプリはスクラッチから作れるほか、7種類のテンプレートも用意されています。今回は、テンプレートの1つ「Conference」をベースに作っていきます。 まずは、左下にある「Coopy to my apps」からテンプレートをコピーします。 すると、My Appsに保存され DB代わりになるGoogle スプレッドシートもコピーされました。 データを編集する それでは実際に、テンプレートを編集しながらアプリを作っていきます。 まずはプロダクトの肝となるデータの編集からです。 データは、テンプレートをコピーした際にできたGoogleス

        GoogleスプレッドシートでアプリライクなWebサイトがつくれる「Glide」
      • 投資する金欲しさにWEBサイトを作った - Notwen

        ある日、投資するべきだと気づきました。どうしてそう思い至ったのかは分かりません。ペイオフによって保証されない額に達した預金残高のせいかもしれないし、政府の貯蓄から投資への促しのせいなのか、もしくは自覚していない他の何かに影響されたのかもしれません。 理由はどうであれ「投資するべきだ」と確信したのです。 気づき 投資について右も左を分からない状態だったので、勉強をしなければなりません。学ぶ上での王道は本を読む事でしょう。でも巷にあふれている「10万円を1億円にする方法」というようなヤバそうな本を読むと、ヤバイ思想に侵されて、ヤバイと思ったのでその辺は避けました。 「ウォール街のランダム・ウォーカー」など有名な本を中心に10冊ぐらい読みました。 そうしたら私、完全に悟りを開きまして。全部わかってしまった。本からは、分散投資の重要性、ペーパーアセットの王は株式であること、インデックス投資が鉄板、

          投資する金欲しさにWEBサイトを作った - Notwen
        • 「おたくでホームページ作るといくら!」と大阪弁のお爺さんから元気な電話が長野のwebサイト制作会社にかかってきた

          稲田エイジ|BtoBのWebサイト制作/Web活用支援/コンテンツ支援/HubSpot @inada_h 「おたくでホームページ作るといくら!」と大阪弁のお爺さんから元気な電話。 ぼく「ど、どちら様ですか」 じじ「大阪の◯◯という会社ですわ。そんなんどっちゃでもいいんで、おたくでホームページ作るといくら!」 ぼく「何のWebサイトを作るご予定ですか?」 じじ「00ページだといくら!」 ↓ 稲田エイジ|BtoBのWebサイト制作/Web活用支援/コンテンツ支援/HubSpot @inada_h BtoBのWebサイト戦略策定、制作、Web活用支援とコンテンツ支援を担当/Web制作会社『JBN』に所属/jbnet.jp/ミッション=「伝わる」をふやす/HubSpot プラチナ パートナー/ユーザー・企業・社会の三方良しにWeb活用で役立ちたいです/note.com/inada123 inada

            「おたくでホームページ作るといくら!」と大阪弁のお爺さんから元気な電話が長野のwebサイト制作会社にかかってきた
          • Webサイト制作をどれくらいの粒度で分解してタスク化するか|重松佑 / Shhh inc.

            プロジェクトが始まるときにかなり初期の段階でWBSを作ることは多いとおもいます。そのWBSの作成、プロマネやディレクターに任せっぱなしになっていないでしょうか。WBSはスケジュールをガントチャートで表したものを指していると思われがちですが、実はスケジュールだけでなく見積もりやアサインを精度高く行うためにも重要なものです。 たとえば「Webデザイン作成」というスコープにどのような実作業が含まれているかはWBSを作ることによって見える化しプロジェクトメンバーやクライアントと共有できるようになります。ときどき下記のように書かれたWBSを見ることがあります。 Webデザイン作成 ・作成 ・確認 ・修正 ・確認2 ・修正2 ・確定 しかし、これでは「Webデザイン作成」に必要な知識、さらには作業量・スケジュール・予算も分かりません。Webデザイン作成の例を続けると、下記のように「作成」のスコープを分

              Webサイト制作をどれくらいの粒度で分解してタスク化するか|重松佑 / Shhh inc.
            • なぜ美人を美人と褒めてはいけないのか? オヤジさんのためのジェンダー問題シン常識 | ライフスタイル | LEON レオン オフィシャルWebサイト

              なぜ美人を美人と褒めてはいけないのか? オヤジさんのためのジェンダー問題シン常識「価値観を更新できる大人はカッコいい」をテーマにした今回の特集、本記事では今、多くのオヤジさんたちがモヤモヤしているであろう、フェミニズムとジェンダーの問題について取り上げてみました。何が問題でどう考えればよいのか、ヒントが満載です。 CREDIT :構成/木村千鶴 写真/Shutterstock LIFESTYLEPEOPLE大人の“カッコいい”を取り戻せ Vol.05 近年、恋愛や性別を巡る常識は大きく変わりつつあります。ひと昔前までは当たり前に許されていた行動が今は大問題になったり、軽く見逃されていた言動が大炎上したり。フェミニズムやジェンダーという概念に馴染めず、何がセクハラや女性蔑視に当たるのかもよく分からないまま、ヒヤヒヤして過ごしているオヤジさんも多いのではないでしょうか。 そこで、東京経済大学教

                なぜ美人を美人と褒めてはいけないのか? オヤジさんのためのジェンダー問題シン常識 | ライフスタイル | LEON レオン オフィシャルWebサイト
              • クロスボウの所持が禁止されます!|警察庁Webサイト

                クロスボウの所持の禁止と所持許可制の導入等 クロスボウ(ボウガンともいいます。)が使用された凶悪事件が相次いで発生したことを受け、令和3年6月16日に銃砲刀剣類所持等取締法の一部を改正する法律が公布され、令和4年3月15日に施行されました。 これにより、改正法の施行日以降、クロスボウの所持が原則禁止され、許可制となることとなりました。 改正法の施行時に所持していたクロスボウは、令和4年9月14日までは所持することが可能ですが、許可申請や廃棄等の措置を執らずに、令和4年9月15日以降も所持し続けた場合は、不法所持となり、3年以下の懲役又は50万円以下の罰金に処せられます。 クロスボウの威力に関しては、警察庁科学警察研究所において実験を行ったところ、約5m離れた地点から発射して、合成樹脂製ヘルメット及びアルミ製フライパンを貫通する威力を有することが確認されました。 クロスボウの回収について 現

                • 3,000万ユーザーを集客した結果わかった、SEOに関する30の教訓 - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

                  無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> SEO Japanでもたびたび紹介しているNeilpatel.com。多数の有益な記事が記載されており、ニール・パテル氏自身の知名度も抜群です。大量のトラフィックを獲得していることは想像に難くないですが、その成功の秘訣はどこにあるのでしょうか。 今回は、氏が特に重要と考えているだろう30個のアドバイスを共有している記事を紹介します。 単にSEOの施策リストというわけではなく、ブログ運営で必要な姿勢や考え方、繰り返すべきでない失敗など、広範囲に渡り扱っています。 上記のスクリーンショットでお分かりの通り、私はSEOから私のWebサイトへ、3,000万のトラフィックを獲得している。 細かく言えば、そ

                    3,000万ユーザーを集客した結果わかった、SEOに関する30の教訓 - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
                  • 本当は速くならない「Webサイトの表示高速化アンチパターン」10選|榊原昌彦

                    ベストプラクティスや「高速化につながる!」と紹介されている記事では、逆効果、もしくは効果があるシチュエーションがあまりに限定的な手法が紹介されていることが多いので、アンチパターンとして紹介します。 本記事は「Webパフォーマンス Advent Calendar 2019」2日目の記事です。 https://qiita.com/advent-calendar/2019/web_performance 本記事はWebパフォーマンス高速化の専門家である株式会社Spelldataの竹洞 陽一郎氏にアドバイスをもらいました。HTTP/2の伝送の画像など一部資料のご提供もいただいております。誠にありがとうございます。 https://spelldata.co.jp/ ほとんどの場合で間違い 1. すべての画像をCSSスプライトその昔、画像をすべて1枚にまとめて、DOMのbackground-image

                      本当は速くならない「Webサイトの表示高速化アンチパターン」10選|榊原昌彦
                    • 入力中の個人情報が“送信ボタンを押す前に”収集されている問題 約10万のWebサイトを調査

                      Innovative Tech: このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 ベルギーのKU Leuven、オランダのRadboud University、スイスのUniversity of Lausanneによる研究チームが発表した「Leaky Forms: A Study of Email and Password Exfiltration Before Form Submission」は、まだ送信していないのにもかかわらず、オンラインフォームで入力した個人情報(今回は電子メールアドレスとパスワード)が打ち込んだだけで収集されている問題を調査した論文だ。 サインインやサービスへの登録、ニュースレターの購読など、さまざまな理由でオンラインフォームに個人情報を入力す

                        入力中の個人情報が“送信ボタンを押す前に”収集されている問題 約10万のWebサイトを調査
                      • ひたすらWebサイトを見るのが趣味な私が独断と偏見で選ぶ今年「良い!」と思ったWebサイト16選 - KAYAC Engineers' Blog

                        どうもみなさまおはようございます。あるいはこんにちは。あるいはこんばんは。 KAYAC Advent Calendar 2019の18日目の記事を担当します、フロントエンドエンジニアのたがみです。普段はwebサイトを作ったり動かしたりぶっ飛んだものにしたりしなかったりしています。 去年は私のその時の推しライブラリだったVuetifyについてこのブログを通じて布教したのですが、今年も今の推しライブラリの話をするぜ!・・・と、意気込んでいたのですが。「というか日頃からWebサイト事例収集しまくってるから、今年の素敵だと感じたサイトを振り返るか」と思いついちゃいましたので今年は推しのWebサイトの話をしようと思います。 というのも、私は去年入社してからデザインや演出や作りが素敵なWebサイトを見つけては自分のツイッターに「このWebサイトが良い!」というのをひたすら垂れ流すというのを日常的にやっ

                          ひたすらWebサイトを見るのが趣味な私が独断と偏見で選ぶ今年「良い!」と思ったWebサイト16選 - KAYAC Engineers' Blog
                        • 統一教会との関与について - 参議院議員 山田太郎 公式webサイト

                          1.統一教会との関与について 昨今、私 山田太郎 が統一教会関係者であるとのインターネット投稿等がありますが、それらは全くの事実無根です。私は、これまで統一教会との関与は一切なく、これからも統一教会やその活動を援助・助長・促進する等、あらゆる物事において関係を持つことはありません。 私は、統一教会の信者、又関係者でもなく、統一教会の集会や式典に出席したことも祝電を打ったこともありません。また、統一教会やその活動に賛同しておらず、その意を表明したこともなければ、献金その他の金銭を受け取ったことも支払ったことも、選挙で応援をうけたこともなく、統一教会との関与は一切ございません。統一教会は、これまで霊感商法や反社会的な活動も指摘されていて、問題の多い団体であり、政治家が関わるべき団体ではないとの認識を私自身しております。 2.Japan-US Innovation Summit 2019への登壇

                            統一教会との関与について - 参議院議員 山田太郎 公式webサイト
                          • これなら分かりやすい!Webサイトのデザイン仕様書・指示書の作り方

                            デザイナーがWebサイトのUIを実装する際にデベロッパーに渡すデザイン仕様書・指示書の作り方を紹介します。 仕様書を作成する基本ツール、指示に適したフォントやカラー、グリッドや要素間の距離を自動的に計算するツールをはじめ、レイアウトや各UIコンポーネントのデザイン仕様の記述例まで、デザインを仕様化する解説記事です。 ブレイクポイントの説明、スティッキー要素の仕様説明、相対サイズの要素の説明方法、ボタンの文字数の説明、アニメーションする要素の説明方法など、デベロッパーに分かりやすく、デザイナー自身も見直せるデザイン仕様書を作成します。 The Art of Design Spec'ing by Mahdi Farra 🍉 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 デザイン仕様書とは デザイン仕様書に使用するツール デザイン

                              これなら分かりやすい!Webサイトのデザイン仕様書・指示書の作り方
                            • Webサイト制作の要件定義書の確認項目|重松佑 / Shhh inc.

                              プロジェクトのキックオフ前後に作成する要件定義書。確認の抜け漏れを最小限に抑えるには、どのようなことを記載しておくべきか。そして、メンバーへのスムーズな共有と、その後の円滑なプロジェクト進行のための、良い要件定義書とはどのようなものだろう。自分たち用のメモも兼ねて「Webサイト制作プロジェクトの要件定義書」の確認項目をnoteに整理してみます。 1. プロジェクト概要1-1. 背景プロジェクトを発案するに至った背景です。現状の課題、ビジネス要件の変化、ユーザーの変化、社会的要請など、プロジェクトの存在意義や必要性を記載します。 1-2. ゴールゴールとは「完了条件」です。何を達成すれば終わるのか、どこに行けば終わるのかを記載します。通常は5W1Hのうち、WHATやWHEREをゴールとします。 1-3. 目的プロジェクトを何のために進めるのかという意図です。ゴールよりも広い視野で捉えます。5

                                Webサイト制作の要件定義書の確認項目|重松佑 / Shhh inc.
                              • 「餃子を焼くと焦げるフライパン」だけ集めたWebサイト、味の素が公開 全国の3520枚を3Dデータ化

                                冷凍餃子を焼くと焦げてしまうフライパンだけを集めたWebサイトが登場した。味の素冷凍食品が10月13日に公開したもので、全国から提供を受けた3520枚ものフライパンの3Dデータを閲覧できる。 サイトは「冷凍餃子フライパンチャレンジ」というプロジェクトの一環で作成されたもので、「味の素の冷凍ギョーザがフライパンに張り付いた」というTwitter(X)に投稿された声をもとに、同様の経験があるユーザーからフライパンを提供してもらい、研究開発に生かすことを目的としている。キーエンスの協力を得て3Dデータ化し、「我々の研究の途中報告」としてWebサイトで公開したものという。 サイトにはユーザーから提供された各フライパンが並んでおり、クリックすると3Dスキャンされたフライパンを360度自由に見ることができる。提供エリア、直径、フライパンの厚み、重さなどを一覧で表示。「焦げ付き」という項目もあるが、大半

                                  「餃子を焼くと焦げるフライパン」だけ集めたWebサイト、味の素が公開 全国の3520枚を3Dデータ化
                                • Figmaで作ったデザインをWebサイトに即反映「STUDIO」 | 進化が止まらない! 最新ツール

                                    Figmaで作ったデザインをWebサイトに即反映「STUDIO」 | 進化が止まらない! 最新ツール
                                  • 「動き」のあるWebサイトを支えるCSSアニメーション技術|yui540

                                    昨日、PIXIV TECH FESで登壇させていただいたときに発表したスライドの内容になります。 当日、来れなかった方はぜひこちらをご覧ください! そして、当日お越し下さった皆さま本当にありがとうございました! Twitterで「CSSアニメーション」「CSSヤクザ」というワードがたくさん飛び交って、とても嬉しいです。 これからもCSSと共に新しい表現を模索していきますのでぜひお楽しみに!

                                      「動き」のあるWebサイトを支えるCSSアニメーション技術|yui540
                                    • Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性

                                      Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性 最近リリースされたSafariとChromeで、CSSのSelectors Level 4(現時点でドラフト)仕様にある疑似クラス「:has()」が相次いで実装されました。 疑似クラス「:has()」は、カッコ内に要素を書くと、その要素を持つ親要素にのみ指定したスタイルを設定できる、という便利な機能を提供してくれます。 ところがこの「:has()」のChromeにおける実装は、jQueryで似たような機能(カッコ内の要素を持つ親要素を選択する)を提供する「:has()」に悪影響を及ぼし、このjQueryの「:has()」を使っているWebサイトでは、Chromeを利用した場合に一定の条件下でWebサイトが壊れるなどの問題を引き起こすことが分かりました(同じエ

                                        Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性
                                      • (基礎編)jQuery使いのエンジニアがReactとNext.jsでWebサイト制作するために最低限押さえておきたいコード

                                        なぜ書いたか 筆者もWebサイト制作をそこそこ長くやってきておりいまは業務でVueを書いたりちょっとReactを書いたりSvelteを書いたりしていますが、2年前くらいまではReactやES6の構文すら書いたことがありませんでした。 WordPressでのサイト制作が多く、機能が少ないサイト制作会社ではjQueryで充分なことも多く、恥ずかしながら業務時間外での学習や外部の情報を追うこともしていなかったため、開発系の技術スタックに慣れるのにかなり時間がかかりました。 まずはよく使うコードを見て解説しながら答えの一つを示し、よく出てくるコードをざっくり理解して書けるようにすることで、実務でReactを取り入れる取っ掛かりになればいいなぁという思いでこの記事を書いています。 続編は多分今月中に書きます。 こちらは基礎編です。 対象者 普段jQueryでWebサイトを制作している 生のJSはあん

                                          (基礎編)jQuery使いのエンジニアがReactとNext.jsでWebサイト制作するために最低限押さえておきたいコード
                                        • 『週刊文春』の報道について - 参議院議員 山田太郎 公式webサイト

                                          この度は、私の不徳の致すところにより、大勢の方々に多大なご迷惑とご心配をおかけしておりますこと、深くお詫び申し上げます。 報道にあった妻以外の女性と男女の仲になってしまったという点は事実です。学生時代から長年私を支え続けてくれている妻を裏切ってしまい、また家族にも辛い思いをさせてしまい、本当に申し訳ない気持ちでいっぱいです。妻はこんな私の軽率な行動を許し、やり直そうと言ってくれました。そのような妻に対して生涯をかけて償ってまいります。 また、政治家としての私を支えてくださっている支援者の皆さま、国民の皆さまからの信頼を失うこととなってしまい、お詫びの言葉もございません。誠に申し訳ございませんでした。報道にあった女性の方を傷つけてしまったことについても、心より謝罪いたします。 報道には性行為の対価として現金を支払ったという内容がございましたが、このような事実はございません。週刊文春からの事前

                                            『週刊文春』の報道について - 参議院議員 山田太郎 公式webサイト
                                          • 【まとめ】2022年に話題になったWebサイト - Qiita

                                            はじめに としが明け、2023年になり、2022年を振り帰ったり、今年の目標を立てている頃でしょうか? みなさんは2022年どんな1年でしたか? この記事では、2022年に話題になったWebサイトをまとめて、 みなさんの振り返りや今年の目標や勉強することの参考にしてみてはいかがでしょうか? POLA https://www.pola.co.jp/wecaremore/mothersday/ 母の日に合わせて公開された↑この特設サイトは、スクロールに合わせて、だいぶスムーズに花がアニメーションしていくサイトです。 一回サイトに訪れると、その没入感にサイトから抜け出すタイミングがなくなるでしょう。 Pokémon Online Gallery https://onlinegallery.pokemon.co.jp/ja/ ポケットモンスター スカーレット・バイオレットの発売を記念して公開された

                                              【まとめ】2022年に話題になったWebサイト - Qiita
                                            • シンプルなHTMLで、モダンなWebサイトをすばやく簡単に作成できるクラスレスの超軽量CSSフレームワーク -Simple.css

                                              その名の通り、シンプルなHTMLで、Webサイトをすばやく簡単に作成できるクラスレスの超軽量(4kB)CSSフレームワークを紹介します。 シンプルなWebページ、ポートフォリオやブログなどをすばやく作成したい時に便利で、レスポンシブにもダークモードにも対応しています。また、CSSリセットとして利用するのもありかもしれません。 Simple.css Simple.css -GitHub Simple.cssとは Simple.cssのデモ Simple.cssの使い方 Simple.cssとは Simple.cssは、セマンティックHTMLをすばやく簡単に見栄え良くするクラスレスのCSSフレームワークです。「クラスレス」とは、CSSまたはHTMLのどこにもCSSのclassがないことを意味します。 MITライセンスで、商用プロジェクトでも無料で利用できます。 classのないプレーンなHTM

                                                シンプルなHTMLで、モダンなWebサイトをすばやく簡単に作成できるクラスレスの超軽量CSSフレームワーク -Simple.css
                                              • MozillaがAIでWebサイトを自動制作してくれる「Solo」を公開。基本的な情報を基に、説明文からレイアウト、適切なフリー画像の選択までおまかせ

                                                Mozillaは、基本的な情報を入力するとAIが自動的にWebサイトのデザインを作成し、Webサイトの公開まで可能なサービス「Solo」を公開しました。 Soloは基本的に個人事業主が自分のビジネスのためのWebサイトを構築することを想定してWebサイトを作ってくれます。その理由をMozillaは次のように説明しています。 In 2023, website creation is still hard. While choosing a template is straightforward, sourcing images, writing content, and making a visually appealing site are really time-consuming. Add the requirements for showcasing reviews, schedul

                                                  MozillaがAIでWebサイトを自動制作してくれる「Solo」を公開。基本的な情報を基に、説明文からレイアウト、適切なフリー画像の選択までおまかせ
                                                • 自力でWebサイトを作れるようになるブロックコーディングとは? HTML/CSSの脱初心者を目指して

                                                  HTML/CSSの知識を習得しても、いざWebサイトを構築しようとすると手が止まってしまう。それは知識の体系化ができていないから、と語るのが『HTML/CSSブロックコーディング』の著者である笠井枝理依さんです。笠井さんは本書で、そうした悩みを解決する手法としてサイトの要素をブロック単位で分解してコーディングしていくブロックコーディングを解説しています。今回は本書からWebサイトをブロックに分解する方法を紹介します。 本書は『HTML/CSSブロックコーディング デザインをすらすら再現できる』の「Ch01 モックアップをブロック分解」を抜粋したものです。掲載にあたって編集しています。 モックアップとは モックアップとは皆さんが考えるところの「デザイン」であり、日本では「デザインカンプ」と呼ばれることもよくあります。Webページがどのように表示されるのか、実際にブラウザで表示される場合と遜色

                                                    自力でWebサイトを作れるようになるブロックコーディングとは? HTML/CSSの脱初心者を目指して
                                                  • 【決定版】プログラマーが情報収集で必ず確認するべきWEBサイト 8選(2022年10月時点)

                                                    はじめに 今回の記事では、プログラマーが情報収集で必ず確認するべきWEBサイトを8つ一覧形式で紹介する。本記事の読者の対象は主に以下の通り。 プログラミング初心者 情報収集で困っているプログラマー 他のプログラマーの情報収集を参考にしたいプログラマー 効率よくプログラミング学習を進めたい人 プログラミング学習を楽しくさせるサイトを知りたい人 freeCodeCamp.org 世界最大規模のプログラミングメディア「freeCodeCamp」の公式サイト。8,000以上のチュートリアルがあり、しかも無料でPythonやJavaScriptなどのプログラミング言語の基礎的な文法、機械学習、WEB開発やモバイル開発などをこの1つのサイトで体系的に学べる。プログラマーは全員このサイトを確認するべきである。 GitHub 世界中のプログラマーがソースコードを共有したり、共同でプロダクトを開発したりする

                                                      【決定版】プログラマーが情報収集で必ず確認するべきWEBサイト 8選(2022年10月時点)
                                                    • 「Cloudflare Pages」が正式版に。JAMスタックによる高速なWebサイトを構築、CDNに展開へ

                                                      Cloudflareは、JAMスタックを用いてWebサイトを構築する新サービス「Cloudflare Pages」が正式版として提供開始されたことを発表しました。 JAMスタックによるWebサイトの構築とは JAMスタックとは、JavaScript、API、Markup Language(HTML)を主な構成要素としてWebサイトを構築する手法を指します。 WordPressに代表される多くのCMSでは、ユーザーからのリクエストに反応して動的にHTMLが生成されることで、動的なWebサイトを実現しています。この場合、HTMLの生成に一定の時間がかかるため高速なWebサイトの構築が容易ではないこと、サーバへの負荷によりスケーラブルなWebサイトの構築も容易でないことなどが課題です。 JAMスタックでは、HTMLの生成はWebサイトの生成時に行うことで、基本的には静的なWebサイトと同様の高速

                                                        「Cloudflare Pages」が正式版に。JAMスタックによる高速なWebサイトを構築、CDNに展開へ
                                                      • 便利な無料ツールが登場! Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる -CSS Analyzer

                                                        1クリックで、Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる無料ツールを紹介します。 CSSの検証としておかしなスタイル定義・同じスタイル定義・一貫性のないスタイル定義などを見つけたり、スタイルガイドの作成にも役立ちます。 CSS Analyzer CSS Analyzer -GitHub CSS AnalyzerはWallace CLI, constyble, color-sorterなどの便利ツールをリリースしているProject WallaceのCSS解析ツールです。MITライセンスで、商用プロジェクトでも無料で利用できます。 Webサイトで使用しているCSSファイルや自分が書いたCSSのコードを詳細に解析してくれます。オンラインツールとして簡単に利用でき、GitHubでソースが公開されているので、ローカル環境でも利用できます。 さっそくオンライン版で試し

                                                          便利な無料ツールが登場! Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる -CSS Analyzer
                                                        • モバイル幅で作成されたWebサイトの特徴と作例

                                                          2022年7月20日 CSS, Webデザイン, スマートフォン モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。 ↑私が10年以上利用している会計ソフト! モバイル幅Webサイトの特徴 デスクトップで見ても狭いコンテンツの幅 よくあるWebサイトでは、コンテンツ部分の枠がデバイスの幅によって変化します。例えばモバイルサイズでは幅が狭くなり、デスクトップサイズでは幅が広がって画面中央に表示されます。このブログでもそうですよね。しかし、昨今見られるようになったレイアウトでは、デスクトップサイズで見てもコンテンツ枠の幅は狭いままで表示されています。画面中央に表示

                                                            モバイル幅で作成されたWebサイトの特徴と作例
                                                          • 3Dモデル→高品質な線画に変換できるWebサイト公開 漫画や絵を描く人から「これはすごい!」「綺麗で驚きました」と絶賛

                                                            手元の3Dモデルデータを線画に変換できる無料Webサイトが登場しました。漫画の背景などを描くのに活用できそう! AIエンジニアのまっくす(@minux302)さんが公開したWebサイト。3Dモデルのデータをブラウザにドラッグ&ドロップするだけで簡単に読み込み、線画に変換してくれます。しかも、線画の状態でもカメラ位置をグリグリ動かすことも可能。これはすごいぞ……! 3Dモデルが…… 線画に変換できる! カメラの位置も移動可能 Twitterでは「息子用のぬり絵がすぐにできる!!!」「超便利なやーつ!!」とツールを称賛する人の声が寄せられています。 なお、アップロードできるデータの形式はgltf、glb、fbx、objです。 投稿提供:まっくす(@minux302)さん ネットの反応を見る advertisement 関連記事 初心者が「ガラガラなのに隣に座ってくる人対策」の3Dアニメを作った

                                                              3Dモデル→高品質な線画に変換できるWebサイト公開 漫画や絵を描く人から「これはすごい!」「綺麗で驚きました」と絶賛
                                                            • Webサイト「はてな匿名ダイアリー」に係る株式会社はてなを相手方とする発信者情報開示命令の申立てに関するお知らせ|堀口 英利 | Horiguchi Hidetoshi

                                                              このたび、2023年11月2日付で、特定電気通信役務提供者の損害賠償責任の制限及び発信者情報の開示に関する法律(プロバイダ責任制限法) 第5条第1項の規定に基づき、株式会社はてなを相手方とする発信者情報開示命令を東京地方裁判所に申し立てました。 今後、本件に関してお知らせすべき事象が生じた場合は、適宜公表いたします。 記 1. 命令を申し立てた裁判所および年月日 裁判所: 東京地方裁判所 年月日: 2023年11月2日 2. 命令を申し立てた相手方 株式会社はてな 3. 事件名および申立ての趣旨 事件名: 発信者情報開示命令申立事件 申立ての趣旨の概要: 「株式会社はてなは対象となる投稿記事を送信したアカウントに係る発信者情報を開示せよ」との決定を求める 4. 申立ての原因 (手続に至った当方の主張) Webサイト「はてな匿名ダイアリー」において、悪質な発信者により権利を侵害される記事が投

                                                                Webサイト「はてな匿名ダイアリー」に係る株式会社はてなを相手方とする発信者情報開示命令の申立てに関するお知らせ|堀口 英利 | Horiguchi Hidetoshi
                                                              • Webサイトの構造を可視化!簡単にビジュアルサイトマップが作れる「Octopus.do」を使ってみた! - paiza times

                                                                どうも、まさとらん(@0310lan)です! 今回は、Webサイトの構造を可視化して直感的に理解しやすい「ビジュアルサイトマップ」を作成できるWebサービスをご紹介します。 ブラウザからGUIベースのエディタにアクセスするだけで誰でも利用可能で、すべてマウス操作でできるので初心者でも簡単に使いこなせます。ブロックを追加していくだけでサイトマップに簡易的なワイヤーフレームが挿入できる点がとても便利です。 また、既存のWebサイトから素早くサイトマップに変換する方法も合わせて解説しているので、ご興味のある方はぜひ参考にしてみてください! 【 Octopus.do 】 ■「Octopus.do」の使い方 それでは、「Octopus.do」をどのように使うのか詳しく見ていきましょう! トップページにアクセスしたら【Create sitemap】ボタンをクリックします。 すると「サイトマップエディタ

                                                                  Webサイトの構造を可視化!簡単にビジュアルサイトマップが作れる「Octopus.do」を使ってみた! - paiza times
                                                                • トランプ前大統領、ひとりでツイートのような投稿をするWebサイトを開設

                                                                  このプラットフォームの開設は4日だが、トランプ氏の投稿はそれ以前の日付からあり、遡ると最初の投稿は3月24日になっている。すべてトランプ氏の投稿で、投稿の横にはそれをTwitterとFacebookでシェアするためのボタンとハートボタンが付いているが、ハートをクリックしても赤くなるだけでカウントが表示されるわけではない。 Webサイトにサインアップすると新しい投稿を通知してくれるようだが、投稿したり、コメントをつけたりすることは、今のところできない。 4日の投稿はサイトを紹介する動画で、「沈黙と嘘の時代に自由の指標が生まれる。ドナルド・トランプのデスクから直接提供する自由かつ安全に話し合える場だ」と表示される。途中で映る邸宅は、トランプ氏が1985年に購入したフロリダ州パームビーチのマー・ア・ラゴだ。ここからトランプ氏が発信しているということなのだろう。 トランプ氏は在任中、個人の公式Tw

                                                                    トランプ前大統領、ひとりでツイートのような投稿をするWebサイトを開設
                                                                  • ある失敗(法苑196号) | 記事 | 新日本法規WEBサイト

                                                                    弁護士となってから三〇年以上を経過し、そのほとんどの期間を大学、大学院での教員生活も兼ねてきていて、講義の際に余裕があるときには、学生、院生相手に事件の話も交えることがある。その際には枕詞に、「弁護士も一年に一件程度は、こういう話のネタになるような事件に巡り遇うものなのだけど・・・。」と言いながら、時期、場所、内容で特定されないように注意しながら実際にあった話をする。 もちろん、些細なことから事件に隠された真実にたどり着いた自慢話もあるが、一般には自慢話よりは失敗談に人は興味を持つといわれていることから、ここではあえて私の経験の中の失敗談を述べさせていただきたい。 ある家で火災が起きて、そこに居住していた夫婦が建物中で折り重なるように倒れていて死亡が確認されたという事件があった。警察、消防による実況見分もなされ、家屋は全て内側から施錠されていて第三者が立ち入った形跡はなく、台所のゴミ箱付近

                                                                      ある失敗(法苑196号) | 記事 | 新日本法規WEBサイト
                                                                    • どう書くんだっけ? を一発解決!コピペ用コードスニペットを集めたオススメWebサイトまとめ

                                                                      この記事では、コーディング作業で迷ったときに確認したいコードスニペットを集めた便利サイトをまとめて紹介しています。 ウェブ開発において、フロントエンドやデベロッパーが悩んでしまう問題の解決方法を知ることができるだけでなく、世界中の優秀なプログラマーの作成したコードを確認、実際に動かしながら学ぶことができます。 ちなみに、2020年に人気だったコードスニペットランキングがこちら。 2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表 どう書くんだっけ? を一発解決!コードスニペットを集めたオススメWebサイトまとめ CoddMyUI Javascript、HTML、CSS、jQueryプラグイン、ウェブ開発にできるデザインスニペット1200個以上が揃ったサイト。ボタンやホバーリンク、テキストアニメーションなど細かくカテゴリ分けされているので、必要なパーツごとのコー

                                                                        どう書くんだっけ? を一発解決!コピペ用コードスニペットを集めたオススメWebサイトまとめ
                                                                      • 文章一行でAIがWebサイト構築、外部資金調達なしで5.4万ユーザを集めた豪Relume——NikeやDapper Labsも利用 - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報

                                                                        Image credit: Relume ワンセンテンスの Web デザインは、もはや夢物語ではない。Wix、Weebly、Webflow のテンプレートを使えば、自分のスタイルで Web サイトを組み立てることができる。 しかし、これはレイアウトに限ったことではなく、Web サイトの構成を考え、各ページの内容も、訪問者を惹きつけるために慎重に設計する必要がある。例えば、「About」ページでは、サービス紹介やビジネスストーリー、将来のビジョンなどを掲載するため、コンテンツの設計に手間がかかる。 この問題を解決するために、デザインスタートアップ Relume は、AI が生成する Web サイトデザインプラットフォーム「Relume Ipsum」を開発した。これにより、数週間から1ヶ月程度かかっていた Web サイトを完成させるまでの作業負荷をわずか数分にまで軽減することができる。このプロ

                                                                          文章一行でAIがWebサイト構築、外部資金調達なしで5.4万ユーザを集めた豪Relume——NikeやDapper Labsも利用 - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報
                                                                        • 紙っぽいかわいいWebサイト作りたい - Qiita

                                                                          かわいいWebサイトが作りたい Web上でグラフィックデザインっぽい表現をしてるサイト大好き! 思いついたら追加する 「版ズレ」風 版ズレ = 印刷の際に、色の版がズレて出力されてしまう現象。(アナログっぽい雰囲気を出すために、あえてズレているように見せるデザイン手法として使ってます) 一番上のレイヤーに紙っぽいテクスチャを乗せて乗算かける 後ろのテキストはaria-hidden="true"でスクリーンリーダーに読み上げられないようにする (疑似要素でやりたかったけど乗算上手くいかなかった・・) ▼ HTML <div class="hanzure"> <img src="紙っぽいテクスチャ" alt=""> <div class="hanzure01"> <p class="front">版ズレ風の表現</p> <p class="back" aria-hidden="true">版ズ

                                                                            紙っぽいかわいいWebサイト作りたい - Qiita
                                                                          • Slideflow | パワーポイントで作るwebサイト制作ツール

                                                                            アップロード後ワンクリックで公開!PowerPoint or GoogleSlidesをアップロードすると、30秒程度でwebサイトへの変換が完了します。アップロードが完了すれば、ワンクリックでwebサイトの公開が可能です。 ソースコード書き出しで柔軟な開発も可能!アップロードしたwebサイトは、ソースコードを書き出して、Slideflowのプラットフォームに縛られない開発が可能です。ソースコード書き出しをしておけば、Slideflow解約後でも自社サーバーにアップロードし直すなど、柔軟な運用することが可能です。

                                                                              Slideflow | パワーポイントで作るwebサイト制作ツール
                                                                            • AWS障害、5時間でほぼ復旧 気象庁Webサイトなどに影響【各サービス復旧状況を追記】

                                                                              米Amazon Web Services(米AWS)が提供するクラウドサービス「AWS」の東京リージョンで、2月20日午前0時ごろに障害が発生した。発生から約5時間がたった午前5時9分に同社は、障害の大部分を解消したと発表した。この影響でAWSを利用するオンラインゲームの一部などが利用しづらい状態に。また、気象庁の公式サイトが一時接続できない状態になり、同庁は復旧作業や関連性の調査を急いでいる。 追記 2021年2月20日午後4時 気象庁Webサイトは完全復旧 気象庁は、午前10時50分ごろに公式サイトの全ページが正常に閲覧できるようになったと発表した。原因は「同庁が利用しているクラウドシステムの障害」としており、同庁の担当者はこのクラウドシステムがAWSであることを認めている。 暗号資産取引所を運営するコインチェックは午前11時24分、同社の全てのサービスが通常通り利用できるようになった

                                                                                AWS障害、5時間でほぼ復旧 気象庁Webサイトなどに影響【各サービス復旧状況を追記】
                                                                              • 認知負荷の増加がWebサイトに与える悪影響

                                                                                Paul Boag氏はユーザー体験デザイナー、サービスデザインコンサルタント、およびデジタルトランスフォーメーションのエキスパートです。非営利団体や企業向けに、デジタル体験の改善を目指す支援をしています。 あなたのWebサイトは、訪れるユーザーにあれこれ考えさせすぎてはいないですか? ユーザーに大きな認知負荷をかけていて、それによってユーザーがあなたのWebサイトから離脱していっている、ということはありませんか? もしそうならば、これは修正すべき問題で、実際に修正が可能です。 認知的な負荷による影響 この問題はWebデザイナーである私たちと明らかに密接に関連しています。ユーザーが1つのことに集中しすぎて、他の要素に気が付かなかった場合、Webサイトでの重要なCTA(コールトゥアクション)だって気づかれない可能性があるということです。そう、ものごとをクリーンかつシンプルに整理したいというデザ

                                                                                  認知負荷の増加がWebサイトに与える悪影響
                                                                                • DJRIO.eth @ REALITY on Twitter: "TikTokのアプリ内でwebサイトを開いたら、すべてのタップやパスワードふくむ全ての文字入力がTikTokに取得されている。 そういう処理をするJavascriptコードが自動挿入されていることが発見され、会社側もそれを認めた。… https://t.co/RxCNaJNiEd"

                                                                                  TikTokのアプリ内でwebサイトを開いたら、すべてのタップやパスワードふくむ全ての文字入力がTikTokに取得されている。 そういう処理をするJavascriptコードが自動挿入されていることが発見され、会社側もそれを認めた。… https://t.co/RxCNaJNiEd

                                                                                    DJRIO.eth @ REALITY on Twitter: "TikTokのアプリ内でwebサイトを開いたら、すべてのタップやパスワードふくむ全ての文字入力がTikTokに取得されている。 そういう処理をするJavascriptコードが自動挿入されていることが発見され、会社側もそれを認めた。… https://t.co/RxCNaJNiEd"