並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 29221件

新着順 人気順

chromiumの検索結果161 - 200 件 / 29221件

  • Google Mania - グーグルの便利な使い方

    25MB以上のデータ添付はDropbox for Gmail が便利です! SATO @ 11月 11日 01:47am Gmail(Gメール) Chrome、Gmail、Dropboxを使用されている方には、とても便利な機能です。 今年の始めに、DropboxがChrome拡張機能を導入し、Gmailのオンラインストレージサービスを開始しました。 続きを読む » Tags: Dropbox, Gmail, データ, 大容量, 添付, 画像, 簡単, 送る Comments (0) ネットが接続できない場所でも『オフラインGmail』を使って作業をしよう! SATO @ 11月 10日 03:21am オフラインGmail オフラインGmailとは オフラインGmailは、オフライン(インターネットに接続できない)状態で、事前にメール文を作成したい、受信済みのメールの確認をしたい時などに便

    • サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ

      Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように

        サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
      • 動くCSSのためのメモ。

        CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ

          動くCSSのためのメモ。
        • WebからEvernoteへ。私(Webデザイナー)がしているちょっとかわった情報整理術

          私はフリーランスで Web デザインをしています。仕事柄からか、毎日 feed を読んで Web の情報をクリップしてますけど、使わなければ無駄な時間を過ごしてるだけ ...。情報の精査、そしてその情報から得たものを、最終的に自分のものにするためにこんなことをしています ...。何だかまとまりなくて長くなっちゃったけど ... X( みなさんはどんな風にしてますか? 私は毎日 feed を読むのが習慣になっています。Webデザイナーなんて仕事をしているせいか、自分のスキルアップや仕事の効率化につながる情報がないかなーなんて思って、小さいながらアンテナを貼っています。feed だけじゃなくて、ツイッターや facebook を見るのもそんな感覚です。 でも、毎日そんな風に溢れてる情報に囲まれてると、情報の整理や自分のスキルアップにつなげるまでに、多すぎる情報で溺れてしまいます …。feed

          • 新しい音楽を開拓&垂れ流しにできる音楽ストリーミングサービス8+選 - P2Pとかその辺のお話@はてな

            いろいろと思うところがあって、新しい音楽を開拓&垂れ流しにできるオススメ or 人気の音楽ストリーミングサービスを紹介したいと思う。 Jamendo Jamendoは、世界最大のクリエイティブ・コモンズ・ミュージックサイト。現在配信中のアルバムは4万6千枚を数え、30万曲超のCCミュージックを提供している。Jamendo自身も、おすすめの曲のJamendoラジオストリーミングを行っているが、Chrome拡張のJamendo Radioを導入するとさらにカスタマイズされたラジオチャンネルの作成が可能になる。こうなると、ブラウザを立ち上げている間中、好きなジャンルの音楽をかけっぱなしに出来てしまう。 また、Chromeユーザ以外の方には、Jamendo APIを利用したJamendo HTML5 Audio Playerがおすすめ。こちらは、タグをクリックすると自動的にそのジャンルの楽曲のプレ

            • Nドライブ

              本サ?ビスは2014年5月31日をもって終了いたしました。 今後、LINE株式?社では、より質の高い快適なサ?ビスをお?けできるよう、 社員一丸となって邁進する所存でございます。 長年サ?ビスをご愛顧いただき誠にありがとうございました。 引き?き、弊社サ?ビスをよろしくお願いいたします。 ©LINE Corporation

              • WIRED VISION - “アカルイ”未来を考えるニュースサイト

                全長11mの巨大「モデルロケット」、まもなく打ち上げ 人類を月に運んだ『Saturn V』の10分の1という巨大版「モデルロケット」が、4月25日に打ち上げ予定だ。自動車修理工Steve Eves氏が、膨大なお金と時間を費やしたものだ。 インドの音楽ビデオで空耳字幕--“笑いの鉱脈”を掘り当てた米国青年 米国在住の20代の男性が、ヒンドゥー語などで歌われている音楽ビデオに、「英語ならこう聞こえる」という字幕を付けた一連の動画をYouTubeに投稿。最も人気の作品では1200万回以上も再生され、フォロワーも生み出している。

                • 2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita

                  って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい! 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C

                    2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita
                  • 爆速ブラウザ・Google Chromeがさらに便利になる7つの技

                    この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 Google Chrome Logo / Randy Zhang もうずいぶん前から、ブラウザにはGoogle Chromeを使っています。なぜなら早いから。 他にもFirefoxやOpera、Sleipnirなど好みはあると思いますが、もしInternet Explorer(Windowsパソコンに最初から入ってる、青いマークのアレ)を使っている人がいれば、今すぐChromeを使ってみてください。ほとんどの場合で劇的に早くなるはず。 Google Chrome – Google の高速で安全なブラウザをダウンロードまあそれは良いとして、今回はそんなGoogle Chromeをさらに便利に使う技を7つ紹介。 うまく取り入れれば、ネットサーフィンや調べ物がグッと

                      爆速ブラウザ・Google Chromeがさらに便利になる7つの技
                    • MacBookAirで使っている便利ツール - Qiita

                      はじめに ここでは、MacBookAirで私が使っている便利ツールを紹介していきます。長文過ぎると、途中で表示できなくなってしまうことを学習したため、不要な解説は省略します。また、個人的な価値観から形成された表現を含むかもしれませんが、その点の説明も省略します。ご了承ください。 便利なアプリを知っていたら、是非コメントをお願いします。 MacBookAirにインストールしたアプリ BetterTouchTool //トラックパッド拡張、ショートカットキー拡張 Google Chrome //インターネットブラウザ Growl //通知を拡張するアプリ Kopypasta //クリップボードをバックアップ WindowFlow //ウィンドウ切り替え XtraFinder //Finderを拡張するアプリ Xcode //開発環境を提供するアプリ TinkerTool //Macの隠し機能を

                        MacBookAirで使っている便利ツール - Qiita
                      • 今どきの入力フォームはこう書く! HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA

                        みなさん、入力フォームを制作する際、どのような施策をおこなっていますか? 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome(デスクトッ

                          今どきの入力フォームはこう書く! HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
                        • 驚くほど生産性の高い人間になれる24の方法「家政婦を雇う」「テレビを捨てる」「電話に出ない」など - IRORIO(イロリオ)

                          仕事をもつ人間なら誰もが、「もっと時間があれば終わらせられるのに。時間さえあれば・・・!」と考えているはず。1日24時間という時間は、誰にでも平等に与えられる。ではなぜ、同じ時間内でたくさんのことを効率的にできる人と、そうでない人がいるのだろうか。単刀直入に言おう。生産性が高い人には、秘密があるのだ。 そこで今回は、米フォーブス誌が明かす「驚くほど生産性の高い人間になれる24の方法」を伝授しよう。中には少し極端に思えたり、そう簡単には実践できそうにないものもあるが、これらを実行してこそ高能率な人間になれるらしい。 1. 1時間早く起きる。 2. 日曜の夜に1週間の計画を立てる。 3. 「NO」と言う。無視する。自分が成し遂げようとしていることだけに集中する。 4. 家政婦を雇い、大事な時間を掃除などに費やすのをやめる。 5. 携帯電話のEメール機能をオフにする。 6. シンプルなTo Do

                            驚くほど生産性の高い人間になれる24の方法「家政婦を雇う」「テレビを捨てる」「電話に出ない」など - IRORIO(イロリオ)
                          • 「Google Chrome OSだけで仕事できる?」最新版を古いノートPCで動かしてみる|ガジェット通信 GetNews

                            ●「Webさえあれば大丈夫。」そんな未来はもうすぐです ガジェ通豆知識「まめち!」担当ふかみんです(豆知識「まめち!」の記事一覧はこちら)。さて『Chrome OS』ですが、最新版では特に設定をいじらなくてもいきなり日本語入力ができるようになってきており、Flashも最初から組み込んでありますから、すぐにニコニコ動画を観ることもできます。上級者じゃなくてもChrome OSが体験できるような環境が整いつつある、ってわけです。実際この原稿もChrome OS 上で書きました。 来月6月にはChromeBook(Chrome OS が最初から入っているノートパソコン)も発売される予定で、なんか面白そうなんだけど、それって一体どんなもので、どれくらい使えるのか、というところが気になっている人も多いんじゃないでしょうか――というわけで実際に動かしてみたら割と面白かったので「Chrome OS」を体

                              「Google Chrome OSだけで仕事できる?」最新版を古いノートPCで動かしてみる|ガジェット通信 GetNews
                            • 【拡張不要】Chromeでスクロールするページ全体のスクリーンショットを撮る方法! | iSchool合同会社

                              このサイトでは、SEO・Googleビジネスプロフィール・ローカル検索など、Web集客に関する最新情報を配信しています。 拡張機能を使わずに、Chromeでスクロールするページ全体のスクリーンショットを撮る方法を紹介します。 例えばプレゼン資料を作っているときに、PCサイトでページ全体のスクリーンショットが必要なことがあります。 また、モバイルサイトでページ全体のキャプチャが必要なこともありますよね。 そんな時には、Chromeに標準で搭載されている機能を使えば、拡張機能を使わずに、ページ全体のスクリーンショットを撮ることが可能です。 PCサイトでページ全体のスクリーンショットを撮る方法PCサイトでページ全体のスクリーンショットを撮る方法についてです。 次の手順で行ってください。 デベロッパーツールを立ち上げる詳細機能を呼び出す「capture」もしくは「full」と入力し、「Captur

                                【拡張不要】Chromeでスクロールするページ全体のスクリーンショットを撮る方法! | iSchool合同会社
                              • 覚えておくと絶対に役立つ!便利なGoogle検索方法7選(基本編)

                                こんにちは。 何かをしようと思ったときに、検索することが当たり前の時代になりました。 そこで今日は探したい物を素早く見つけるために、Googeの基本的な検索手法を7つとりあげました。 限定検索「”キーワード”」 まずは、絞り込み検索です。あるキーワードを「限定」して検索したい時に使える検索方法です。 具体例 例えば「激おこぷんぷん丸」というキーワードの意味を一瞬で調べたい時に 「”激おこぷんぷん丸とは”」 とダブルクオーテーション(””)でキーワードを囲って検索すると「激おこぷんぷん丸とは」から始まる、説明をしてくれている検索結果が一発で並びます。便利! 除外検索「-キーワード」 あるキーワードを、検索結果から除外して検索したい時に使います。 具体例 「東京にある大学」を調べたい時に「東京 大学」と検索すると「東京大学」が大量にヒットしていしまいます。そこで 「東京 大学 -東京大学」 と

                                  覚えておくと絶対に役立つ!便利なGoogle検索方法7選(基本編)
                                • can I use... Support tables for HTML5, CSS3, etc

                                  Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and

                                  • どや!?ひよっこデザイナーにもできるWebページ高速化!鍵は「HTTPリクエストの数を減らすこと」 | デザインどや!?

                                    Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。

                                    • 【tenki.jp】日本最大級の天気・気象情報サイト

                                      日本付近は移動性の高気圧に覆われています。寒気の影響で北陸や東北の日本海側で降っている雪や雨も次第にやむでしょう。広い範囲で日差しが届く見込みです。最高気温はきのうと同じか、やや高い所が多いでしょう。平年に比べるとまだ低いものの、風が収まるぶん、日なたではホッとできそうです。今夜遅くには九州で雨の降りだす所があり、あすは広い範囲で雨が降るでしょう。 明日から雨続く 荒天や季節外れの大雨も 来週末は晴れてお花見日和に 2週間天気NEW! 明日23日(土)からは前線や低気圧の影響で雨が続き、荒れた天気となる日も。九州では季節外れの大雨となるおそれ。この先、気温は平年より高い日が多く、桜の成長が進むでしょう。来週にかけていよいよ開花ラッシュとなり、来週末の30日(土)と31日(日)は広く晴れて暖かく、お花見日和となりそうです。 03/22(Fri)11:43

                                        【tenki.jp】日本最大級の天気・気象情報サイト
                                      • 情報の収集、閲覧、集約は全てGoogleリーダーに任せることにした。

                                        今回は久々の情報収集ネタ。iPhoneを使うようになってからGoogleリーダーの重要度がより一層増したわけですが、私が普段行っているiPhoneとPCでの情報収集の方法をちょっとした小技とあわせて紹介してみます。 尚、Googleリーダーを初めて利用するユーザー向けの記事もUPしていますので、用途に合わせてご覧ください。 iPhone買ったら始めたいRSSリーダーを利用した情報収集の方法 情報をどこへ集約するのか? 基本的に情報の収集、閲覧はGoogleリーダーなので、集約場所を決めればいいことになります。ただ、これについては候補が色々あり代表的なサービスをあげてみると はてなブックマークなどのオンラインブックマークサービス Instapaper , Read It Laterなどのあとで読む系サービス Googleリーダーの共有アイテム Googleリーダーのスター付きアイテム Eve

                                          情報の収集、閲覧、集約は全てGoogleリーダーに任せることにした。
                                        • サービス終了のお知らせ - NAVER まとめ

                                          サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

                                            サービス終了のお知らせ - NAVER まとめ
                                          • ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI

                                            HTML5+CSS3+JavaScriptで制作されたオープンソースのUIコンポーネントコレクションを紹介します。 Chico UI [ad#ad-2] Chico UIの対応ブラウザは下記の通りです。 IE6には対応していませんが、十分でしょう。 対応ブラウザ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIのウェブページに使用するさまざまなUIコンポーネントを紹介します。 と、その前にレイアウトとグリッドから。

                                            • お金をかけずMacのネット環境を3倍高速化!騙されたと思ってdolipoとGooglePublicDNSを導入しよう(Lionも対応)|男子ハック

                                              Macおすすめアプリお金をかけずMacのネット環境を3倍高速化!騙されたと思ってdolipoとGooglePublicDNSを導入しよう(Lionも対応)2011年1月10日819 @JUNP_Nです。最近の男子ハックはどうやらMacの記事が人気があるみたいです。人気ついでに2〜3分でMacでのブラウジングが高速にする方法をご紹介。 昔からMacを使っている人には定番ですが、最近Macに移行してきたひとのための覚え書きです。これを知らないMacユーザーさんには是非教えてあげて下さい。

                                                お金をかけずMacのネット環境を3倍高速化!騙されたと思ってdolipoとGooglePublicDNSを導入しよう(Lionも対応)|男子ハック
                                              • 脳の外に「出荷」し「再入荷」すること。

                                                • サービス終了のお知らせ - NAVER まとめ

                                                  サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

                                                    サービス終了のお知らせ - NAVER まとめ
                                                  • Fooooo | 検索、動画、天気、ニュースが充実のスタートページ

                                                    A startpage with online resources about ホーム, created by Kinza Admin.

                                                      Fooooo | 検索、動画、天気、ニュースが充実のスタートページ
                                                    • JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD

                                                      この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり:私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ

                                                        JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD
                                                      • URLを入力するだけ!コンテンツをスクレイピングしてデータ化してくれる無料ツール「import.io」

                                                        import.ioとは import.ioは、データ化したいページのURLを入力するだけで、自動でデータ箇所を判断して情報を集めてくれるスクレイピングサービスです。 無料で利用することができ、セットアップも、データ収集用のトレーニングなども必要ありません。 URLを入力して、ボタンを押すだけという簡単さから、誰にでも利用できるデータ収集ツールだと思います。 以下では、その簡単な使い方や、利用例などを紹介したいと思います。 定期的なサイトへのスクレイピングは相手サイトの負荷になるので、一日に何度も何度も同一サイトに使用するのはやめましょう。加えて、取得したデータを、そのまま何かに利用すると著作権違反になる恐れもあります。 基本的な使い方 import.ioの最大の特徴は、使い方の簡単さです。 以下では、その使い方の例として、IKEAのソファー検索結果ページのデータを取得してみたいと思います。

                                                          URLを入力するだけ!コンテンツをスクレイピングしてデータ化してくれる無料ツール「import.io」
                                                        • 紙copi Net

                                                          「紙copi Net」でできること インターネットを通して,どこからでも自分のメモにすばやくアクセスできます。 操作方法は従来の紙copiと同じです。オンラインで完全な自動保存を実現しています。 話題のMacやiPhone,携帯からも使えます。 高速全文検索対応。 ブログなどに一発で本文を投稿(開発中) Firefoxからはスペルチェックが利用できます。 マーカー機能/重要度機能/加工機能はありません。 紙copi Net Blog 様々なOSやデバイスからの使い方を紹介しています!

                                                          • 写真画像を無断使用されたので、使用料金をご請求申しあげた件【著作権裁判まとめ】

                                                            2016年8月22日著作権侵害対策 昨年4月、旅行会社のA社のウェブサイトにぼくの写真画像が無断で使用されているのをみつけました。スクリーンショットはこれです。 小さな扱いですが、プロのフォトグラファーという著作権で成りたつ仕事をしている以上、これを捨て置くことはできません。 ふつうは出版社でも広告代理店でもクライアントの皆様は1枚の写真に対してきちんと使用料金を支払ってくださいます。それなのにA社は画像を無断で使用したことで料金の支払いを免れるというのでは他のクライアントとの公平性がとれなくなります。 そこでA社に連絡をとって抗議したところ、無断転載を認めないどころか「当社を中傷するなら名誉毀損で訴訟します」との回答をいただきました。対策に窮したぼくはやむを得ずこちらからA社を著作権侵害で提訴しました。 そして裁判所という場において、このたびA社社長は「写真を無断使用した」というぼく

                                                              写真画像を無断使用されたので、使用料金をご請求申しあげた件【著作権裁判まとめ】
                                                            • 47NEWS

                                                              世界遺産の期待高まる新潟佐渡市、大型連休の人出は「ゴールデン」とはならず… 金山関連施設は好調、全体的には物足りなさも、「北陸応援割」の反動か

                                                                47NEWS
                                                              • Chromeで使えるエクステンション厳選25本! (1/6)

                                                                ページ分けの多い記事も自動でめくれる、クリック一発で翻訳出来る――。 便利な拡張機能の豊富さで知られる人気ブラウザーといえばFirefoxだ。だが、そこに現在Google Chromeが「エクステンション」と呼ばれる拡張機能で猛追を始めている。グーグルが9日に公開したサイト「Chrome Extensions」にはすでに、500本を超えるエクステンションが登録されている。 エクステンションに対応するChromeは現在、Windows版およびLinux版のみ。いずれも正式版ではなく4.0ベータ版で、体験したい人はそれぞれをインストールすることになる(エクステンションを入れようとするとダウンロードを促されるので、それに従えばオーケー)。Mac版も近いうちに対応予定とのことなので、しばしお待ちを。正式版の4.0リリースは2010年の見通しだ。 リリース間もない現在の問題は、Firefoxのときと

                                                                  Chromeで使えるエクステンション厳選25本! (1/6)
                                                                • ローカル開発環境の https 化 | blog.jxck.io

                                                                  Intro Web の https 化が進み、それに伴って https を前提とする API も増えてきた。 そうした API を用いた開発をローカルで行う場合、 localhost という特別なホストを用いることもできるが、それだけでは間に合わないケースも少なからずある。 localhost を https にするという方法もあるが、そのように紹介されている方法には、いくつか注意すべき点もある。 この辺りの話を、直近 1 ヶ月で 3 回くらいしたので、筆者が普段使っている方法や注意点についてまとめる。 特に推奨するつもりはない。 Update chrome の --host-rules について追記 localhost での開発の注意点 例として https://example.com にデプロイする予定の ServiceWorker を用いたアプリがあったとする。 開発をローカルで行う

                                                                    ローカル開発環境の https 化 | blog.jxck.io
                                                                  • これだけは押さえよう!住所フォームの作り方 - ケンオールブログ

                                                                    まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース(住所フォーム)は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能(郵便番号による住所補完)は、住所フォームの改善方法として最も効

                                                                      これだけは押さえよう!住所フォームの作り方 - ケンオールブログ
                                                                    • 2008年のフリーソフト番付(Windows編) | ライフハッカー・ジャパン

                                                                      今年も数多のフリーソフトが登場しました。あなたの仕事をパワフルにサポートするものから、一度起動しただけでアンインストールしたものまで、いろいろあったかと思いますが、米lifehackerでは、今年リリースされた12のフリーソフトをピックアップして、人気投票が行われています。一年の総集編的エントリーが増えつつある今日この頃ですが、あなたが思う「今年一番のフリーソフト」を投票で教えてください! ノミネートされた12のフリーソフトの紹介と投票は、以下からどうぞ。 Firefox3 2008年のベストソフトウェアにもあがっていたFirefox3は外せませんね。というわけで、まず最初にノミネート。米lifehackerの編集長・ジーナはFirefoxの開発者のひとりなので、top 10 Firefox 3 featuresやpower user's guide to Firefox 3などなど、たく

                                                                        2008年のフリーソフト番付(Windows編) | ライフハッカー・ジャパン
                                                                      • DeepLの”公式”Chrome拡張がヤバイ。TwitterもSlackも英語でつぶやき放題 | DevelopersIO

                                                                        ちゃだいん(@chazuke4649)です。 DeepLの公式Chrome拡張機能がヤバかったので勢いにまかせて紹介します。 "公式版"がリリースされてたの知ってた? DeepL翻訳(ベータ版) - Chrome ウェブストア ベータ版ではありますが、いつの間にか公式版がリリースされていました。自分は今まで公式版がなかったので、以前は非公式版のツールを使っていました。 インストールする Chromeウェブストアからインストールすると、右上にアイコンが表示されます。それをクリックすると以下ポップアップ画面が表示されます。 現時点では以下2つの機能が存在します。 読む: ブラウザ上の文章を任意の言語に翻訳して表示できる 書く: ブラウザ上に入力している文字を任意の言語に変換できる それぞれ試してみます。 「読む」 一般的にはこちらがよく認知されている機能だと思います。 下図のように、翻訳したい

                                                                          DeepLの”公式”Chrome拡張がヤバイ。TwitterもSlackも英語でつぶやき放題 | DevelopersIO
                                                                        • Top - FireMobileSimulator.org

                                                                          FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは? FireMobileSimulatorは、主要3キャリア(DoCoMo/Au/SoftBank)の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ

                                                                          • ブラウザを選ばずWebテストを自動化するSelenium

                                                                            Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5(Selenium IDEは1.0.2から、Firefox 3.5に対応)や、Internat Explorer(以下、IE) 8などの最新のWebブラウザにも対応しました。 本稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した

                                                                              ブラウザを選ばずWebテストを自動化するSelenium
                                                                            • 海外で3年間働いて、今でもめちゃ使っている英語の補助ツール活用3選 | 俺日記

                                                                              The domain has expired and may be available at auction. If this is your domain, you can still renew it. Register or transfer domains to Dynadot.com to save more and build your website for free! shinji.asia 2023 著作権. 不許複製 プライバシーポリシー

                                                                                海外で3年間働いて、今でもめちゃ使っている英語の補助ツール活用3選 | 俺日記
                                                                              • 意外と知られていない、はてブの神機能 - CGMプランナーの思考

                                                                                はてブの機能を組み合わせるとこんなことが出来る。 まぁまずは見てほしい。 http://bukuma-diver.com/ ブックマークをWeb上に記録したり、Webページにコメントを付けたり出来るサービスは世の中にたくさんある。日本においては、はてなブックマーク、いわゆる「はてブ」が最王手最大手である。 そのため、ややIT系に偏っているものの、はてブのホットエントリーをチェックすればネットでの旬のページをだいたいチェックできる。 さらにはてブの拡張機能を入れると、閲覧しているページのブックマーク数が表示されるため、そのページがどれくらいブックマークされているかで人気度を把握することが出来る。それだけでなく、拡張機能のボタンをクリックすれば閲覧中のページに寄せられたコメントを確認することも出来る。 そしていつしか、「ブックマーク数が多いほど良いページ」となんとなく思うようになり、「良い」と

                                                                                  意外と知られていない、はてブの神機能 - CGMプランナーの思考
                                                                                • Chrome DevToolsを使いこなそう! Web開発に必須なブラウザ開発ツールによるデバッグの基本 - エンジニアHub|若手Webエンジニアのキャリアを考える!

                                                                                  Chrome DevToolsを使いこなそう! Web開発に必須なブラウザ開発ツールによるデバッグの基本 開発者ツール(DevTools)とは、ブラウザに搭載されているデバッグツールです。多岐にわたる技術の集合体であるWebページやWebアプリケーション、いわゆるフロントエンドの開発において、なくてはならないツールです。 皆さん、どうもこんにちは。今回で3度目のエンジニアHubの登場となる大竹智也です。春の季節もそろそろ終わりを迎え、新生活を迎えた人たちも新たな環境に慣れてくる時期だと思いますが、元気にお過しでしょうか。 前回までエディタの話ばかりしてきましたが、今回はエディタから離れてWebブラウザ(以下、ブラウザ)の話をしたいと思います。ただ、ブラウザの話といっても、エンジニアHubは開発者向けの媒体なので、ブラウザに搭載されている開発者ツール(Developer Tools)のお話を

                                                                                    Chrome DevToolsを使いこなそう! Web開発に必須なブラウザ開発ツールによるデバッグの基本 - エンジニアHub|若手Webエンジニアのキャリアを考える!