MacでAndroidStudioを完全アンインストール - Qiita
2021年5月 変わらず使えます。 普通にゴミ箱にポイってするだけだと あれやこれや残りまくってしまう。 コマンドで以下を1個ずつ叩くとキレイに消えます。 最後の一行はSDKの削除です 4.1以降のAndroidStudioをお使いの方 rm -Rf /Applications/Android\ Studio.app rm -Rf ~/Library/Preferences/AndroidStudio* rm ~/Library/Preferences/com.google.android.studio.plist rm -Rf ~/Library/Application\ Support/Google/AndroidStudio* rm -Rf ~/Library/Logs/AndroidStudio* rm -Rf ~/Library/Caches/AndroidStudio* rm
CSSのサブグリッド（subgrid）の基礎知識と使い方、たった一行のCSSで複数カードの水平グリッドを簡単に揃えられる！
CSSのサブグリッド（subgrid）がChrome 117でサポートされ、Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できるようになりました。 先日の記事でもお伝えしたように、subgridを使用するとカード内の見出しやテキストの水平グリッドを簡単に揃えることができます CSSのサブグリッド（subgrid）の基礎知識と使い方、プログレッシブエンハンスメント、デベロッパーツールによるデバッグ方法などを紹介します。 CSS Subgrid by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに サブグリッド（subgrid）の基礎知識 ページレベルの「マクロ」グリッドを共有する サブグリッドのサポートをチェ
【5分でわかる】ローカルデータベースの実装方法 | Flutter入門｜KIMURA LOG
Flutterでローカルデータベースを実装する方法 SQLiteを使用しよう! Flutterでローカルデータベースを実装するには「SQLite」を使用します。 SQLiteとは、軽量・コンパクト・省メモリで運用できるRDBMS（データベース管理システム）です。 端末にデータベースの情報を保存することで、データを永続化することが可能になります。 このSQLiteを使用するためにはsqfliteパッケージを使用します。 具体的な使い方 パッケージの取り込み pubspec.yamlに以下の記述を追記しましょう。 dependencies: flutter: sdk: flutter sqflite: ^2.0.2 # 追加 sqfliteをインポートする sqflite.dartをインポートしてください。 import 'package:sqflite/sqflite.dart'; データベ
Reqres - A hosted REST-API ready to respond to your AJAX requests
It’s all in the details Hosted on Heroku Which means 99.99% Uptime SLA. All you need is the base URL, and you're away: https://reqres.in/api/ The API is CORS enabled, so you can make requests right from the browser, no matter what domain, or even from somewhere like JSFiddle or JSBin. Language agnostic A generic API that conforms to REST principles and accepts a content type of application/json An
【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
モーダルを簡単に実装しよう！使い方も解説【Micromodal.js・Modaal】 | 東京のホームページ制作 / WEB制作会社 BRISK
モーダルを簡単に実装しよう！使い方も解説【Micromodal.js・Modaal】 更新日：2021/12/17 サイト制作でモーダルを実装することがあります。 なかにはデザインもないのに、途中から実装を依頼されることもあります。 モーダルは モーダルを開いているときは背景を暗くし、背景固定にする 閉じるボタン、または背景をクリックしたらモーダルを閉じる 1ページに複数モーダルがあった場合、クリックしたものに対応するモーダルを開く など制御することが多く、筆者は苦手意識を持っていました。 今回はそんな悩みを解決する、簡単にモーダルを実装できるプラグインModaalとライブラリMicromodal.jsを紹介したいと思います。 モーダルとはそもそもモーダルとは何を指しているのでしょうか。 モーダルとは、ユーザーインターフェースデザイン（UIデザイン）の専門用語で、システムが特定の機能の使用
ローカル開発環境に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
モダンCSSリセットを徹底解説、最近のデバイス・モダンブラウザの仕様に対応
最近のデバイス・モダンブラウザの仕様に対応した、モダンCSSリセットを紹介します。スタイル宣言はたったの9個ですが、個々のCSSについて詳しく解説されているので、記事はけっこう長いです。 なぜそうしたのか、なぜそれを使用しないのか、最近の実装にあわせたCSSの役立つテクニックもたくさん解説されています。 My Custom CSS Reset by Josh W. Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 他のいろいろなCSSリセットについては、下記をご覧ください。 モダンブラウザに適したCSSリセットのまとめ はじめに CSSリセット 1. ボックスサイズのモデル 2. デフォルトのマージンを削除 3. 高さは%ベースを使用 4. アクセシブルなline-heightを追加 5. テキストのレンダリングを改
jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA
Vite（ヴィート＝フランス語で「速い」の意味）は2020年に発表された新しいフロントエンドのビルドツールです。 開発者がVue.jsの作者であるEvan You氏であるため、Vue.jsのツールであると誤解されることもありますが、プレーンなJavaScript（バニラJS）からVue.js・React・Svelteといった流行のフレームワークまで、さまざまな環境で利用できる汎用的なツールです。 位置付けとしてはwebpackのようなバンドラーと呼ばれるものに近い存在ですが、それだけではありません。この記事では、Viteを導入してプレーンなJavaScriptから、TypeScript+Vue.js・Reactといったフレームワークまで、快適な開発環境を手に入れる方法を紹介します。 この記事で紹介すること： Viteの特徴と基本の仕組み 基本の使い方 Vite + SCSS Vite +
レスポンシブ対応でjQuery不要の高機能スライダー「Swiper」 | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、デザイナーの奥田です。 最近フロントエンドでは「脱jQuery」なんて言われていますね。 まだまだjQueryバリバリ書いてますって方もちょっとずつ「脱jQuery」していくとこの先もスキルが活かせると思います。 さて、今回は「もう最近の案件はこれしか使っていないんじゃないか？」というぐらい高機能で便利なスライダーをご紹介いたします。 Table of contentsSwiperの使い方カルーセル表示にするレスポンシブに対応するPC時はグリッド表示、スマホ時にスライドにするサムネイル付きカルーセル表示その他オプションまとめSwiperの使い方まずは普通に使ってみましょう。下記よりファイルをダウンロードするかCDNでの使用でも実装できます。 SwiperCDN CSSとJSを読み込みます。 <html> <head> <link rel="stylesheet" href="h
Instagram Graph APIを使用してWEBページに埋め込む手順
Instagramアカウントをプロアカウントに変更する Instagramアカウントはそのままでは「Instagram Graph API」を利用する事ができません。 「プロアカウント」という上位権限のものに変更する必要があります（無料です）。 Facebookページと連動できるようになる Instagramのプロアカウントに変更すれば、Facebookページと紐づけできるようになります。 この紐づけにより「Instagram Graph API」のサポート機能を利用できるようになるのです。 プロアカウント変更時の注意 プロアカウントはいつでも通常アカウントに戻す事ができます。 ただ通常アカウントに戻すと、今回のInstagram埋め込みに関する紐づけやビジネスアカウントIDなどが無効になる場合があります。 一度APIを使って埋め込みをしたら、通常アカウントには戻さないようにしましょう。
CSSで画像の上に表示するテキストをより読みやすく、より美しくするテクニック・実装方法のまとめ
画像の上にテキストを配置する際に、より読みやすく、より美しくするCSSのテクニックを紹介します。 CSSで画像上にテキストを表示する際に起こる問題に対するさまざまなアプローチと解決するための実装方法を解説。また、最近見かけた素晴らしいテクニック、便利なツールなども紹介します。 Handling Text Over Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに テキストを読みやすくするためのさまざまなテクニック グラデーションのオーバーレイを使ったテクニック イージングのグラデーションを使ったテクニック 水平方向のグラデーションを使ったテクニック ソリッドカラーとグラデーションの混合 グラデーションのオーバーレイとtext-shadow グラデーションのオー
【第4弾】少しのコードで実装可能な10のCSS小技集
2021年3月4日 CSS CSS小技集シリーズの第4弾！「【第3弾】少しのコードで実装可能な15のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています！初心者さんからベテランさんまで要チェック！ ↑私が10年以上利用している会計ソフト！ 目次 要素の上下左右中央配置 画面幅いっぱいに画像を配置 リストマーカーの色を変える 言語にあわせて引用符を変更 クリックで文字列を選択 背景画像を見切れないよう繰り返し表示 入力時の縦線の色を変更 ドラッグで要素のサイズを変更できるようにする floatは flow-root で解除 文章をカラム分けしてラインを入れる HTML・CSSの全コードは各サンプルの「HTML」や「CSS」タブを、別タブでのサンプル表示は右上の「EDIT ON CODEPEN」をクリックしてご覧ください！ 1. 要素の上下左右中央配置 ボックスを要
Installation - Tailwind CSS
CommunityGetting StartedInstallationEditor SetupUsing with PreprocessorsOptimizing for ProductionBrowser SupportUpgrade GuideCore ConceptsUtility-First FundamentalsHover, Focus, and Other StatesResponsive DesignDark ModeReusing StylesAdding Custom StylesFunctions & DirectivesCustomizationConfigurationContentThemeScreensColorsSpacingPluginsPresetsBase StylesPreflightLayoutAspect RatioContainerColum
無料＆簡単に予約システムが作れてクレカ決済機能やキャンセル料の設定、会員向けの月会費コース導入も自由自在な「SELECTTYPE」レビュー
新型コロナウイルスが人々の生活や経済に大きな影響を与えている中で、手軽に予約が可能なオンライン予約システムは顧客を確保するために重要です。「予約システムの構築は知識がないと難しい」というイメージがありますが、「SELECTTYPE」を使えば、詳しくなくてもオンライン予約システムを無料で簡単に作成可能。しかも、クレジットカードを使った決済機能の導入や予約キャンセル料の設定、月会費制の会員向けのプランも提供でき、多様なビジネスに対応しているだけでなく、特に飲食店にありがちな「予約の直前キャンセルで用意した席や料理が無駄になる」というリスクを避けることもできます。 というわけで、140種類以上のテンプレートから好きなものを選べるSELECTTYPEでサクッと予約フォームを作成、細かいところまで自分好みにカスタマイズして、デザインの変更やクレジットカード決済機能の導入、会員システムで可能な機能など
日付・時間のピッカーを単独のWebコンポーネントとして利用できる軽量JavaScript -Aeon Date Picker
デスクトップでもスマホでもタブレットでも動作し、フレームワークの有無に関係なく機能する、日付・時間のピッカーを簡単に実装できるわずか5Kbの軽量JavaScriptを紹介します。 依存関係は一切なく、単独のWebコンポーネントとして利用できるので、非常に便利です。日本語環境のフォーマットにも対応しています。 依存関係はなし スタンドアロンの単体で動作する軽量JavaScriptで実装されたWebコンポーネント。 どこにでも使用できる どんなページにもどんなフレームワークにも設置可能。 プログレッシブエンハンスメント コードの読み込みに失敗した場合は、ネイティブのピッカーまたはテキストボックスにフォールバック。 アクセシブル マウス・タッチ・キーボード・スクリーンリーダーで動作し、ネイティブのフォーム要素として動作します。 多言語対応 デフォルトでブラウザのローカル言語と日付形式を使用します
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コピペで簡単！ CSSのみで、フォームの入力時にフロートする入力欄のラベルを実装するテクニック
無料 BGM・効果音のフリー音源素材 | Springin’ Sound Stock
Cirrus CSS
