技術情報

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'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」というアプリを
技術情報

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

EJS - JavaScript Templates 最近、静的なテンプレートを生成する方法としていろいろ試行錯誤していたのですが、JavaScriptで静的なhtmlを生成できるEJSというものを知り、使ってみることにしました。
アプリ

TwitterのツイートをMastodonのトゥートにも反映する「Mastodonトゥート同期アプリ」

Twitter -> Mastodon トゥート同期アプリ 以前、Twitterのツイートとマストドンのトゥ-トをTweetDeckで同時に行うChrome拡張の「Tooter」をご紹介いたしました。 今回は拡張機能などを使わ
パソコン

Chromeブラウザでマウスホイールによるスクロールができなくなったので、なんとかしてみた

Chromeブラウザでマウススクロールができなくなったので、なんとかしてみたのでご紹介いたします。 Chromeブラウザのアドレスバーで設定を変更する Chromeブラウザのアドレスバーに「chrome://flags/#smo