すたらブログ

文系Webプログラマの備忘録

Windows: マウスジェスチャー「StrokeIt」で楽をする

目次 要望 解決策 StrokeItを選ぶ理由 準備 インストール 設定画面を開く アプリごとの設定を全て削除する ジェスチャーの登録 アクションを追加 コマンドを追加 特定のソフトでは無効にする 設定のエクスポート 要望 右手をマウスから離したくない。 ブラウ…

4日間の鬱状態について

5月31日(水)の夕方に施設で話し合いをした。 自分の本当の希望を口に出せず、ついつい痩せ我慢の発言をしてしまった。 帰宅後に異常な疲れを感じた。 それから4日間。動けない。 ゲームと、はてなブックマークの記事を閲覧してばかりだ。 話し合いの直前まで…

鬱の記録 2017年2月-6月

まとめ なかなか朝型生活に戻せなかったが、睡眠薬のおかげで定着させることができた。 他の抗うつ薬は効果を実感できなかったが、睡眠薬だけは絶対に必要だ。 元気になって勉強を再開したが、人と会うことで調子が大きく崩すようになってしまった。 ツイー…

通所をやめようと思います

下記のツイートをそのまま掲載します。 https://twitter.com/sutara_lumpur/status/865886894210416641 就労移行支援への通所をやめようと考えている。 通所開始は2年前の2015年3月。 それ以前の一年間、2014年は薬の副作用と気づかずに長期間の微熱に悩まさ…

鬱回復期の行動

一週間前の記事の続きです。 3ヶ月間の鬱の報告 2016年12月から鬱になり、今年2月はじめごろから少しずつ体調が良くなってきました。 夜に散歩したり、英語の勉強を再開したり。 それでも、通っていた障害者施設に連絡を入れるための元気と勇気が出ません。 …

プログラミング関連の記事はQiitaへ投稿することにしました

今後はQiitaが主な投稿先になると思います。 Qiitaのマイページ: http://qiita.com/sutara79 きっかけになった記事: Qiitaとブログの使い分け | #interest_ae 理由1: コードの見出しが便利 Qiitaで```javascript:例1のように記述すると、コロン以下の文字が…

3ヶ月間の鬱の報告

今回の鬱をツイッターのつぶやきから振り返ってみました。 11月末に母のPCの設定に熱中して調子を崩して、10日ほどで復帰。 1週間施設に通い、その後、現在まで続く長い鬱に陥りました。 この記事をまとめることにこだわりすぎるとまた悪化するかもしれない…

jQuery: ページをスクロールすると途中でスライドダウンするfixedなグローバルナビの例

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

さくらのブログのサイドバーにバナーを設置する方法

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

GoogleChromeが起動しなくなったので再インストールして解決した

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

弥生会計を再インストールする

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

AmazonでDL購入した筆ぐるめ23を再インストールする

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

はてなブックマーク数表示付きリンクを取得するツールを公開しました

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

WindowsでSass(SCSS)を使う準備

目次 Rubyをインストール RubyGemsを最新版にする Sassをインストール 試しにSassからCSSへコンパイルする 日本語使用時のエラーを解決する Rubyをインストール 下記からRuby 2.2系をダウンロードします。 最新版は2.3系ですが、2.2系が安定しているそうです…

CSS: ブロック要素を折り返しつつ横並びで表示させる方法

CSS

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

CSS: フロートの解除にはクリアフィックスが便利

CSS

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

GoogleAnalyticsの使い方

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

PDFがIE11で表示されない場合の解決策

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

PHP: フィード取得のSimplePieを今後も使い続けます

PHP

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

PexJSを使ってスマホのブラウザでもFlashを再生する

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

最近の私の英語学習法

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

GitHub Pagesで手軽にウェブサイトを公開する

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

Windows10のクイックアクセスへの不満と妥協案

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

しばらく謹慎します

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

AviUtl: AVI形式の動画ファイルとして出力したい

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

疲労とストレスで再び膀胱炎に

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

WordPress: 新着記事一覧で本文冒頭120文字と画像1枚を表示したい

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

PingendoはWebサイトのプロトタイプ作成に使える

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

JavaScriptのテストでTravisCIのバッジを取得する実例

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

病人としての自覚が足りなかった

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

IE8など、SVGに対応していないブラウザでは代替のPNGを表示したい

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

麻雀を打ち続けて気づいたこと

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

Googleマップをページに埋め込む手順

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

2016参院選: 私が日本共産党へ投票する理由

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

html5shivの検証

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

パララックス用JavaScriptプラグインを使う場合はマウスホイールに注意

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

「私の取扱説明書」を公開しました

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

LAN内専用のGitリポジトリを減量したい

git

目次 要望 対象 参考記事 手順 効果 要望 手がけたウェブサイトをGitで管理していますが、もう二度と使うことのない期間限定の古いPDFファイルが履歴に混じっているせいで、小さなウェブサイトなのに.git/フォルダの容量が50MBほどになりました。 画像をほと…

Windows10からWindows7へ戻した

目次 経緯 PC情報 手順 注意点 経緯 父が仕事で使っている古いソフトがWindows10で動かないことが判明したので、1台をWindows7に戻すことにしました。 Microsoftが提供している方法ではなく、アップグレード前にHDDの内容を丸ごとバックアップしていたので、…

Web制作に関する簡単な解説やサンプルの公開もGitHubで行うようにしました

最近、人にCSSの使い方を教えることが多いです。 参考記事のURLを示したり口頭で説明したりする他、サンプルを自前で作ることもあります。 で、せっかく作ったサンプルを保管するにはどうしようかと考えました。 解説だけならこのブログやQiitaでもいいので…

CSS: IE8もサポートする場合の注意点

CSS

ウェブサイトを制作する際、まだまだIE8をサポート対象に含める場合があります。 使って良いもの・ダメなものを自分用に整理しておきます。 IE8では禁止 nth-child (IE9なら可) 対応状況: http://caniuse.com/#feat=css-sel3 calc() (IE9でもダメ) 対応状況:…

GitHubプロジェクトのディレクトリ構成を自分なりに整理

目次 前提: デモはGitHubPagesで公開 今後のディレクトリ構成 実例 コマンドひとつで 前提: デモはGitHubPagesで公開 GitHubでは、主に自作のjQueryプラグインを公開しています。 以前から、デモの公開場所にはusamimi.infoというホスティングサービスを利用…

CSS: 要素を天地左右の中央に配置したい(条件あり)

CSS

目次 条件 補足 縦横比を維持した可変の設定 デモと結果 結論 条件 .outerは縦横比を維持しつつ可変に。 .innerの幅・高さは固定。 対応ブラウザはIE9以上。できればIE8も含めたい。 <div class="outer"> <div class="inner"> inner<br>text </div> </div> 以上の条件で、下記で紹介されている5つの方策をそれぞれ試…

3日間の鬱の報告

目次 期間 経過 Twitterの投稿記録 教訓、対策 期間 2016年5月8日から5月10日までの3日間。 経過 上図の通り、はじめに右足アキレス腱の周囲の痛みと、体のだるさを感じました。 7日(土曜)の朝には軽い咳が出ていました。 この時点では、一週間の疲れで体が…

雇用保険の求職者給付の手続きをしました

目次 経緯 A型と移行の違い 手続きの様子 考え直して 関連メモ 経緯 私は精神障害2級です。(双極性障害2型 (躁うつ病)) 2015年3月から、障害者就労支援施設でA型雇用の形で働いていました。 鬱で3ヶ月間欠勤して復帰する際に、A型雇用から移行支援へと変わり…

Windows: CSScombの使い方

目次 CSScombとは CSScombをインストール Node.jsを入手 Node.jsの確認 CSScombを入手 CSScombの確認 CSScombをコマンドプロンプトで使う エクスプローラからコマンドプロンプトを起動 整形を実行 エラーの例 独自のルールを指定する 私の設定 各エディタの…

Git: リポジトリの中にリポジトリを入れたときに発生した問題の解決策

git

些細なつまづきですが、備忘録として。 状況 2つのウェブサイトを別々に作って、それぞれGitで管理していました。 しかし、一方のサイトをもう一つのサイトのカテゴリの一つとして統合することになり、フォルダも移動しました。 (以下では、組み込んだ方を親…

鬱予防に麻雀を続けることにします

目次 私の症状の特徴 今後の対策 没頭を冷ます 気兼ねをなくす 麻雀の効能 改めたい姿勢 麻雀で勝つには 認知行動療法となりうる まとめ お誘い (関連記事: 2016-04-04 3ヶ月間の鬱の報告) 私の症状の特徴 4月14日の午前、心療内科の先生と支援施設の担当の…

親知らず抜歯体験記

目次 概要 きっかけ 抜歯の様子 余談: 財布を忘れた 抜歯後の経過 感想 概要 上顎左の親知らずを抜きました。 抜いて分かったことですが、ほっぺと接している側に虫歯ができていました。 検査ではなかなか見えない部分です。 親知らずは横向きで顔を出す場合…

Android: 英語学習のためにMP3をゆっくり再生したい

目次 要望 解決策 手順 仮想フィードを追加 再生速度変更 感想 要望 手持ちのTOEICテスト新公式問題集〈Vol.5〉に付属しているリスニング用CDを0.7倍速くらいでゆっくり再生してほしいです。 (すでにCDからiTunesにインポートしてMP3ファイルに変換し、Andro…