MacでFlutterの開発環境を構築する手順 - Qiita
Flutterとは Flutterとは、Googleによって開発されたモバイルアプリケーションSDK (Software Development Kit)です。 クロスプラットフォームに対応していて、1つのコードで複数のプラットフォーム(iOS,Androidなど)に対応したアプリケーションを開発することができます。 開発環境構築手順 MacでFlutterの開発を始める為に開発環境を構築していきましょう。 ※所要時間約1時間(ダウンロードやインストールをするので時間かかります。) 1.Flutterをダウンロードする 下記の公式サイトからFlutterをダウンロードします。 https://flutter.dev/docs/get-started/install/macos Apple Silicon Macの場合 重要: Apple Silicon Macにインストールする場合、いくつ
ホームディレクトリを持ち歩く [Mac OSの使い方] All About
ホームディレクトリを持ち歩く「あのパソコンとこのパソコンで同じ環境を作りたい」「気分に応じてパソコンを使い分けたい」Macなら簡単にできるのだ。 外出先で急ぎの仕事に対応する必要があったり、突然のトラブルのことも考えると、メールやブックマークなどの設定やドキュメントを外付けハードディスクやUSBメモリなどにバックアップして持ち歩けると便利だと思いませんか？ Mac OS X では、Macintosh HD > ユーザ > ‘ユーザ名’※をホームディレクトリとして画面設定やインターネットの設定などのほとんどを管理していますので、このフォルダの場所を変更して、外付けハードディスクやUSBメモリ（外部ストレージ）にすれば、別のMacで同じ環境を復元することができます。 ※記事中の’ユーザ名’ はご自分の環境に読み替えてください（例：Finderで家のアイコンのある場所がkinoshitaならば、
![ホームディレクトリを持ち歩く [Mac OSの使い方] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
Xcodeを最大5倍高速にダウンロードできるXcode管理ツール「Xcodes App」がApple IDとパスワードの入力なしにXcodeをダウンロードする機能をテスト中。
Xcodeを最大5倍高速にダウンロードできるXcode管理ツール「Xcodes App」がApple IDとパスワードの入力なしにXcodeをダウンロードすることが可能になっています。詳細は以下から。 Xcodes Appは、カナダのソフトウェア会社Robots & Pencilsが開発しているXcode管理ツールで、Appleの統合開発環境「Xcode」の過去のバージョンやBeta版をaria2を利用して通常の3~5倍高速にダウンロードしたり、利用するXcodeのバージョンを変更することができますが、このXcodes Appが次期v1.8アップデートで、Apple IDやパスワードなしにXcodeをダウンロードする機能を追加するようです。 Xcodes now DOES NOT require any Apple ID and password when downloading Xcod
【Flutter】Android StudioからVSCodeへの切り替え
FlutterのVSCodeサポートがだんだんと豊富になってきており、重いAndroid Studioを使い続けるよりも軽いVSCodeを使いたくなってきますよね。 今回は、そんな人たちのためにAndroid StudioからVSCodeへスムーズに切り替える方法を書いていきます。 拡張機能 「flutter」で検索して、気になったものを入れてみればいいと思います。 あまり入れすぎるのもよくないと思うので、少しずつ入れて取捨選択していきましょう。 とりあえず、以下があれば困らないと思います。 Flutter（必須）Dart（必須）Awesome Flutter SnippetsFlutter Widget Snippets Flutterプロジェクトの作成 まずはFlutterプロジェクトの作成方法を知っておきましょう。 Android Studioでは、File > New > New
【WordPress】プラグイン開発：管理画面をクラスで作成する際のadd_menu_page、add_actionの書き方
WordPressのプラグイン開発時での管理画面のコーディング例です。 WordPress管理画面に登録する際のアクションフックの記述方法などいくつか悩んだポイントがありましたので参考までに解説します。 WordPressで管理画面をつくるサンプルコード class-admin.php <?php /** * 管理画面コントローラー */ if (!defined('ABSPATH')) exit; require_once __DIR__ . '/view-admin.php'; // オプション名設定 define('MY_EXT_OPTION', 'my_ext_option'); class adminController { /** * コンストラクタ */ function __construct() { // WordPress管理画面にメニュー登録するアクションフック ad
Svelte, Vite, TailWind.cssでプロジェクトを作成する
はじめに 目標設定としてSvelte、Vite、Tailwind.cssを扱えるようにする。 なぜTailWind.cssなのか まずは、レスポンシブに対応しているから。これは、自分が新しくアプリを作成する上でCSSを学ぶ時間を短縮できないかと思い、このフレームワークにたどり着きました。 Bootstrapでない理由としては、自分が実務で使用しているのでまだ使用ししたことのないもの、流行りの物を使いたかったのでこちらを採用しました。 なぜViteなのか 上記同様に、webpackは実務で使用しているので別のものを使用したかった。他にも色々ありましたが、Viteの開発者がVueの開発者であったことも参考にしました。esbuildなどのビルドツールもありましたがそちらはGo言語で、自分の好きな言語でもあるのでとても惹かれましたが、、、Viteもesbuildを使用した上で開発されていて、esb
ローカル開発環境にSSLを設定できるmkcertがめちゃくちゃ便利だった
以前、MAMPでSSLを設定した際には手間のかかるプロセスを経てサーバー証明書と鍵を作成したんですが、mkcertというローカル環境に認証局（CA）をインストールするコマンドラインツールを使うと一瞬で作成できました。 鍵をしっかり管理しないとセキュリティリスクになるので注意が必要ですが、ローカル開発環境でSSLを手軽に設定できるめちゃくちゃありがたいツールです。 以下、mkcertでサーバー証明書と鍵を作って、MAMP 6.3のApache 2.4に設定するところまでをご紹介します。 Macのバージョンなど 以下の環境で設定、動作確認を行いました。 macOS Big Sur 11.2.2（Mac mini, M1 2020） MAMP 6.3 mkcert 1.4.3（Homebrew 3.0.4でインストール） 証明書と鍵の作成の設定 1. mkcertのインストール Homebrew
Local（macOS）のSSLのFirefoxの警告を回避する方法
WordPressのローカル環境構築ツール「Local 」のSSL設定がmacOSでうまくいかない場合の対処法を見つけたのでメモっておきます。 LocalのウェブサイトにSSL設定についての特設ページ（英語） があって、macOS Big Sur以降での設定方法が書かれているんですが、この設定をしてもFirefoxでは「潜在的なセキュリティリスクあり」という警告が出てしまいます。 以下は、この警告を回避するための設定方法です。 以前このブログで紹介したmkcertというコマンドラインツールを使って証明書と鍵を発行して、それらをLocalで使う方法です。 環境 以下の環境で設定と動作確認をしました。違うバージョンでは設定やフォルダの場所などが異なる場合があるのでご注意ください。 macOS Monterey 12.2.1 (Mac mini, M1 2020) Local 6.3.0+575
【完全解説】create-vueでVue3プロジェクト作成〜Vite爆速開発〜 | アールエフェクト
create-vueはVue公式のVueプロジェクト作成ライブラリです。npm init vue@latestコマンドを実行することでVueプロジェクトの骨組み(scaffolding)の作成とVueのアプリケーション構築に欠かすことできない機能を選択してプロジェクトに追加を行うことができます。本文書はVueの入門者の人がcreate-vueを利用してプロジェクトを作成する際に追加できるすべての機能がどのような役割を持っているのか理解できることを目的にしています。各機能の理解が進むことで機能追加時に迷うことなく自信を持って機能の選択を行うことができます。create-vueではビルドツールとして現在人気急上昇中のViteが利用されているのでViteについて動作確認をしながら説明を行なっているので開発環境と本番環境でのビルドツールの違いなども理解することができます。 VueのプロジェクトはV
好みのフレームワークやツールを選んで導入できるwebpackやParcelのboilerplateジェネレーター・「Create App」
Create Appは好みのフレームワークやツールを選んで導入できるwebpackやParcelのboilerplateジェネレーターです。Webアプリの他、CLIでも使えます。 webpack、parcel、snowpackのいずれかを選択し、使うライブラリを選択、必要に応じてUIライブラリやテストフレームワーク、トランスコンパイラ、リンターなどを追加すると自動で設定ファイルを作成し、boilerplateとしてダウンロードできる、というもの。 ライセンス表記は有りませんでしたが本ツールもソースコードが公開されているみたいなので自分好みのジェネレーターに作り直すのも良いのではないでしょうか。 Create AppGithub
2022年の最新標準！Vue 3の新しい開発体験に触れよう - ICS MEDIA
2021年のVue.jsは新しいVue 3のコアが安定し、開発環境からライブラリやコードの書き方まで、新しい発表の多い一年でした。ICSではすでに複数のプロジェクトでVue 3やVite等の新しいフレームワーク・ツールを使用していますが、まだまだ様子見という方も多いでしょう。 変化の大きいVue 3の周辺ですが、2021年11月のVueConf Toronto 2021（セッション動画）でようやく次の定番と言える構成がアナウンスされました。この記事では、Vite・cteate-vue・<script setup>・Piniaといった新しい推薦構成を紹介し、Vue 2時代から何が良くなるのかを比較します。 新しい構成は何が良くなる？ メリットを確認 新しい構成ではプロジェクトを作成する際のコマンドラインツールからVS Codeの機能拡張やコードの書き方まで、さまざまな部分が変わっています。個
Vite + React で新規プロジェクトの開発環境を作ろう
2022年5月1日 JavaScript, React Viteは2020年に発表されたフロントエンドのビルドツールです。最初「ヴァイト」と読んでたんですが、「ヴィート」と読むみたいですね。フランス語で「速い」という意味だそうです。絶賛Reactのお勉強中なので、ViteでReactの環境を作る流れを備忘録的にまとめておきます！ ↑私が10年以上利用している会計ソフト！ この記事は動画でも解説しています。動画派の方はぜひご覧ください！ Viteとは？ Viteを使えばベースのプログラムを予め準備しておいてくれているので、開発をすぐに始められるようになります。スターターキットとか、テンプレートみたいなものですね。他にも複数のファイルをひとつにまとめたり、SassをCSSに変換するなどの作業を爆速でできるようになります。 また、ファイルを保存すると同時に、確認画面も自動的に更新されます。ホット
Android Studio 3.3の目玉機能「ナビゲーションエディタ」を理解する
今年のはじめ、2019年1月14日に、Android Studioのバージョン3.3がリリースされました。このリリースにも多くの新しい機能が含まれており、今後も私たちの開発をより強力にサポートしてくれるものになりそうです。本記事では、バージョン3.3で追加された機能の概要を紹介するとともに、もっとも身近な新機能である、ナビゲーションエディタの使い方について解説します。 対象読者 画面遷移に慣れていないAndroid初学者 startActivityしか使ったことがないAndroid経験者 前提環境 筆者の検証環境は以下の通りです。 macOS Mojave 10.14.2 Android Studio 3.3.1 Android Studio 3.3の概要 Android Studio 3.3では、これまでのアップデートと同様に多くの改善が行われました。公式ブログから、代表的な変更をいくつ
Web制作者がチェックしておきたい、Chrome 71 デベロッパーツールの新機能のまとめ | コリス
先週、アップデートされたChrome 71 デベロッパーツールの新機能を紹介します。 ブラウザのアップデートと共に、デベロッパーツールも便利になっていきますね！ What's New In DevTools (Chrome 71) Live Expression機能でDOMノードを強調表示 DOMノードをグローバル変数として保存 HARファイルにエクスポート メインメニューからコマンドメニューにアクセス Picture-in-Pictureのブレイクポイント Consoleで要素のイベントを監視 Live Expression機能でDOMノードを強調表示 Chrome 70でアップデートされたLive Expression機能（参考: Live Expression機能）で、DOMノードをホバーで強調表示します。 ライブビューの結果にカーソルを置くと、ビューポートのDOMノードが強調表示
OS X 10.7 Lion ~ macOS 10.13 High Sierraまでのインストーラーアプリをダウンロードし、USBインストーラーを作成する方法。
OS X 10.7 Lion ~ macOS 10.13 High Sierraまでのインストーラーアプリをダウンロードし、USBインストーラーを作成する方法をいかにまとめます。詳細は以下から。 昨日macOS 10.13 High Sierraがリリースされましたが、AppleのサポートページによるとHigh Sierraリリース後、Mac App Storeの[購入済み]タブから前バージョンの「macOS 10.12 Sierra」のインストーラーアプリが非表示にされ、Sierra以降のmacOSのインストーラーは今後[購入済み]タブに表示されないようになったそうです。 To reinstall Safari, Mail, the App Store, or other apps that are included with the Mac operating system, rein
FirefoxのCSS Gridインスペクターが便利！
CSS Gridのデバグに便利なFirefoxのCSS Gridインスペクターをご紹介します。Firefox 56から搭載 されているこのインスペクターを使うと以下のグリッド関連の情報が表示できます。CSS GridするならFirefoxがいいですね。 グリッドをオーバーレイ表示 線番号を表示 領域名を表示 グリッド線を無限に延伸 各グリッドの詳細を表示 開発ツールを表示する まずはメニューの「ツール > ウェブ開発 > 開発ツールを表示」から開発ツールを表示します。 グリッドをオーバーレイ表示 グリッドの親要素を選択すると、「ルール」タブのCSSのところに小さくグリッド・アイコンが表示されます。このアイコンをクリックするとグリッドのオーバーレイが表示されます。 FirefoxのCSS Gridインスペクターの機能はこれだけだと思っていたんですが、他にもありました！ 「レイアウト」タブ 開
コマンドツールで MAMP を SSL 対応しよう！ - macOS High Sierra 編 -
筆者は、長らく MAMP を利用してきました。 しかし WordCamp Kyoto 2017 を契機に、 valet というツールも積極的に使うようになりました。この valet のいいところは、VCCW, Wocker などの優れたツール同様、WordPress をインストールしたり削除したりする機能が盛り込まれているので、テスト環境を作成しやすいことです。また標準で 下図のように自己証明書エラーにならない常時SSL（https://◯◯.dev） が利用できます！ ※【Virtual Host 対応】コマンドツールで MAMP を SSL 対応しよう！ - macOS High Sierra 編 - も公開（2018年2月9日） valet では .htaccess が使えない valet は Apache ではなく Nginx が利用されているので、 .htaccess が利用でき
デザインが異なるランディングページも簡単に作成！WordPressの高性能な無料フレームワーク -TypeRocket
コンポーネントベースで、Webサイトやアプリを制作するために設計されたWordPressのフレームワークを紹介します。 レイアウトやコンポーネントを管理して、デザインが異なるランディングページをカスタマイズして作成することができます。 オープンソースで、完全に無料 TypeRocketはGPLライセンスで、すべての機能が無料で利用できます。Pro版はありません。 リピーターフィールド リピーター、ビルダー、エディター、マルチセレクト、イメージ、ギャラリー、その他のフィールドを含む20種類以上のフィールドタイプが用意されています。 ドキュメント TypeRocketを使用するためのドキュメント、チュートリアル、動画が完備されています。 モダンなセキュリティ ミドルウェアを作成し、さらにファイルをパブリックビューの外に保つことができます。 モダンな開発環境 Laravel ForgeやEnvo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI アプリ開発ツールキット Jetpack Compose - Android デベロッパー | Android Developers
Homebrew使い方まとめ - Qiita
