WordPressさくらインターネット

WPバックアッププラグインは使わないでやってみました サーバーのWPディレクトリをzipに圧縮してダウンロード MySQLにあるWPデータをsqlでダウンロード これで大きく破損する事があっても、元に戻せますね WPディレクトリをzipに圧 ...

WEBブラウザFirefox

Firefox Quantumを使い始めてしばし 主にWEBサイト、ブログ制作向けアドオンが多いです Firefox Quantumとの互換性もあるものを探すのも大変ですね chromeもそうですが本当に便利なもの使うものを厳選していきたい ...

WEBブラウザFirefox

Firefox Quantumを使い始めてまず困ったのが翻訳ツール 翻訳アドオンを探そうにも、英語が多くてですね、、w なんでも多くのアドオン達が使えなくなってるとの事で、Firefox Quantum以前のアドオンだとあまり期待できない感 ...

Unity

スクリプト作成の選択肢にはもうC#しかなくなったてたのですね このあたりかな たしかunityscriptsとはUnity専用のJavaScript記述だったと記憶しています 要は多くの人はC#で開発しててJavaScriptは利用者が少な ...

エディタATOM, FTP

ATOMのFTPパッケージ、remote-FTPがアップデートしてましたね 使おうとしたらどのファイルもファイル名は読めるものの真っ白だったのでチェックしたらバージョンアップがありました ちょっと前にもuploadしてもサーバー側が更新され ...

WEBブラウザFirefox

Firefox Quantum使い始めて初日 やはりWEBの表示速度早いですねー chromeでもう後はサーバーの応答速度の問題だろな思ってたけどまだ早くなるのねー、快適 スクリーンショットのショートカット求む 気に入っちゃった標準のスクリ ...

WEBブラウザFirefox

Firefoxはカスタマイズ性が高く、アドオンと呼ばれる拡張機能が豊富で常に人気のWEBブラウザですね しかし、個人的には玄人向けなイメージもあったりFirefoxをメインのブラウザとして使った事はなかったです chromeが出てからはずっ ...

漫画・アニメ銀魂

銀魂も気づけばかなりの登場人物が登場してますね 基本キャラの使い捨てをしない作風だと思われ、それっきりではなく何度も登場するキャラクターが多いのが銀魂でもあります さて、好きなキャラクターTOP3をー 何故TO10でもTOP5でもなくTOP ...

未分類AMP

AMP(Accelerated Mobile Pages) モバイルページの高速表示の為の仕組み それはわかるけど、ガラケー時代からスマホ時代と今までやってきた振り分け表示 特にガラケーの頃はPC表示とは別にAMPの基準に近いページを作られ ...

エディタJSON, ATOM

なかなか良い方法が見つからない 現状は「Googleスプレッドシート」にて作成したデータを「Export Sheet Data」というアドオンにてJSONに変換 コピペまたはダウンロードして作業エディタ兼FTPアップローダーにしてる「ATO ...

windows10再起動, トラブルシューティング

PCの動作は至って正常だったけど突如 Windows「問題が発生したためwindowsを再起動します」 と強制再起動開始 Windows「問題の情報を収集しています」(%表示) 再起動開始 Windows「更新プログラムをインストールしてい ...

漫画・アニメ銀魂

銀魂も最終章に入って随分と経ちましたね ファンサービスを兼ねて過去キャラをいっぱい登場させるって話だったけど本当にいっぱい出すもんだから話が全然進まないですのー 終わって欲しくはないんだけど、最終章ってなるとほむほむーってなりますね 実際、 ...

漫画・アニメはじめの一歩

漫画ってのは常には読者の予想を裏切る必要はないと思うのだけど、、 一歩、2連敗かぁ・・ しかも敗戦から立ち直り、磨き上げた体と新型デンプシーをお披露目する復帰戦 負けるのかーー で、その次の鷹村戦、メインタイトルは数ページで終わるのかー 作 ...

CSSグリッドレイアウト

グリッドレイアウトCSSでヘッダー下に置く感じの横並びメニューを組んでみました 普通のリストで良いのでHTML構造は単純に、リストタグではありませんが、、 <div id ="menus"> <a class="item" ...

CSSCSSデザイン

checkboxのオンオフでアイコン色をCSSで切り替えているだけです 電源のアイコンマークにはgoogleのmaterial iconを利用しています See the Pen new pen by yochans (@yochans) o ...

未分類SVG

JavaScriptやCSSを使わずSVGコードだけでアニメーションさせてみたいと作ってみました scaleを使った際のpathで基準点の変更というか中心点を取り方や難しくて満足のいくものではありませんが、取り合えずひとつ出来ました ソース ...

CSSグリッドレイアウト

Microsoft edgeがWindows 10 Fall Creators Updateからベンダープレフィックスなしのグリッドレイアウトに対応しましたね edge用に記述するベンダープレフィックスがきつすぎたのと、そもそもグリッドレイ ...

CSSCSSアニメーション

ひとつの要素に2つのキーフレームの定義するのにメモ animation:で定義を2つ書くと上書きになってしまいますが、ひとつの要素に複数のアニメーションキーフレームを定義するのはカンマ区切りで良いのですね .sample{ animatio ...

CSSCSSデザイン

CSSで指定した要素のサイズから背景画像をはみ出さない様にする background-sizeを指定する contain:縦横比保持、背景領域に収まる最大サイズになるように背景画像を拡大縮小 cover:縦横比保持、領域を完全に覆う最小サイ ...

JavaScriptシンタックスハイライト, JavaScriptライブラリ

コード表示をシンタックスハイライトで色付けして見やすく表示するJavaScriptライブラリ「Google Code Prettify」 プログラムコードのの紹介などで良く使われますね Google Code Prettifyを読み込む G ...

APICodePen

サイトやブログに掲載しているソースコードを運営者でも訪問者でもコピペなしの1クリックでWEBサービスの編集エデッターに移動できないか、と CODEPENならありそうと思ったらありました POST to Prefill Editors by ...

JavaScript取得

JavaScript JavaScriptで要素の位置を取得するスクリプト $('#contents').top; $('#contents').left; $('#contents').offsetTop; $('#contents'). ...

CSSCSSデザイン

filterプロパティ、画像もだけどCSS要素にも便利だったりで結構使うことありますよね 他のプロパティと合わせる事で一枚のアップデード画像・CSSだけで、かなり自由度のあるWEBデザインが可能となります drop-shadowで影をつける ...

未分類SSL

SSLドメインサイト(https)から非SSLサイト(http)へリファラーを送信するには、新たにmeta要素に「referrer」をnameとして記述する方法とaタグに「referrerpolicy」を指定する方法があるようです meta ...

WordPressWordPressカスタマイズ

WordPressのテーマ「Simplicity2」を利用していた時の記事になります 「Simplicity2」も子テーマのstyle.cssに上書きCSSを追記していく事でCSSデザインをカスタマイズが可能 今回はレスポンシブデザインを維 ...

API

Push7の無料プランの上限5,000の定義は月間のユーザー×送信数 仮に受信ユーザー数が100人要ると50通でパンクする 通知用アプリダウンロードによるiphoneの対応はなかなか魅力的なのでiphoneだけpush7を使うという手もあり ...

htaccess, レンタルサーバーさくらインターネット, SSL

さくらのレンタルサーバーでHTTPSリダイレクトを.htaccessでさくら公式に従って記載しておりましたが、RSSが正常に取得できるか試してたら同一サーバーからのfile_get_contents(php)でエラーが発生しました .hta ...

WordPressWordPressプラグイン, WordPress高速化

他のテーマを利用しても同様だと思いますが、「Simplicity2」さんのテーマもCSSファイルが分散されていてかなり多い ※追記:現在は「Simplicity2」さんのテーマを利用していません カスタマイズ性を考えると使いやすい部分ではあ ...