【 Ionic 入門】 Ionicで開発を進める際に知っておかないといけないこと

記事修正日

記事投稿日

Ionicは英語のドキュメントがしっかりしている上にコミュニティもある程度大きいので、英語さえ読めればわからないことがあっても大抵解決します。ただ日本語の記事となると、情報が古かったりほんのさわりだけしかやってなくて本格的に使う際に知りたいことなんかはあまりない印象があります。ということでこの記事ではIonicで開発を進める際に知っておかないといけないことを順不同でまとめていきます。情報は随時更新していく予定です。... 続きを読む

Ionic 2 & Ionic 3のプロジェクトをElectronアプリとしてビルドする

記事修正日

記事投稿日

モバイルアプリをHTML/CSS/JavaScriptといったフロントエンドの技術で制作できるIonicですが、Ionic 2.2からSplit Paneが実装されたことで、モバイルアプリだけではなくデスクトップをサポートするウェブアプリを制作するための環境が揃ってきました。Ionicではモバイルアプリかウェブアプリのビルドしかできませんが、Electronを使えばデスクトップアプリのビルドもできます。つまり、共通のソースコードで Android iOS Windows Phone macOS Windows Linux という主要なプラットフォームをすべてカバーするアプリを制作することができるようになります。ということでここではIonicプロジェクトをElectronでビルドする手順を紹介します。 ... 続きを読む

Google PageSpeed InsightsやGTmetrixでの点数を上げる方法を書いてみた

記事修正日

記事投稿日

最近はブロードバンドが普及して、PCでWebページを閲覧するときに回線速度を特に意識しなくてもいいくらい快適な環境になってきました。一方のモバイル端末ではPCでの閲覧とは状況が異なっていて、特に速度制限なんかを受けたときのWebページの読み込み速度は結構イライラさせられたりします。ここではWebページの読み込み速度を少しでも上げてPageSpeed InsightsやGTmetrixでの点数を上げる方法をまとめてみました。... 続きを読む

初心者向け:HTML/CSS/JavaScriptでコーディングする上でやるべきこと・知っておくべきこと・気をつけるべきことを書いてみた

記事修正日

記事投稿日

思いつく限り書いてみました。できるだけ小さなかたまりに分けて書いているので、内容的にかぶるものもあると思います。新しい内容があればその都度更新していきます。... 続きを読む

MacのマークダウンエディタKobitoでコードに行番号を表示させてみたよ

記事修正日

記事投稿日

Qiitaと連動したMacのマークダウンエディタKobitoでコードに行番号を表示できるようにしました。やることはKobitoのアプリケーションフォルダ内のContents/Resourcesに入っているheader.html、markdown.css、highlight.pack.jsの編集だけです。... 続きを読む

HamlだのMarkdownだのSlimだのJadeだのSassだのSCSSだのLESSだのStylusだのCoffeeScriptだのLiveScriptだのTraceurだの一体なんなのよ!?

記事修正日

記事投稿日

長いタイトルですがつまりそういうことです。主にCODEPENで使えるHTML/CSS/JavaScriptのテンプレートエンジンとかプリプロセッサとか軽量プログラミング言語とかをまとめてみました。後半尻すぼみになってる感は否めません。... 続きを読む