UIデザインで気をつけること1 (https://creat4869.hatenablog.com/entry/2019/09/02/184359)の続きです。 進行状況を示すインジケータを常に表示する ステップ形式でユーザーに入力してもらうたい画面には、ユーザーが作業にかかる時間を把握できるようにイ…

最近UIについて学ぶことが多かったので、 備忘録として書いていこうかなと思います＾＾ UIとは？ そもそもUIとはなんぞや？ と知らない方もいるかと思います。 UIとは『ユーザーインターフェース』頭文字をとった言葉です。 ユーザーインターフェースとは、…

すでにプッシュしてしまっていたファイル、私の場合はsecrets.ymlファイルだったのですが、 それをgitignoreしたくていろいろしていたら、 ローカル上でもリモート上でもファイル自体がなくなってしまって、 エラーが出てしまいパニックになったので、その時…

jQueryで作れるアニメーションについて調べている時、面白いものを見つけました！ それがRipplesというjQueryです！これは『水面に波紋が広がるような表現』を可能にしてくれるjQueryです！ 設定している範囲内でクリックをすると水に指をつけた時のような波…

ヘッダーを上部に固定させるCSSは簡単でよくするのですが、 時々見る『スクロールしたら高さの幅が自動的に狭くなる固定ヘッダー』を作りたくて、 実際にしてみました。思っているよりも簡単にできました＾＾ 手順を説明していきます。 HTML <header id="top-header"> </header> jQuery $(fun…

Railsアプリを作成した時、『SEO対策しないとな～』 『OGP設定してないからSNSに記事をあげた時、アイキャッチが表示されないじゃん！やらないと！』となったので、その時に行った手順を残していこうと思います。 SEO対策って？ SEOというのは、『検索エンジ…

herokuへのデプロイをするため、git push heroku masterをした時に なんとなく分かってはいましたが、やはりつまりました笑 ! [remote rejected] master -> master (pre-receive hook declined) error: failed to push some refs to・・・以下略 こんな感じ…

サブドメインの方がいいと思ってサブドメインにWPをインストールして進めていたけど、 「あ、やっぱりメインドメイン表示にしたい！」 ってなること、ありますよね笑私もそんな経験をしたので、その時にメインドメインに変更した手順を書いていこうと思いま…

今回は、ruby on railsアプリをherokuで簡単にデプロイする手順を書いていこうと思います＾＾ちなみに作成したrailsアプリのDBは、MySQLです。 あと、アプリはすでに完成している前提で、GitHub Desktopを使ってリモートリポジトリにもアプリを上げている状…

ふとメールボックスを開くと、 Githubからsecurity系のメールが届いていた。 内心すごく不安になりながら、内容を見てみると こんな中身でした。 どうやら該当のリポジトリにセキュリティ脆弱性があるみたい...。 今回の場合、mini_magickというgemのバージ…

知り合いから 『自分で作ったリファラページに貼っているリンク先を、ユーザーのデバイスがPCだったらPC用ページに。モバイル・タブレットだったらモバイル用ページのリンク先に飛ぶようにして欲しい』 という依頼を受けたので、やってみました。が、何しろ…

モーダルウィンドウを簡単に作りたいと思ったので、めちゃ簡単におしゃれなモーダルウィンドウが作れる『Modaal』を使用してみました。 手順は以下です＾＾ 必要なファイルをダウンロードする 以下のリンクからファイルをダウンロードします。以下のページの…

以前書いたRealm導入の記事後、Xcode内で『import Realm』と記述すると エラーが出たので、そのエラーを解決する方法を書いておきます＾＾ エラーを解決する方法は以下の手順です。 手順 ① 開いているXcodeを一旦閉じ、ターミナルを開いて該当のプロジェクト…

iOSアプリを作成する時に、簡単に導入できると言われている Realmデータベース導入に手間取ったので備忘録として。 Realmデータベース使用の準備 ① CocoaPodsをインストールする。 (Realmをインストールするのに必要です。) 【手順】 ・ターミナルのホームデ…

よくformとかで、submitボタンの上に 『上記の規約に同意する』チェックボックスがあって、 それにチェックを入れないと submitボタンを押すことができないみたいなの目にしますよね。 あれがしたかったので、jQueryで実装してみました。 サンプルコード HTM…

チェックボックスで複数選択できてしまっているものを 一つしか選択できないようにするコードが書きたかったので書いてみました＾＾ サンプルコード HTML <input class="a" type="checkbox" />赤<input class="a" type="checkbox" />白<input class="a" type="checkbox" />黄 jQuery $(function( ){ $('.a').on('click', function( ){ if($(this).prop('checked')){ $('.…

画像を配置する時などに、毎回といっていいほど 相対パスの書き方を忘れてしまう私...笑 一度、パスの書き方について整理したいと思います。 絶対パスと相対パス そもそも「パス」とは、特定のファイルまでの道筋を記述したものです。 例えば、「sample.jpg…

人生初ブログです。 ・日々学んだこと ・シゴトのこと ・好きな本のこと 日常で出会ったモノ、コトを投稿していきます。 つたない文章ですが、読んでいただけるととても喜びます。 よろしくお願いします＾＾