サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ノーベル賞
www.firstsync.net
公開日 : 2016年1月30日 カテゴリ : PC 2019年追記:このページの内容は以下のページでわかりやすく書き直しています。 https://www.1-firststep.com/archives/7809 私が普段使用しているPCのシステムドライブの容量は60GBである。 この容量はWindows7にとっては少ない。 マイドキュメントに保存するような自分が作ったデータなどは別のドライブに保存しているが、PC上で動かすソフトのファイル群(プログラム)はシステムドライブにインストールする必要があるので、どうしても年々空き容量が少なくなってくる。 そして最近、再びシステムドライブの空き容量が少なくなってきたので、大きな容量のものを探してみると、メールソフトのデータがあった。 私が使用しているメールソフトはThunderbirdである。 今さらこれに気付くのも遅いですが、メールのデータ
公開日 : 2015年10月7日 カテゴリ : WordPress WordPressで生成するページには「投稿ページ」と「固定ページ」という種別があります。 大まかに言えば、ブログ記事のように時系列で管理するものは「投稿ページ」が適していて、時系列ではなく親ページ・子ページのような階層での管理をしたいものは「固定ページ」が適している。 また、上記2つとは別に新たな種別を用意したい場合は「カスタム投稿タイプ」というものを設定することができます。 このブログでは「カスタム投稿タイプ」は使用していませんが、私の本業のサイトのほうでは使用している。 「カスタム投稿タイプ」を設定すると管理画面は下画像のように左メニューに新たな項目が出現し、投稿ページや固定ページとは別枠での管理やテンプレートファイルの適用ができるようになるのです。 アーカイブページのテンプレートファイル アーカイブページというのは
公開日 : 2015年7月23日 カテゴリ : WordPress 「ドメインを変更するデメリットについて」のページで書いた通り、このブログのURLをサブドメインからメインドメインへ移行させた。 旧URL https://blog.firstsync.net/ 新URL https://www.firstsync.net/ 備忘録の役目もかねて、手順を書いておきます。 同じような作業をやろうとお考えの方の参考になれば幸いです。 WordPressの公開URLを変更 これまでサーバー上でのディレクトリ構成は以下のようになっていた。 WordPressは標準のままだとインストールされているディレクトリが公開トップページになるが、実は公開URLを変更することができる。 WordPressの公開URL(トップページ)を変更したい場合は、WordPress管理画面の「設定」から「一般」を開き、「Wo
公開日 : 2015年10月15日 カテゴリ : WordPress 一週間ほど前に書いた「カスタム投稿タイプのアーカイブページが表示されない場合の直し方」(以降、前回の記事と呼びます)の内容は、カスタム投稿タイプの設定をfunction.phpで自分で書いている場合のやり方になる。 カスタム投稿タイプを設定するためのプラグインとして有名なのが「Custom Post Type UI」というのがあります。 これはfunction.phpに自分でコードを書くのが面倒、または書けない人の代わりにカスタム投稿タイプを設定してくれるプラグインである。 今回はこのプラグインを使用している場合のカスタム投稿アーカイブページの作り方を解説します。 テンプレートファイルを用意する まずはカスタム投稿アーカイブページのテンプレートファイルを用意します。 ファイル名は前回の記事の内容と同じく、archive-
公開日 : 2015年11月11日 カテゴリ : Web制作 2019年追記:このページの内容は以下のページでわかりやすく書き直しています。 https://www.1-firststep.com/archives/7059 スマホから検索した場合はスマホ対応化されているウェブサイトのほうが検索上位に表示されやすくなる。というGoogleの発表が今年初めにあったこともあり、最近では多くのサイトがスマホ対応化されている。 私自身もスマホから人のブログを見に行くことも多い。 そこで気になるのが、スマホ対応化されているウェブサイトの画面全体(ページ全体)が左右にブレる(揺れる)現象である。 わかりやすく例を挙げると、以下のようなページが、 ページ下方向にスクロールさせようとすると、横にブレ(揺れ)てしまうケースである。 操作する側からすれば画面下方向へスクロールさせたいのに、左右にブレてしまうせ
公開日 : 2015年6月26日 カテゴリ : Web制作 昨日、画面全体が表示されてから数秒後、浮き出るように画像を表示するのページで説明したように、横幅1500ピクセル以上のディスプレイでこのブログを表示すると鳳凰の画像がふわっと現れる。(フェードインという) 仮にこの画像をimg要素としてフェードインさせるのならば、jQueryのfadeInメソッドを使用すれば最も簡単に実装できるだろう。 参考URL:jQuery日本語リファレンス・fadeIn しかし、実はそのやり方では問題が発生する。 今回のようにコンテンツ幅より横幅の大きい画像をimg要素として出現させると、本来は以下の画像のようなコンテンツ幅だったのが、 img要素を出現させることによって以下のようにコンテンツ幅が広がってしまう。(未検証だがおそらく) コンテンツ幅が上画像のように広がると、それに応じてブラウザの横スクロール
公開日 : 2014年2月12日 カテゴリ : Web制作 FirefoxでTwitterを開くと、画面上部にあるメニューバーの画像が表示されないことに数日前気付いた。 以下のようになっている。 Firefoxのバージョンは現時点(2014年2月12日現在)では最新の27だ。 Firefox27へのバージョンアップはつい先日あった気がする。 最初はそれが原因かと思ったが、サブのパソコンに入っているFirefox26でも同じ表示になっていたので、原因は違うらしい。 Twitterがデザインの大幅な変更をするというニュースもあったので、それに伴う不具合だろうとも思い、放っておけばそのうち勝手に直ると信じて放っておいた。 しかし、たまたまChromeでTwitterを表示したらきちんと表示されていたので、さすがに調べて直すことにした。 ちなみにInternet Explorer9で表示したら、す
公開日 : 2013年9月2日 カテゴリ : PC 先程とあるサイトを見ていた際に右クリックメニューからページのソースを見ようとしたら、右クリックメニュー(コンテキストメニュー)が出てこなかった。 今までこのブログでも度々言っていますが、右クリックメニューを制限されるのが私は大嫌いだ。 ユーザー側の利便性を落とすな。 とページ制作者に言いたい。 歌の歌詞を掲載せているサイトや芸能人の写真が掲載されているサイトでこのようなページが特に多い。 文章をコピーされたくないとか写真を保存されたくないなどの理由がサイト管理者側にはあるのだろうが、インターネット上に公開する以上それらを保存されるのを完全に防止することはそもそも不可能だ。 私自身も昔、福山雅治の画像や北川景子の画像を保存しようとした際にそのページで右クリックメニューが禁止されていてムカついたことがある。 ムカついたのでHTMLやCSSのソ
公開日 : 2013年3月9日 カテゴリ : PC 私はファイル転送にFFFTPを昔から使用している。 しかしいつからか複数のファイルをまとめてダウンロードしようとすると途中でダウンロードが止まってしまう現象が発生した。 このブログにアップロードした画像ファイルを1か月分まとめてダウンロードしてバックアップを取るのが私の習慣なのだが、毎回必ず途中でエラーが発生して転送が止まってしまう。 これはダウンロードだけでなく、アップロードでも同じようにエラーが発生する。 どうもこの現象は多くの人に発生している問題であるようで、検索すると同様の現象に関する記事がたくさん出てくる。 しかしどうも解決策が見つからない。 私の環境を記しておきます 他の人の参考になるよう、一応ここに私の環境を記しておこう。 1、FFFTPのバージョン 1.98f 2、OSのバージョン Windows7 64bit 3、回線
公開日 : 2013年9月28日 カテゴリ : スマートフォン iOSのバージョンが7になってから壁紙の画像が拡大されて表示されるようになった。 例えばiPhone5における壁紙のサイズは640×1136ピクセルである。(画像はクリックすると原寸大) これはiPhone5やiPhone5sなどのディスプレイ解像度が640×1136ピクセルだからです。 なので、本来はこのサイズの画像を壁紙に設定すれば画面ピッタリになるはずである。 がしかし、実際にこの画像を壁紙に設定するとこうなる。 勝手に拡大されている。 これはなぜか? iOS7から視差効果(パララックス効果)が付いたのが原因 その答えは、iOS7からホーム画面に視差効果(パララックス効果)が実装されたためだ。 iOS7における視差効果とはiPhone本体を左右や上下に傾けるとホーム画面のアイコンが揺れるように動く演出のことをいう。(らし
公開日 : 2013年1月19日 カテゴリ : WordPress WordPressの月別アーカイブページのタイトルにWordPress関数のsingle_cat_title()を使って表示させる場合があるが、この関数で表示させると「1月2013」のような表示になる。 少なくとも日本では「2013年1月」のように逆にして表示させたいのではないだろうか。 というわけで、今回はそのやり方を解説しよう。 月別アーカイブページのテンプレート内に直接コードを書いても良いが、私はテンプレートファイル内はなるべく見通しの良い状態にしたいために、今回は関数を定義する方法を採ることをご了承ください。 手順の解説 まずは月別ページのタイトル表示箇所にyear_month()というユーザー定義関数を書いておく。 仮に月別のタイトルをh2要素でマークアップするのであれば、 <h2><?php year_mont
公開日 : 2012年4月25日 カテゴリ : スマートフォン 先日の記事ではDVDの内容をiPhoneの中に入れて観れるようにするやり方を説明したが、やはり動画は容量を食うしそもそもiPhoneの小さな画面で長時間動画を見続けるというのは多少キツイものがある。 電車通勤をしている方や病院に通っているような方はその待ち時間にいいかもしれないが、通常はDVDはやはりそれなりに大きな画面で観たほうが楽なのも事実である。 上記のような理由から、ライブDVDのようなものはその音声だけを抽出してiPhoneに入れ、まるでライブCDであるかのように聞いたほうが容量的にも良いと思う。 今回はDVDから音声だけを抽出し、iPhoneやiPodの中に取り入れるやり方を備忘録として記しておこう。 私は今までこれに関しても久しぶりに実行しようとしたらすっかり忘れていて、何度もやり方を調べ直したりしているので、今
公開日 : 2012年9月10日 カテゴリ : Web制作 ずいぶん前の記事で「Facebookいいね!ボタンを各ページごと分ける方法」というのを書いたことがあった。 しかしこの記事を見ても設置ができない。という人がYahoo!知恵袋で質問しているのを先ほど偶然発見し、そんなはずはないと思って調べてみると、問題のある点やわかりにくい点が確かにあった。 設置に挫折した人には大変申し訳なかった。 聞いてくれればいいのに。 記事を見た人が設置できないようでは記事を書いた意味がない。 私自身も今後また調べ直すのは面倒なので、もう一度わかりやすくここに記しておこうと思う。 作業の手順解説 まずは以下のページを参考にしてFacebookのいいね!のボタンを設置する。 https://www.firstsync.net/archives/597 コードが生成された時の画面表示は以下の画像のような感じにな
公開日 : 2011年12月13日 カテゴリ : Web制作 前回の記事で説明したFacebookのいいね!ボタンの設置の仕方は登録したURLが一つだけなので、いろいろなページに設置して訪問者に押されたとしても、Facebookに送られて紹介されるページは登録URLだけになります。 しかし、コード取得ページで全ページ分のURLを毎回入力するのは非常に面倒くさいので普通はやってられません。 というわけで、各ページのURLを自動で取得して、ページに貼り付けるコードを共通化してしまおうという企画です。 まずJavaScriptで以下のようなコードを作成します。 var url = encodeURIComponent(location.href); document.write(''); そしてdocument.write('');のシングルクォーテーションで囲まれた部分に、前回の記事で取得した
このページを最初にブックマークしてみませんか?
『谷 元博のブログ – Web制作に関することを中心に、人の役に立つ情報をシェアするた...』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く