「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita
はじめに まず↓の記事を見てない方はぜひ見てください！ 自分にとってはこの記事には「えっ、ナニコレ！」なテクニックが多く、特に解説もなかったのでいろいろ調べてたら休日が消えてました... なのでその時間の供養もかねて、自分が知らなかった部分を中心に、僭越ながら元記事の解説を書いてみたいと思います。 ちなみに、以下が元記事のコードそのままを実装したものです。たしかに掲載コードだけで要素がグリグリ動きますね。 See the Pen js-drag-move-original by www-tacos (@www-tacos) on CodePen. 初耳1: $img まずコードのここ <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove
Googleビジネスプロフィールで作成したサイトは2024年3月1日に終了
[レベル: 初級] Google ビジネス プロフィールで作成したウェブサイトの提供が 2024 年 3 月 1 日をもって終了します。 Google から閉鎖のお知らせ 簡易的なウェブサイトを Google ビジネスプロフィール（以下、GBP）で作成できるウェブサイトビルダーは 2017 年 6 月にリリースされました。 このウェブサイトビルダーで作成したサイトがまもなく利用できなくなります。 「Google ビジネス プロフィールで作成されたウェブサイトに関する重要なお知らせ」という件名で、GBP の管理者あてに通知が届いています。 Google ビジネス プロフィールで作成されたウェブサイトはまもなくご利用いただけなくなります 2024年3月1日より、ビジネス プロフィールで作成されたウェブサイトにアクセスしたユーザーは、お客様のビジネス プロフィールにリダイレクトされます お客様に
1つの HTML ファイルだけで完結する校正支援ツールの作り方
こんにちは。LINEヤフー株式会社でテキストマイニングや自然言語処理などをやっている山下（ @yto ）です。 Yahoo!デベロッパーネットワークのテキスト解析 Web API が CORS（Cross-Origin Resource Sharing）対応したため、サーバがなくてもブラウザから直接 Web API にアクセスできるようになりました（参考）。 そのテキスト解析 Web API の機能の一つである「校正支援」は日本語文章の品質チェック（校正）を支援するもので、文字の入力ミス、言葉の誤用、わかりにくい表記、不適切な表現などが使われていないかをチェックして、指摘します（内部の辞書データをベースとしているため完全なものではないことをご承知おきください）。 この校正支援機能のサンプルプログラムとして「HTML ファイル1つだけで完結する校正支援ツール」を作ったので紹介します。入力され
「Google Domains」提供終了へ Squarespace社に事業売却
米Googleは6月15日（米国時間）、ドメイン登録サービス「Google Domains」の提供を終了すると発表した。事業を米Squarespaceに売却する。同社は約1000万個のドメインを含む関連の資産をGoogleから引き継ぐ。 事業の譲渡により、Google Domainsのユーザーが直ちに対応を行う必要はないという。現地の規制当局から事業売却が承認され次第、ドメインや顧客の管理をSquarespace社に移転する。規制当局の承認は2023年後半に完了する見込み。 Google Domainsのヘルプサイトによれば、当面はGoogle Domains経由で引き続きドメインを管理できるが、移行期間を経てSquarespaceアカウントでの管理に移行することになる。Googleは「可能な限りシームレスに行えるようにする」としている。 ドメインの更新価格について、Squarespace
「うざい」プッシュ通知を「うれしい」お知らせに変える3つの基本原則と成功事例｜Repro Journal （リプロジャーナル）
アプリマーケティングにおける最も重要なコミュニケーションチャネルがプッシュ通知です。しかし、メッセージの送り方によってはユーザーに邪魔者扱いされてしまうことも。本記事では、Repro株式会社が2022年10月に実施した「アプリプッシュ通知に関するユーザーインサイト調査」の結果を基に、ユーザーに喜ばれるプッシュ通知の配信方法を考察します。 「うざい」「いらない」プッシュ通知の正体は？ アプリマーケターの皆さんに質問です。どのようなプッシュ通知がユーザーから「うざい」「いらない」と思われているかをきちんと把握できていますか？ Repro株式会社が2022年10月に実施した「アプリプッシュ通知に関するユーザーインサイト調査」では、以下のようなプッシュ通知の送り方がどの程度の不快感を与えるかについて調査しています。 毎日同じタイミングで同じ内容のプッシュ通知が送られてくる 同一アプリから1日に何回
Canon Creative Park
キヤノン株式会社が提供する、豊富な無料ダウンロード素材サイト。ペーパークラフトやスクラップブックなど、様々なコンテンツがあるので、あなたのお気に入りがきっと見つかります。キヤノンインクジェットプリンタで、印刷を楽しみましょう。
iOS 16.4で「ウェブサイトからのプッシュ通知」が可能になることが判明
iPhoneやiPadでは、ホーム画面に「ウェブサイトに一発アクセスできるアイコン」を追加可能です。新たに、近日リリース予定のiOS 16.4ではホーム画面に追加したウェブサイトから通知を受け取ることが可能になることが明らかになりました。 Web Push for Web Apps on iOS and iPadOS | WebKit https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/ iOSでは、Safariでウェブページを閲覧中に共有メニューから「ホーム画面に追加」を選択することでウェブサイトに一発アクセスできるアイコンをホーム画面に追加できます。しかし、これまでは「ウェブサイトに一発アクセスできる」という機能が存在するのみで、通知を受け取ることはできませんでした。 Safariに搭載されているレ
chatGPTは、Webマーケの仕事をどう変えてしまうのか考えてみた｜Yoshi
みなさん、こんにちは。 岐阜でデジタルマーケティングをやっていますYoshi（@motoy0shi）です。 2022年末頃からTwitterを騒がしているchatGPT。chatGPTは、2022年11月に米企業OpenAIがリリースした対話に特化した言語モデル（とそのサービス）です。あまりの自然な返答に、私自身もとても衝撃を受けました。 昨日から #chatGPT を色々試しているけど、本当に恐ろしいサービス。セミナー企画からメルマガ、トークスクリプト、広告まで全部つくってくれる。普通にWebマーケの仕事をかなりサポートしてくれるし、これまでWebマーケに取り組めなかった人にもチャンスをもたらしてくれる気がしますね…！ pic.twitter.com/pOXKGLdxDq — Yoshi@岐阜からデジタルマーケ (@motoy0shi) January 10, 2023 私自身はAIの専
家族SNS「ウェルノート」がサービス終了 1カ月後に全削除にもかかわらずデータの一括DL不可で利用者から悲鳴【追記あり】
家族向けSNSの「wellnote」（ウェルノート）が、12月27日でサービスを終了すると発表しました。終了まで1カ月程度しかないにもかかわらず今までの投稿を保存するには1件ずつダウンロードするしかないため、利用者から悲鳴が上がっています。 wellnote 終了告知 ウェルノートがサービスを開始したのは、2011年。無料で提供されてきましたが、新型コロナ、円安などさまざまな環境変化もありウェルノートアプリ、ブラウザ版ならびにウェルノートスクールの終了を決定したとしています。 しかし、サービス終了の告知から実際に終了するまでの期間が約1カ月しかないにもかかわらず、今までに投稿したデータが1件ずつしかダウンロードできない仕様だったため利用者から悲鳴が上がりました。ネット上では数年分、5万枚以上のデータを投稿しているという人も。 また、写真そのものよりも、一緒に投稿した日記などの文章やコメント
【2024年最新】Web制作周りを無料で学べる学習サービス集 - Qiita
はじめに 今回は無料でWeb制作周りの技術を学ぶことができるサービスをまとめました。 これからWeb制作の学習を始めていきたい人やプログラミングの基礎学習をしていきたい人におすすめのサービスなのでぜひ参考にしてみてください。 この記事の対象者 プログラミング初心者~中級者 Web制作を学びたい人 HTMLやCSSをより深めたい人 ポートフォリオを作りたい人 無料コーディング練習所 まずはじめに紹介するのはWebサイトを制作しながらコーディングスキルを身につけることができる無料コーディング練習所です。 こちらのサイトではデザインカンプが用意されており、基本的なコーディング方法から応用的な手法まで実際にWebサイトを制作しながら学ぶことができます。 準備編でがエディタの設定方法や拡張ツールといったコードを書くための基礎の基礎から丁寧に解説をしてくれています。 入門編~上級編ではWebサイトを作
『ゲーム感覚でプログラミング学べるサービス集 - Qiita』へのコメント
<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4721716950492373538/comment/cu39" data-user-id="cu39" data-entry-url="https://b.hatena.ne.jp/entry/s/qiita.com/SMAC/items/41065e31970925964b90" data-original-href="https://qiita.com/SMAC/items/41065e31970925964b90" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqii
ゲーム感覚でプログラミング学べるサービス集 - Qiita
はじめに 今回はゲーム感覚でプログラミングを学べるサービスを紹介します。 ゲームを通して学んだ知識をアウトプットできるサービス集を厳選したので、ぜひ学んだ知識を「使える技術」として自分のものにしていただければと思います。 この記事の主な対象者 プログラミング初心者~中級者 基礎文法は学んだけどアウトプットができていない人 フロントエンジニアを目指してる人 楽しみながらプログラミングを学びたい人 ぷよぷよプログラミング まずはじめに紹介するのは、SNSでも話題になった、ぷよぷよを開発しながらプログラミングを学ぶことができる「ぷよぷよプログラミング」です。 ぷよぷよプログラミングでは、人気ゲームぷよぷよを開発しながらHTMLやCSSやJavaScriptといったプログラミングをしていく中で基礎となる技術を学ぶことができます。 実際にアプリ開発をしながら学べるので、インプットとアウトプットが同時
hidane | チームでのブレストをもっと楽しくカジュアルに
気軽なアイデア入力 チャットを打つように たくさんのアイデアを出そう！ チャット感覚でかんたんにアイデア入力！他の人が出したアイデアもリアルタイムに表示されるので、アイデアの連想も活発に！さらに、音声入力にも対応しています。 ステップで進行 ステップに沿った進行だから 誰でもスムーズに取り組める！ アイデアを出してまとめるまでを、5つに分かれたステップに沿って順番に進められます！また、各ステップに合わせたガイドと機能によって、ワークの脱線も防げます。
中央に汚い灰色が混ざらずきれいなグラデーションを作成できる「CSS Gradient Generator」レビュー
鮮やかなグラデーションを作成したいのに、なぜか色の移り変わる部分がくすんで灰色っぽくなってしまう……という経験をした人もいるはず。このような事態を避けて色鮮やかなグラデーションを作成可能にするツール「CSS Gradient Generator」が公開されています。CSS Gradient Generatorで作成したグラデーションはCSSのlinear-gradient関数としてコピー＆ペースト可能なので、そのままウェブデザインとしても利用可能です。 CSS Gradient Generator https://www.joshwcomeau.com/gradient-generator/ Make Beautiful Gradients in CSS, with linear-gradient, radial-gradient, or conic-gradient. https://w
なぞるだけで写真の不要なものを消せるウェブサービス Cleanup.pictures
「せっかく良い写真が撮れたのに、背景に不要なものや人が写り込んでしまった。」「シャツにケチャップのしみがついている」「写真にうつった文字を変更したい。」 誰ももこんな経験、一度はしたことがあるのではないでしょうか。 なぞるだけで写真の不要なものを消すことができる、魔法のようなオンラインツールCleanup.Picturesをご紹介します。 人やものなどの被写体、文字テキストなど、あらゆるものを写真から消し去ることができます。 写真の不要なものをなぞるだけで消すことができるWebサービス Cleanup.pictures CleanUp.picturesは、ほんの数クリックするだけで、写真の不要なものを消し、クリーンアップできる無料ウェブサービスです。 ものを消すだけでなく、削除した部分を自動かつ、正確に再描画してくれます。 操作はいたってシンプル。写真の不要な部分をブラシでなぞるだけで、あ
ブラウザ上の操作手順を自動でスクショしてくれるChrome拡張機能【今日のライフハックツール】 | ライフハッカー・ジャパン
共有資料や手順書の作成で、スクリーンショットを撮りながら進めるのはちょっと面倒です。 身内への手順共有であれば画面録画を活用する手もありますが、それにしても編集したり考えながら操作を進めたり…といった要望がありますよね。 ウェブブラウザ上の操作をキャプチャするのなら、Chrome拡張機能『Tango』を追加すれば効率化が叶います。 ステップ・バイ・ステップの操作を、キャプチャ・説明してくれる自動化ツールをご紹介します。 一通り操作するだけでOK！Screenshot: 山田洋路 via TangoTangoを追加すれば、いい感じの操作説明資料が一瞬で作れるようになります。 説明対象のウェブページを開いたら、拡張機能アイコンをクリック。 「CAPUTURE WORKFLOW」ボタンを押せば、キャプチャ開始です。 Screenshot: 山田洋路 via Tango説明したい操作を一通り行ない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「テンプレを使ってもダサい」を解決！ Canvaで作る“センスに頼らない”デザインとは | 【レポート】Web担当者Forumミーティング 2023 春
https://twitter.com/kankimura/status/1615191771310612480
Lexica Aperture
オンラインでPDFファイルを圧縮。同クオリティーでファイルサイズを小さく
