はじめに nginx環境では以前に実施済だったが、複数サーバーが起動しているapache環境で行った際のメモ。nginx編は以下https://weblion303.net/1899 今回はフロントエンドのアプリとサーバーサイドのアプリ(どちらもnode.js)をConohaのVPS(ubuntu18.4で既にapache2で稼働中)にデプロイするまでの方法。 Gitのリモートリポジトリを作成 ロ […]
スタックの説明と種類 スタックは各ビューを内包するようにすることでビュー同士を並べることが可能スタックにはVStack,HStack,ZStackがある。VStackは縦方向(Vertical)、HStackは横方向(Horizon)、ZStackは前後の方向を指定することができる ビューを縦に並べる 横並びのビューを配置する Specer ビューに合わせて伸縮してくれる余白を挿入することが可能 […]
システムアイコンの使用 使用可能なアイコンの一覧https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/ アイコンの加工 resizable 画像をフレームに合わせてリサイズ scaledToFit 縦横の比率を維持してビューサイズに収まるように伸縮 scaledToFill 縦横の比率を維 […]
前回 【SwiftUI】よく使う標準のモデファイア lineLimit 表示行数を指定するStringクラスのイニシャライザを使って文字列を繰り返し表示し、lineLimitで行数を制限している truncationMode 文字列を省略する位置を指定 truncationModeのプロパティ head middle teil lineSpacing 行間の幅を指定 font フォントの種類を指定 […]
前回のおさらい 【Swift】SwiftUIの記法・入門 flame フレームのサイズとビューの配置位置を指定 alignmentのプロパティ center 中央寄せ leading 左寄せ trailing 右寄せ top 上 bottom 下 topLeading 上左 topTrailing 上右 bottomLeading 下左 bottomTrailing 下右 CSSのleftやrig […]
SwiftではJavaScriptと同様「;」が必要ない。 テキストの表示 テキストの装飾 各ビューが持つメソッド(モデファイア)を並べて記述していくことでスタイルや文字色などの変更が可能 レイアウト VStack 先程のビューをラップしてVStackというビューを作ることで、Vertical(垂直方向)に要素を並べることが可能 bodyの型「some」について Opaque Return Typ […]
なにがしたいか よくある電話番号などのフォームが３つに分かれているタイプで、３文字入力したら次のフォームへ自動的にフォーカスを移動。次の４文字を入力したら自動的に次のフォームへフォーカスを移動。ということをReactでやりたい。 jQueryなどでは容易だがReactではどうすれば？と思ったのでメモ。 結論 いくつか方法は見つかったが一番簡単な方法。Inputタグにrefを指定し、ReactDOM […]
小技、というかcssひとつで解決するんですけどね。 要素に以下をつける なにをするか一言でいうと、要素が選択範囲内にきてもなにもしないよって感じ。 before要素とかでゴチャゴチャ装飾したてformと重なるオシャレなデザインを作ってみたはいいが、いざカーソルを当てるとフォームを選択できない。 さらにz-indexを指定してもうまくいかなかった。ということでこの方法で解決しました。
はじめに Elixirという言語を使ったアプリケーションのチュートリアルを行います。どうやらElixir + Phoenixというのが一般的なようです。node + Express, ruby + ruby on railsのようなイメージでしょうか。 しかし今回は、Elixir単体でプロジェクトを作成し、Cowboyという高速なWebサーバーを併用しアプリケーションを始めてみたいと思います。 前 […]
はじめに 初めてのiOSアプリのリリースでいろいろと悪戦苦闘しつつ、晴れてAppStoreにアプリが掲載されるところまで完了しました。 しかし、販売者名が個人名としてフルネームで出ているのが気がかりでした。自分の制作物ならいいが、依頼されて制作した際も自分の個人名が表示されてしまうということなので・・・。 そこで、「Apple Developer Program 及び App Store Conn […]
ネイティブアプリの開発手法として、ReactNative（expo、react-native-cli）とやってきて、せっかくなのでswiftにも触れておこうというのが今回の記事の内容です。 swiftを使ったiOSアプリの環境構築と、基本的な開発方法について、公式Docを元に日本語で書いていきます。 swiftの環境構築 第一前提として必要なのはmac pcそして最新バージョンのXcode Xco […]
はじめに ※今回は全く技術系ブログではないです。購入したてのダイソンのコードレス掃除機に傷のようなものを確認したのですが、お問い合わせをしたところ製造時の跡だという回答をいただきました。知らないと傷だと思ってしまったり、使ってるうちにぶつけてひびが入った？と思われる方もいるかもしれないので共有しておきます。 ダイソンクリーナーヘッドの左右にある２本の線 「ヒビ」等の破損や不具合ではなく、透明カバー […]
はじめに 登録料、利用料が無料のBASE。先日初めてサービスを利用してみたのですが、無料枠の機能の豊富さ、わかりやすいUI、ショップの機能で必要なものだけプラグインのように追加で付与できるAppsという仕組み、全てにおいて素晴らしく気に入りました。 独自ドメインの設定も無料でできるということで早速やってみました。これも操作は簡単！ただ流れ作業的によく読まずに設定進めていた結果少し引っかかってしまっ […]
以下3点で少しハマったのでメモしておきます。 ①react-native run-iosではシュミレータが起動するがxcode上でのrunでこける ②シュミレータでの起動はうまくいくが実機でこける ③特定のパッケージを用いた場合に再びnode:command not found それぞれについて以下の作業で解消することができました。 ①react-native run-iosではシュミレータが起動 […]
まず、react-nativeにはreact-native-cliとexpo-cliの２通りがありますが、今回は前者のreact-native-cliでのアプリです。まずはAndroid用です。 着地点 自身のアプリケーションにFirebase Authenticationを組み込み、ユーザー情報の認証機能を作るまで。 Firebaseで認証機能の考え方とそのメリット 通常、アプリケーションでAP […]
はじめに この記事はまだ解決していませんが、自身の整理を兼ねてまとめています。解決できれば更新します。解決済み react-nativeを使ったネイティブアプリ開発にて、端末の情報を取得したいということになりました。 端末情報を取得するためにはreact-native-device-infoというのを使うとできるらしいですが、なにやらうまく行かず・・・。 react-nativeのバージョン、an […]
