iPhoneのホーム画面から「ChatGPT」をサクッと使える方法が話題 – 究極の時短に！
高クオリティなオリジナルのテキストを生成してくれる、AIチャットボット『ChatGPT』。今、世界中で大きな注目を集めている『ChatGPT』だが、利用するにはブラウザを経由しなければいけないので、起動に多少の時間がかかってしまうのは、すでに読者の皆さんもご存じの通りである。せっかく便利なツールなのだから、さらにシームレスに活用する方法はないのだろうか。 2023年3月11 日に投稿された、シロフネ Web3の案内人@web3_shirofuneさんの「知らなきゃ損です。今話題のAI『ChatGPT』はホーム画面からサクッと使える。あきらめて毎回ブラウザを開いてたら時間のムダ。ショートカットを設定したら、アプリみたいに１タップするだけで調べごとできるから超便利。家族や友達もこれ教えてから使い倒してます。今日からすぐ始められる使い方は」というツイートには、『ChatGPT』をホーム画面から
ひたすらでかいキーボード「ChonkerKeys」が気持ちいい
1978年東京生まれ。酒場ライター。著書に『酒場っ子』『つつまし酒』『天国酒場』など。ライター・スズキナオとのユニット「酒の穴」としても活動中。 前の記事：なんでも「マヨきんぴら」が簡単うまい でかい！ 「ChonkerKeys」 その名も「ChonkerKeys」。最大の特徴は、ただひたすらにでかいこと！ 「ChonkerKeys」 「The Original」と「The Max」の2種類があり、 箱を開けてみるとこんな感じ 左上に置いたスマホを参考に、その過剰なサイズ感を感じてもらえたらと思います。 で、これが具体的にどういうアイテムかというと、主に「ZOOM」「Microsoft Teams」「Skype」「Google Meet」などのオンラインミーティングソフトに特化した、専用キーボード。カメラのオンオフや、録画、画面共有、コメントの記入などなどが、直感的に操作できます。 特に目
ソーシャルボタンを並べた時に Facebook の Like Button （いいねボタン）だけが下にずれてしまう現象の修正方法
ソーシャルボタンを並べた時に Facebook の Like Button （いいねボタン）だけが下にずれてしまう現象の修正方法 昨日の日本の昼時に起きた Facebook の いいねボタンがずれる問題、問題自体は解決したのですが、ボタンが下にずれてしまう現象が発生していました。 Facebook の Like button（いいねボタン）がずれる現象が起きている – HAM MEDIA MEMO こちらは自分の問題？と確認したところ、とあるプロパティが追加されたための問題のようだったので、現象の修正方法を書いておきます。 いいねボタンだけが下にずれてしまう時の修正方法修正？ではなく対応方法的なのですが、このズレの問題はボタン内で利用されている vertical-align が bottom で設定されていることで起きているので、それの対応をします。 vertical-align を ba
サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの
HTML Mémorandum: 選択禁止、画像ドラッグ、右クリック禁止、保存防止
2012-02-07 選択禁止、画像ドラッグ、右クリック禁止、保存防止 その覚え書きです。 JavaScript による禁止 各要素に指定するもの＝ onMouseDown="return false;" oncontextmenu="return false;" onselectstart="return false" たとえば、 <body onMouseDown="return false;" onselectstart="return false" oncontextmenu="return false;"> と記述すれば、body要素全体に対して選択と右クリック禁止になります。 僕は更にこれに加えて外部jsによる選択、右クリック禁止を実施しているサイトもあります。このスクリプトは強烈で、control（command）＋Ａも禁止、副作用として検索窓などの各種入力
ブラウザの更新 スーパーリロード
初心者でも簡単作成 Webサイト（ホームページ） パソコン インターネットの勉強、情報 NetyaSun スーパーリロードとは ブラウザのキャッシュを無視し、強制的にWebサーバーからファイルをダウンロードする方法。 「フルリロード」「強制再読み込み」ともいう。 WEBページや画像などのファイルを編集後、転送・表示で確認すると、 何も変わらず、古いファイルが表示される場合がある・・・ これは速度の向上のため、ブラウザのキャッシュが、前回保存したファイルを表示してしまうからだ。 通常なら、ブラウザの更新ボタン、または、F5キーで更新されるが、 ブラウザキャッシュが強烈に効き過ぎて、再読み込みでも更新されない場合がある。 キャッシュを毎回削除するのも面倒なので、スーパーリロードで読み込んでしまいましょう。 インターネットエクスプローラー IE Windows Internet Explorer
Online Diagram and Flowchart Software | Cacoo
Teams who diagram together, thrive together From flowcharts to wireframes: a tool for every diagram Try it now Packed with features for powerful diagrams Whether your team is together in a conference room or gathering virtually across the world, your team can work together, simultaneously with Cacoo. Explore features
新しくなった公式Twitterボタン（ツイートボタン）のデザインを修正する
Twitterのリニューアルに伴い、公式Twitterボタン（旧ツイートボタン）の機能とデザインが変更されたようです。Twitterボタン作成ページもリニューアルされています。 新しい作成ページでは、これまでの「リンクを共有する」ボタンの他に「ハッシュタグ」「フォロー」「@ツイート」が作れるようになりました。 Twitterボタン これにより、これまでブログに設置していた公式Twitterボタンのデザインも変わっています。 本エントリーではデザインを修正する方法をいくつか紹介します。レイアウトの崩れ具合によっては他の修正が必要かもしれませんので予めご了承ください。 １．ボックスタイプの幅を修正する（その1） リニューアル前からブログなどに設定しているボックスタイプ（垂直タイプ）はリニューアル後に次のような表示になっています。 これを次のようにコンパクトなサイズに修正します。 修正するには次
今度はiPad！“iPhoneではできない”裏ワザ教えます｜Mac - 週刊アスキー
iPhoneで使えるTipsのうち、電話機能以外はiPadでも使えます。でも、iPadに用意された機能はiPhoneではできません。そんな、知っていると自慢できちゃう便利なTipsを紹介します。今回はiPadを使いましたが、もちろんiPad miniでも大丈夫です。 その1：Safariのタブを開く「+」キーを長押しすると…… 「Safari」アプリでタブが使えるのはiPadだけ。それはご存知ですよね。リンクの長押しで「新規タブ」を開く、タブをスライドして位置を動かすなど、便利に使えます。 さらにタブの「+」キーを長押しすると、「最近閉じたタブ」の一覧が表示されるのです！ 間違って消してしまったページをすぐに開き直せますよ。 その2：2本指で写真をなぞると…… 「写真」アプリでは、「編集」ボタンを押して選んだ写真をメールで送信／削除できます。このとき、写真を1枚1枚タップして選んでいません
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e43158a9b02ff4438d55128491865b833395bd4d/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
世界50以上の場所からのWEBページ読み込み速度を計測してくれるサイト｜loads.in | mifdesign_antenna
WEBページ読み込み時間計測サイトはいくつかありますが、今回はloads.inをご紹介。実際やってみましたので、詳しくは続きをどうぞ。 サンプルということで、Yahoo.co.jpを入力して「GO」ボタンを押してみました。すると、すぐに読み込みが始まり、結果がタイトルのところに「LOADS IN 04.6」と表示され、その下に「Yahoo.co.jp loads in 4.6 seconds」と出ました。さらにその下に、各秒数にどのように表示されているのかがサムネイルで数枚表示されます。サムネイル画像はクリックで拡大表示可能です。 さらに、「Now try from」のあとのプルダウンメニューで国と都市（50都市以上）、その横のプルダウンメニューでブラウザ（IE8 or Firefox3.6 or Chrome8 or Safari4）を選んで再度「GO」すると各都市・各ブラウザでの表示ス
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
Twitterの公式ツイートボタン・フォローボタンがFirefoxなど特定のブラウザだけ表示がされない場合の対処法
先日より、Twitter公式のフォローボタンがリリースされていましたけど、そのフォローボタンがリリースされたくらいから、ブログに導入をしていたTwitterのボタンが表示されなくなっていました。 しかし、このブログ意外のサイトでは普通に表示されているところが多いし、Google Chromeでみた時は普通に表示されるという状態・・・なぜ！？ もし同様の問題がある人がいるかと思ったので、この問題の解決方法をかいておきます。 問題の原因と対処法 このブログにTwitterの公式ボタンを配置していたのですが、Firefoxでは、なぜか表示されない。Firebugでみてみると、ツイートボタンやフォローボタンで利用されいてる「widget.js」がなにやらエラーになっていた。なぜ！？ 結論から書くと、この今回の問題の原因は、文字コードにあった。このブログはseesaaブログを利用している都合上、文字
Facebook「いいね！」ボタンの設置方法(OGPタグ)
●ホームページをできる営業マンにする会社イーナチュラルが運営するブログです。Webマーケティング、会社、地域のことなどを書きます。 Facebookの「いいね！」ボタンについて、簡単に設置するとうまくいっているようでいっていなかったり、詳細な設置方法は難解だったりという具合のため、設置のための行ったことをメモします。 （１）下記ページから「いいね！」ボタンのコードを取得。 →Like Button - Facebook 開発者向けページ 弊社ではiframe版のコードを取得 <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.enatural.org%2F201109%2F26_1220.html&send=false&layout=button_count&width=450&show_faces=
【更新】ソーシャルメディアに共有するボタンの設置方法（Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ） [C!]
MovableType 小技集 【更新】ソーシャルメディアに共有するボタンの設置方法（Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ） ソーシャルメディアの各サービスがこぞって「いいね！」などの共有ボタンをリリースしています。ブログやニュースメディアでも頻繁に目にする昨今ですが、色々なソーシャルボタンの設置方法をまとめて紹介したいと思います。 目次（兼ショートカット） Twitter「Twitterボタン」 Facebook「Share」「Like（いいね！）」 mixi「mixiチェック」 GREE「Social Feedback（いいね！）」 Evernote「Site Memory（Clip）」 Google+「＋１」 Tumblr「Share on Tumblr」 Pinterest「
![【更新】ソーシャルメディアに共有するボタンの設置方法（Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ） [C!]](https://cdn-ak-scissors.b.st-hatena.com/image/square/81e0b24df3879e2c544ed147f55618364bfffef0/height=288;version=1;width=512/https%3A%2F%2Fcreazy.net%2Fwp%2Fwp-content%2Fuploads%2F2017%2F12%2F6943392493_78691ae59d.jpg)
画面展開の表記方法 – capeknote
iphoneアプリの画面設計をしていて、画面フローの表記をしようとして普通の画面フローチャートだとUIインタラクションを表記しにくいよね、と思ったので考えてみた。 画面フロー図の限界webの画面フロー図は以下のことができないなー、不便だなーと思ってた。 画面展開を表記する記法がない。webだと_blankくらいしかないけどアプリだと不便 画面が内包しているコンポーネントを表記できないので、画面のどのボタンが次の画面につながっているのかわからない。 ↑レベルのを練ろうとするとワイヤーフレーム/プロトタイプをつくる作業になってしまう。プロトタイプだと逆に画面のつながりや展開の法則性がとらえにくく、整合のとれたインタラクションデザインが試行錯誤しにくい そもそも画面展開の種類って網羅的に把握されてる？ 構造化寄りの表記方法は「情報アーキテクチャ、インタラクションデザイン記述のためのビ
既存のフォームをユーザーに使いやすくする10のポイント
10 Tips for Optimizing Web Form Submission Usability [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 必須入力欄は強調する 2. エラーメッセージは分かりやすく 3. クライアントサイドのバリデーション 4. 入力している欄を明示 5. 進捗を明示 6. データの保存やキャッシュ 7. 送信ボタンの文言 8. キャンセルボタン 9. 入力例の記載 10. 垂直に配置 1. 必須入力欄は強調する ユーザーはフォームに入力した後に入力ミス・エラー表示があると、不安を感じたりイライラを募らせるでしょう。まずは、入力欄に「必須」「任意」などを記載して、入力欄が必須なのか任意なのかを明示的にユーザーに伝えるのは安全な方法となります。 2. エラーメッセージは分かりやすく フォームのエラーメッセージは、「あなたが下に必要とさせるフィー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.hostingjedi.com/tips/css/social-buttons-alignment.html
gadget-or-gimmick.com
http://blog.e-riverstyle.com/2011/01/twitterfacebookmixi.html