【新定番】レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ
↓↓↓最新の2021年版を作成しましたのでこちらもご覧ください。↓↓↓ hashimotosan.hatenablog.jp PDFはこちらからどうぞ[508KB] 2019年Pixel 3aやGalaxy S10など一通り新機種が発表されたので、2019年改めてブレイクポイントについて考えてみました（3年ぶり！）。 3年経ってほとんどのサイトがレスポンシブデザインになって、ブレイクポイントを少なく効率よく設定していく方向になっているのだと思います 前回、ブレイクポイントの設定はフレイムワークも参考に考えていましたが、 改めて考えてみると、モバイルファーストの観点からも640px/1024pxではないのではないかと感じました。 以下が3年前の前回の記事です。 いくつかブレイクポイントを調べましたが、 だいたい以下のような分け方が多かったです。 640px/1024px 480px/896x
![【新定番】レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ](https://cdn-ak-scissors.b.st-hatena.com/image/square/c569bf6868b0e2cd70822921c201208292c30537/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhashimotoblog%2F20190528%2F20190528165147.png)
静的サイトを公開するならどこがいいの？ #技術書典 - Crieit
静的サイト（PHPやRubyなどのサーバープログラムを走らせない環境でのWebサイト）でSPAを公開するにあたって、運用・配信（ホスティング）するならどこがいいかと最近聞かれまして、その際の回答を技術書典の宣伝も兼ねてブログにしたためます。 今回は次の４つで比較しています。 GitHub Pages Firebase Hosting GitLab Pages Netlify 上記４つはどれも独自ドメインの設定とSSL対応が無料で行うことが出来ます。 ※比較的初心者に向けて書いている前提です。 AWS S3やGCP等の利用は初心者がいきなり設定を行うには項目が多いため除外しています。 レンタルサーバーも基本料金が発生し、スケール・管理し辛いため今回は除外しています。 また、少し機能について説明が必要な部分があるので、先に説明を書きます。 Rewrite設定について 静的サイト化したSPAを公
dev.toと阿部寛のホームページについてちゃんと計測させてくれ - Qiita
Twitter見てたら、以下のツイートを見た。 数時間後、dev.toと阿部寛のホームページどっちが速いですか？というブログがTLに現れた。 GoogleのPageSpeed Insightsで測って阿部寛のホームページの方が早かったという結論付けてよいのかという疑問が浮かび、webpagetest.orgで計測することにした。 設定 阿部寛のホームページに関しては、Tokyoリージョンにあるものとする。 そして、dev.toはNY発らしいので、サーバーの設定をNYにして測定する。 The platform was created in 2016. The twitter account, @ThePraticalWeb 評価結果 Webpagetest - 阿部寛のホームページ Webpagetest - dev.to
昨日までJavaJavaしてた人がいきなりExcelのVBAを実装する羽目になったときのためのメモ - Qiita
Excel は滅びぬ！ Excel の力こそ日本企業の夢だからだ！ VBA 実装してて学んだこととかのメモ。 JavaJava してたかはあまり関係ないかも。 エディタの使い方 エディタを表示する Alt + F11 で VB エディタを表示できる。 環境設定 背景色・フォントを調整する デフォルトの白背景とか気が狂うので、暗い色にする。 「ツール」→「オプション」を選択し、「エディターの設定」タブを開く。 「コードの表示色」を選択して、「背景」の色を選択する。 ついでにフォントも見やすいやつに変更する。 これだけで開発効率が５割増しになる。 イミディエイトウィンドウ イミディエイトウィンドウを表示する いわゆるコンソールに当たるのが、イミディエイトウィンドウと呼ばれるウィンドウ。 Ctrl + G で表示される。 イミディエイトウィンドウに出力する ↓イミディエイトウィンドウに実行するプ
MACBOOK PRO自己割り当てIPでネットに繫がらない場合の対処方-沖縄│インターネット☆ハイスクール
私の愛機はMACBOOK PRO。Airmacを使って無線でインターネットに接続しているのですが外出先で無線ルーターに接続すると突然Airmacの状態が「！」マークになり無線に繋がらない・・・。そんな時の対処方をご紹介します。 AIR MACでネットに繫がらなくなった時の対処方 ①「環境設定を開く」 ②「セキュリティー」をクリック ③ファイアーウォールを停止 ④「ネットワーク」をクリック ⑤「AIRMAC」の「詳細」をクリック ⑥「TCP/IP」のDHCPリースを更新 ⑦ファイアーウォールを「入」にして終了 それでも繋がらない場合①パソコンを再起動 ②無線ルーターの電源を抜いて、一分後に差し直してみる。 ③NTTの装置の電源を抜いて、一分後に差し直してみる。 上記を試しても繋がらない場合これで直らなければちょっと難しいかもしれませんが下記の記事を実行してみて下さい！(外部のサイトです。)
Mountain Lionにアップデー… - Apple コミュニティ
無線LAN機器・・・バッファロー WZR-HP-G300NH PC・・・MacBook Air OS・・・OS X v10.8 Mountain Lion OSをマウンテンライオンにアップデートしてからWi-Fi接続が急に不安定になりました。 Safari、メール、Appstore等全てが繋がらない状態です。 尚、所持しているWindowsPC、iPhoneのWi-Fiは問題なく繋がるので無線LANルーターに問題があるとは思えません。 MacBookのネットワーク設定を参照すると、状況は「接続済み」という表示が出ており、IPアドレスも設定されていると表示されています。 ネットワーク接続のマークも警告表示になっておらず、通常接続の表示となっています。 OSアップデート後に特に設定をいじった訳でもありません。 OSの不具合なのでしょうか？ どなたか解決方法をご存知であればご教授下さい。
MacのWi-Fiが無線LAN接続できない時の対処法12個まとめ | Macとかの雑記帳
Mountain Lion や Lion で、Wi-Fi（旧AirMac）がインターネットに接続できない場合の対処方です。OS X Dailyなどに掲載されてる対処法をまとめてみました。 photo credit: woodleywonderworks via photopin cc 1. IPアドレスを固定にしてみる Wi-Fiの設定を「DHCP サーバを使用（アドレスは手入力）」にし、IPアドレスを手動で設定します。 2. ネットワークサービスの順序を変更してみる サービスの順序を変更し、Wi-Fiが一番上になるように変更します。 3. ルーターの優先順位を変更してみる LAN内に複数のAPがあるなら、接続に使うAPの優先順位を上げます。 4. ネットワーク環境を作り直す ネットワーク環境を作りなおすことで繋がるようになったり、速度が早くなることがあるようです。 「システム環境設定」「
「知恵ノート」は終了いたしました - Yahoo!知恵袋
平素よりYahoo!知恵袋をご利用いただきありがとうございます。 2017年11月30日をもちまして、「知恵ノート」機能の提供を終了いたしました。 これまでご利用いただきました皆様にはご迷惑をおかけすることとなり、誠に申し訳ございません。 長年のご愛顧、心よりお礼申しあげます。 引き続き、Yahoo!知恵袋の「Q&A」機能をご利用ください。 Yahoo!知恵袋トップ 知恵ノートサービス終了のお知らせ プライバシー - 利用規約 - メディアステートメント - ガイドライン - ご意見・ご要望 - ヘルプ・お問い合わせ JASRAC許諾番号：9008249113Y38200 Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved.
All in One SEO Packで検索エンジン対策 | WPカスタマイズ備忘録
ご紹介する、All in One SEO Pack（オール・イン・ワンSEOパック）は WordPressのプラグインの中でも定番中の定番のようです。 オールインワンと言っている通り、 SEOに関する機能3つがこのプラグインひとつで出来てしまいます。 ・ページのタイトルを「記事名| ブログ名」の順番にする ・記事ごとにmetaタグのdescriptionを設定する ・記事ごとにmetaタグのkeywordsを設定する ということができるようになります。 プラグインを使う前に これらはプラグインを使わずとも、テーマのheader.phpを 変更することによって実現することはできます。 例えばページのタイトルを「記事名| ブログ名」の順番にする場合、 これはWordPress2.7のデフォルトテンプレートで実現されています。 <title>を <title><?php wp_t
Androidでガラパゴスじゃない電子書籍を作ってみました：村上福之の「ネットとケータイと俺様」：オルタナティブ・ブログ
GARAPAGOSSと真逆のAndroid電子書籍Webサービスを勢いだけで個人的に試作しました。会社関係ないです。Androbookです。あくまで試作です。一応、マンガが動いてます。また、パブリッシュできるサーバをすでに無料で公開していますし、Android公式マーケットでも「androbook」で検索するとサンプルをダウンロードできます。 概要： ざっくりと概要です。問題はぼくが儲からないことです。 比較表： 比べるのもおこがましくて申し訳ないのですが、ガラパゴスとAndrobookの比較表です。 ざっくり使い方： パブリッシュはここのサイトからzipでアップするだけです。アンドロイドアプリのファイルに変換されて返ってきます。 あとはandroidマーケットのパブリッシュサイトで配信するように設定すればいいだけです。(ここに通せるapkファイルを作るのに苦労したYO!) gmailのア
シンプルで美しいポートフォリオ（制作実績）サイトを構築できるフリーのWPテーマ・Portfolium
シンプル且つ美しいグリッドレイアウト のポートフォリオサイトを構築できる WordPressのテーマ、Portfoliumの ご紹介。設定は大変そうですが、 豊富な機能なのでテーマファイルの 中身を見て勉強するのにも良さそう。 フリーでもハイクオリティなテンプレートが手に入るのがWordPressの魅力でもありますね。 シンプルで美しいグリッドレイアウトがとても見やすい印象です。機能は豊富で、使いこなすまで少しかかるかも知れませんが、こういった高機能なテーマはカスタマイズの勉強にもなるのでありがたくダウンロードさせてもらっています。 使い方は動画があるのでそれを見たほうが早そうです。画像はWP3.0で追加された機能、カスタムポストタイプを利用するみたい。 How to add portfolio item and blog entry from Wpshower on Vimeo. 以下よ
Parallels Desktop for Macとタブレットに関して テラゾブログ
Parallels Desktop for Macとタブレットに関して 【2007/09/03】 前回のエントリーで触れた Parallels内、windowsXPでペンタブを動作させる方法に関して 自分が踏んだ行程を残しておこうと思ったりした。 ま、まるでただのお絵描きブログでは無いようだ。胸が高鳴るー。 ＜あらすじ＞ Macでは使えないペイントツール「SAI」を使うため、 パラレルワールドを旅することになった。 intuos3を使ってお絵描きする際 筆圧感知に関して、なんだかわからない問題が出て困ったが いろいろと頑張ったらなんとかなった。 Parallels上でタブレットの筆圧感知機能を有効にするには Windowsの方でタブレットを認識させる必要がある模様です 認識した状態だと、右から２つ目のアイコンをクリックした時 こんな感じにタブレットにチェックが入ります（PTZ-630）
Webdog - Uw Online Speurneus
Als je op zoek bent naar een betrouwbare partner voor je koeltransportbehoeften, kijk dan niet verder dan Petit Forestier. Met… Hallo, Willem hier! Welkom op mijn blog: Webdog! Ik heet Willem en heb dit blog vernoemd naar mijn hond Bram. Nou ja, niet vernoemd, maar toch wel een beetje opgedragen aan hem. Vandaar de woordspeling. Behalve mijn hond zijn andere belangrijke dingen in mijn leven: mijn
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...