技術情報

「Snap.svg」を使ってSVGをアニメーションしてみた

Snap.svg - Home JavaScriptでのSVGのアニメーションを楽にしてくれる「Snap.svg」というライブラリを知り、気になったので使ってみることにしました。 「Snap.svg」を導入する トップページか...
技術情報

WordPressテーマのSimplicityにマストドンのシェアボタンを設置してみた

mastodon.social - Mastodon 以前に何度かマストドンという分散型のSNSをご紹介いたしました。 そのマストドンのシェアボタンの機能を作成した方がいたので、当サイトでも設置してみることにしました。 ...
技術情報

WordPressで利用しているAMPにWebフォントのFont Awesomeを導入してみた

Font Awesome, the iconic font and CSS toolkit 前回、Simplicityに設置したAMPテンプレートにamp-lightboxで行うメニュー表示をご紹介いたしました。 amp-light...
技術情報

Simplicityに設置したAMPテンプレートにamp-lightboxを導入してメニューとして使ってみた

以前ご紹介したAMPでいろいろできることが増えたようなので、当サイトで利用しているAMPテンプレートの「Simp」に「amp-lightbox」を導入してメニューを表示するようにしてみました。 amp-lightboxを導...
技術情報

レスポンシブで画像を表示するにはどうすればよいか調べてみた

スマートフォン、タブレット、PCでレスポンシブなWebサイトをコーディングする際に、画像もレスポンシブにする必要がある場合、どういった要素を使って、どのように画像を切り分けるか悩みます。そこで自分なりに調べてみました。 img要素...
パソコン

Windows10のCreators Updateで消えたコントロールパネルをショートカットで表示できるようにする

Windows10のCreators Updateで、スタートメニューの項目にあった設定からコントロールパネルが消えてしまいました。以前ご紹介したGodModeであれば、すべての項目を一覧に表示させることができるのですが、コントロールパネル...
技術情報

VCCWにphpMyAdminを入れる

phpMyAdmin 以前に何度かVCCWを利用したWordPressの開発環境をご紹介いたしました。 ご紹介した方法でコマンド一発でデプロイができたり、ローカルと本番を同期させることができるのは便利ですが、DBをUIで見れ...
ニュース

「バイオハザード:ヴェンデッタ」の公開記念でバイオシリーズタイトルがPSストアで最大50%OFFのセール

『BIOHAZARD:VENDETTA』公開記念セール!『バイオハザード』シリーズ最大50%OFF! 6/7(水)まで 「バイオハザード:ヴェンデッタ」の公開記念でバイオシリーズのタイトルがPSストアで最大50%OFFのセールが実施されて...
技術情報

GulpとFLOCSSで始めるモバイルファースト的なCSS設計

hiloki/flocss: CSS organization methodology. WebでフロントをされているみなさんはCSSを書いていて命名規則が面倒、何かまんじりとしない、そんなことはありませんでしょうか。私はあります。 C...
技術情報

テンプレートエンジンのPugで使うクラス名をページ、ディレクトリなどで任意に変える

以前、テンプレートエンジンのPugをご紹介いたしました。 今回はインクルードしているファイル内で記述しているクラス名を任意に変える方法をご紹介いたします。 変数を使ってクラス名を変える pug 下記のように「incl...
技術情報

CSSのactive疑似クラスでクリック時にアイコンを変える

最近疑似クラスを少し調べることがあったので、勉強がてらactive疑似クラスでクリック時にアイコンを変えるようなCSSを作ってみました。 ソースコード html div要素のみで作っています。 <div class...
パソコン

Atomエディタでターミナルが使えるパッケージ、「platformio-ide-terminal」が便利

platformio-ide-terminal コマンドプロントやターミナルを利用する時に、Atomエディタ上でコマンドができれば便利そうだとよく思っていたのですが、「platformio-ide-terminal」というパッケージで可能...
技術情報

「CreateJS」を勉強してWordPressテーマのSimplicityに適用してみた

CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5 「CreateJS」というJavaScriptのライブラリで作られた...
技術情報

GulpでテンプレートエンジンのPugを使ってみた

Getting Started – Pug 前回はGulpで利用するテンプレートエンジンのEJSをご紹介いたしました。 EJSの他に、Gulpで利用できるテンプレートエンジンにはPugというものが有名なようなので、試しに使ってみまし...
アプリ

複数タイムライン、マルチインスタンスをスワイプで可能なTwitterとマストドンに対応している「Ore2」アプリを使ってみた

Ore2 ツイッター&マストドンクライアントを App Store で Twitterのタイムライン、マストドンのインスタンスをスワイプで切り替えられる「Ore2」というiOSアプリを使ってみました。 インスタンスを追加...
ニュース

ファイナルファンタジーXIV:紅蓮のリベレーターのベンチマークがDL可能に

ファイナルファンタジーXIV: 紅蓮のリベレーター ベンチマーク ファイナルファンタジーXIV、紅蓮のリベレーターのベンチマークのDLが可能になりました。 ベンチマークは自分のPCの動作検証が行え、どれくらい快適に動作するかをスコアで表...
パソコン

ローカルで利用していたgitを、「SourceTree」ソフトを使って途中からGitHubにプッシュする

The world&apos;s leading software development platform · GitHub ローカルの環境で利用していたgitを、「SourceTree」ソフトを使って途中からGitHubに登録する時の...
アプリ

マストドンのiOSアプリ、「Amaroq for Mastodon」がマルチインスタンスに対応したので設定してみた

Amaroq for Mastodonを App Store で 以前マストドンの記事を書いたときにセットでご紹介したマストドンアプリの「Amaroq for Mastodon(公式)」がアップデート(バージョン1.1.0)でマルチインス...
ブログ

「わかばちゃんと学ぶ Git使い方入門」を読んでみた

以前、「わかばちゃんと学ぶ Webサイト制作の基本」という本をご紹介いたしました。 そのWebサイト制作の基本と同じ著者が、「わかばちゃんと学ぶ Git使い方入門」というタイトルで、Git入門の書籍を出したようなので購入して読んでみま...
アプリ

マストドンのマルチインスタンスに対応している「Mastodon-iOS」アプリを使ってみた

Mastodon-iOS on the App Store 以前に分散型のSNSであるマストドンをご紹介いたしました。 そのマストドンで、手軽にインスタンスを切り替えることができるiOS用の「Mastodon-iOS」というアプリを...