さくらレンタルサーバーに独自SSL「Let's Encrypt」導入(Windows10編)
※2017年10月 追記 さくらレンタルサーバーがLet's Encryptに標準で対応しました！ https://www.sakura.ne.jp/function/freessl.html ...
6
9
Comment0
12 search resultsShowing 1~12 results
Stocked
You need to log-in
CSSだけでレスポンシブデザインに対応したテーブルレイアウト2017
やりたいこと シンプルなテーブルをCSSのみでレスポンシブデザインに対応する。 ↓ 横に並んでいる項目を縦に並べて、スマホでも見やすいテーブルを作る。 flexboxを使うので、IE9とかは非対...
14
17
Comment0
htaccessで正規表現を使ったリダイレクト
サイトの移転や構成を変えた時に、新しいURLへ転送するために使用するリダイレクト。 Redirect(mod_alias)とRewrite(mod_rewrite)があるが、今回はRedirec...
30
39
Comment1
ユーザーエージェントでスマホとPCを判別し、処理を変化させるPHPネタ
やりたいこと スマホにはアレ、PCにはコレ っていうのをPHPでやる。 Web担なので、HTMLの内容を端末によってちょこっと変えたいときに使う。 (できればやりたくないが…) コード 最初にP...
22
26
Comment2
2つのセレクトボックスを連動させるjQuery
やりたいこと 2つのselect要素を連動させる。 1つめの選択肢を選ぶと、2つめの選択肢が動的に変わる。 色々なサイトを見てみたが、スマホだとうまく動かないコードがあったりした。 こちらのコー...
64
77
Comment1
スマホで閲覧時のみ、電話番号にtel:リンクを追加する
やりたいこと スマホで見たときに、タップするだけで電話がかけられるように電話番号にリンクをはりたい。 でもPCで見たときはリンクさせたくない。 それを同じHTMLで済ませたい。 テキストだけでな...
13
22
Comment2
PHP条件分岐と文字列検索を使ってHTMLを出し分けする
やりたいこと PHPでサイトを作っていて、ヘッダーやフッターなどの共通パーツは外部化してインクルードしている。 ページによって、その共通パーツの中身をちょこっと変えたいときがある。 例えば、 ヘ...
3
4
Comment3
Photoshopの関連付けがうまくいかないのを直す(Windows)
Photoshopがメジャーアップデートするたびに関連付けがおかしくなるのでメモ。イラレは大丈夫なのに… 現象 jpgなどの画像ファイルを右クリック→「プログラムから開く」 →Photoshop...
1
0
Comment0
サイトに設置したSNSシェアボタンがクリックされた数をGoogle Analyticsで計測する
やりたいこと 自分のサイトに設置しているSNSシェアボタンが何回クリックされているのか、Google Analyticsで計測したい。 Google Analyticsのトラッキングコードのあと...
25
24
Comment0
スマホで閲覧した時だけJavaScriptを一部無効化したり有効化したりする
ユーザーエージェントでスマホかPCか判別してやる方法です。 ※画面サイズを取得してやる方法もあります。こちらが参考になりました。 ウィンドウ幅をjQueryで取得して動作を制御する覚書 | 9i...
61
62
Comment0
YouTube動画の埋め込みを軽くする
YouTube動画の埋め込みコード。 サイトに複数貼り付けると重い。でも貼り付けたい。 そんな埋め込みコードを、自動でサムネイル画像に置換することで軽くする方法です。 JavaScript(jQ...
31
31
Comment2
指定した日時によって自動で表示を切り替えたり変化させるPHPネタ
PHPを使って自動でサイトを更新するためのまとめ。 キャンペーン告知や応募受付に。 ※さらにスマートな書き方をコメント欄にていただいたので追記しました。 指定日時まで表示し、過ぎたら非表示にする...
54
59
Comment4
12 search resultsShowing 1~12 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles