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でビルドする手順を紹介します。 ... 続きを読む

ハイクオリティーな無料アイコンセット 15選でWebデザインをよりよく見せる

記事修正日

記事投稿日

Webデザイン、特にUIデザインにとってアイコンはとても重要な役割があります。適切な場所に適切にアイコンを使用することでWebデザインをよりよく見せることができます。 今回はハイクオリティーなアイコンを提供しているサイトを15個ご紹介します。 ... 続きを読む

Ionic 2.x.xからIonic 3.0.xへ移行する方法とIonic 3.0.0での変更点のまとめ

記事修正日

記事投稿日

2017年4月7日にIonic 3.0のリリースがブログでアナウンスされました。Angular 4.0.0に正式に対応したり、Ionic Pageデコレータが追加されたりしています。ということでここではIonic 3.0での変更点と2.xからの移行方法をまとめました。... 続きを読む

人工知能が生成するカラーパレット 配色ツール「Colormind」の紹介と使い方

記事修正日

記事投稿日

デザイン全体の印象を大きく左右する「配色」。配色センスに自信がない、どんな色の組み合わせがいいのかイメージが湧かない、といった人にも便利な配色お助けツールはたくさんあります。今回は人工知能を用いて自動的にいい感じの配色を生成してくれる「Colormind」をご紹介します。... 続きを読む

商用利用可!おしゃれで可愛いおすすめ無料フォント20選

記事修正日

記事投稿日

最近ではウエディングアイテムを自分で手作りするプレ花嫁さんは多いですよね。ウエルカムボード、招待状、席札、メニュー・席次表・プロフィール・ガーランド等々おしゃれなアイテムを作るときに欠かせないのがフォント!今回は、無料でダウンロードできるおしゃれなおすすめフォントをご紹介したいと思います。もちろんウエディング以外にも色々なシーンで使える可愛いフォントを集めましたのでチェックしてみてください。... 続きを読む

XSERVERで最新サーバに移行してLinuxbrewをインストールするまでの手順

記事修正日

記事投稿日

2016年11月29にからXSERVERでは旧仕様のサーバ(sv1~sv1999.xserver.jpサーバー)から最新サーバ(sv2001.xserver.jp以降)への移行が始まっています。2017年3月29日時点ではsv1~sv1299.xserver.jpサーバーが対象となっていて、自分が契約しているサーバが含まれていたので早速移行してみました。移行後はgccを始めとした諸々がバージョンアップされているので、これまでできなかったLinuxbrewのインストールもしておきました。ということでその手順のまとめです。... 続きを読む