初期状態で設置されているグローバルナビがスクロールで見えなくなると、別のグローバルナビがページの上部にfixedで固定される、という表示を目指します。 jQueryの.slideDown()、.slideUp()を使えば簡単に作れます。 デモ: https://sutara79.github.io/dem…

目次 要望 バナーの作成 バナー画像のアップロード 設置 要望 こんな感じでバナーを設置したいです。 バナーの作成 まず、バナーを作成します。 ブログのテーマ「超シンプル(右サイドバー)」の場合は、幅240pxです。 バナー画像のアップロード さくらのブロ…

環境 Google Chromeのバージョン: 54.0.2840.99 OS: Windows 10 (32bit) 症状 朝、職場でPCを起動してGoogleChromeを開こうとしたら、下記のようなエラーが表示されました。 PCを再起動してもダメです。 このアプリケーションのサイド バイ サイド構成が正し…

目次 事情 インストール ライセンス認証 アップグレード データの復元 事情 母のPC(Windows10)がWindows Updateの後に起動しなくなり、修理中です。 内蔵HDDを取り外した上で馴染みの業者さんに渡し、新しいHDDを搭載した上でWindows10をクリーンインストー…

目次 事情 ダウンロード インストール 住所録の復元 事情 2015年11月22日に、Amazonで「筆ぐるめ23」をダウンロード式で購入し、母用のPCにインストールしました。 先日、そのPCがWindows Updateの後に起動しなくなり、修理中です。 内蔵HDDを取り外した上で…

デモ: https://sutara79-php.herokuapp.com/demo/get-link-with-hatena-bookmark/ GitHub: https://github.com/sutara79/get-link-with-hatena-bookmark URLを入力すると、 コードが表示されます。 実際の表示の確認もできます。 自分自身がブログ記事作成で…

最終更新: 2018-07-27 Rubyで動くSass(ruby-sass)は非推奨となりました。 2019年3月26日にサポートが終了します。 Ruby Sass is Deprecated « Sass Blog 他の方法として、スタンドアロン版をGitHubからダウンロードしたり、npmから入手する方法が紹介されて…

(最終更新: 2016-11-03) 目次 高さを揃えれば崩れない 高さがバラバラだと崩れる 1行内の要素数を固定すれば崩れない flexboxで完全解決 JavaScriptでも解決できる まとめ 写真のサムネイルなど、数量不定で大量の要素を横並びに表示させ、画面幅に収まらな…

目次 clearしないとどうなるか フロートの親要素の次の要素でクリアすると フロートの直後に空要素を設置すれば解決 クリアフィックスを使えばキレイ 擬似要素:afterについて フロートの解除について、順を追って解説します。 下記のような表示を目指してHTM…

Googleアナリティクスに関する記事はすでに多くありますが、自分がよく使う操作をメモするために書きました。 目次 特定のページのページビューを知りたい 特定のページへの流入経路を知りたい データを他で使いたい 特定のページのページビューを知りたい …

症状 下記のように、ウェブページにPDFへのリンクを載せています。 <a href="../pdf/pamphlet.pdf">パンフレット (PDF 5.4MB)</a> Chromeでは普通にタブの中でPDFが表示されますが、IE11では灰色の状態で何も表示されません。 なお、Edgeなら大丈夫です。 解決策 最新版の「Adobe Acrobat Reade…

ウェブサイトのトップページにブログの新着記事5件のタイトルをリンク付きで表示したい、というような要望を手軽に実現してくれる「SimplePie」というPHPのライブラリがあります。 公式サイト: http://simplepie.org/ GitHub: https://github.com/simplepie/…

目次 はじめに PexJSをダウンロードする Flashを再生させる エラーが出たら pex.jsを生成する あらためてエラーを分析する CWSからFWSへ変換する あらためてFlashを再生してみる はじめに これは開発者のための記事です。 利用者として、訪問したページ内に…

BBC Newsアプリで記事を読む Google翻訳アプリで素早く調べる エンジリッシュで単語、イディオム、例文を覚える Windowsのシステム言語を英語にする BBC Newsアプリで記事を読む 入手: BBC News 直接BBCのウェブサイトで読むのと比べて、以下の利点がありま…

目次 前提条件 GitHubでリモートリポジトリを作成する ローカルリポジトリにリモートを追加する ローカルからリモートへプッシュする GitHub Pagesを作成する リモートリポジトリを削除する 感想 前提条件 GitHubで会員登録しておく。 gitをインストールして…

目次 クイックアクセスとは 登録方法 削除方法 Windows10のクイックアクセスへの不満 クイックアクセス内だけの名称変更ができない ネットワーク上の機器のフォルダは1件しか登録できない 妥協案 ショートカットの作成方法 私の場合は クイックアクセスとは …

8月16日にダウンして、現在も続いています。 7月からずっと、いろいろなことに首を突っ込みすぎました。 普段の生活の中でもついつい頑張りすぎることがあるのに、選挙やお盆の時期に、期限を設けたり撤退の用意をすることなく、使命感や親切心に突き動かさ…

AviUtl本体の導入と設定は済んでいるものとします。 目次 Xvidをインストールする シーンを選択する AVI出力する Windows Media Playerで再生する Xvidをインストールする 下記から「Xvid for Windows」をダウンロードします。 入手先: https://www.xvid.com…

去年と同じ。 疲労とストレスによって、夏なら膀胱炎、冬なら鬱になる、ということなのでしょう。 去年の記録: http://sutara79.hatenablog.com/entry/2015/08/05/165304 普通なら尿道口から細菌が侵入しても、尿によって菌が流されたり、膀胱の感染防御機構…

目次 要望 冒頭120文字だけを取得する 最初の1枚の画像を取得する 実際の使用例 要望 新着記事一覧に、題名と投稿日時だけでなく本文と画像を載せたい。 本文は冒頭120文字だけを抜き出し、それ以降は「...」で省略したい。 複数の画像がある場合は、最初の1…

目次 Pingendoの注意点 Pingendoを利用したWebサイト制作の流れ Pingendoの不便な点 (Windowsのみ) パスのセパレータがバックスラッシュになる 文書宣言などを挿入できない 手書きのコードが消える場合がある CSSも手書きで追記すべき 使い方 インストール (…

目次 実例 要件 (Windows環境) テストを実行 コマンドライン ブラウザ バッジを貼る あとがき 補足: nodistは今は使いません 実例 https://github.com/sutara79/mocha-phantom-travis-test ※ 外村和仁さんのリポジトリからフォークして改変しました。 要件 (…

今日、就労支援施設のスタッフの方と面談したのですが、改めて、自分は病人としての自覚が足りなかったと感じました。 平日、10:00～15:00で昼休みありの4時間勤務です。 もっぱらウェブサイト制作を担当していますが、この施設での勤務はあくまでも訓練です…

デモ: https://sutara79.github.io/demo-svg-fallback/ ソースコード: https://github.com/sutara79/demo-svg-fallback 下記の記事を参考にして、Modernizrを使っています。 参考: SVGをIE等のブラウザ対応を考慮して使う方法まとめ（SVGのフォールバック画…

過去記事: 鬱予防に麻雀を続けることにします 健康麻雀のお店に通い続けて、ネット麻雀を打ち続けて、不用意な捨て牌で負けて後悔するたびに「全体を見渡さなきゃ」「いつでも撤退できる心構えでいなきゃ」と反省点をテキストファイルに書き残すけれど、やっ…

目次 Googleマップで任意の場所を表示する コードを取得する コードを改変する モバイルで閲覧しやすくする まとめ APIキー不要のインラインフレーム<iframe>で埋め込む方式を採ります。 Googleマップで任意の場所を表示する 検索欄に目標の場所や住所を入力します。</iframe>…

目次 理由 党員だから 自民党が二度も争点隠しをしているから 2014年の争点隠し 2016年の争点隠し 補足 自民党の街頭演説を聞きました 2016-07-03 共産党への不満 まとめ 理由 党員だから 私は2004年に日本共産党へ入党しています。 現在は会合にはずっと顔…

下記のプラグインを検証します。 GitHub: https://github.com/aFarkas/html5shiv CDN: https://cdnjs.com/libraries/html5shiv 検証用ソース一覧(GitHub): https://github.com/sutara79/demo-html5shiv 下記のページをIE8で開いてみてください。 各要素が色…

目次 Parallax.js 利点 欠点 ScrollMagic 利点 欠点 SuperScrollorama まとめ ページに奥行きがあるかのように感じさせる、いわゆる視差効果をページ内で使いたくて、プラグインをあれこれ試しました。 結果、どのプラグインでも、マウスホイールによるスク…

Gist: https://gist.github.com/sutara79/31bacdf4709e4df597fe3d17560789e6 3ヶ月の鬱から復帰した際、就労支援施設のスタッフの方から「"私の取扱説明書"というものを作ってみてはいかがですか」と勧められていました。 1ヶ月かかってようやく出来上がりま…