こんばんは！ 今日は最近仕事でよく耳にする スマートアプリバナー こちらをまとめていきたいと思います！ 今回はプラグインなどを使って表示する方法 次回はプラグインなしで、擬似的に作成してみたことについて まとめていきたいと思います！！ スマートア…

仕事の寄り道がてら気になるものを動かしてみました。 それが processing.js (公式：https://processing.org/ ) ただ導入するまでに時間がかかったので忘備録として残していきます。 processing.js とは processing.jsとは、web上でprocessingというプログラ…

今日も一日お疲れ様でした！ processing.jsをcodesandboxで動かしてみたのですが、 いざローカル環境で動かしてみようとすると全然動きませんでした。 切り替えて 今回は最近作成したsnsのシェアボタン について解説していきます。 シェアボタン とは よく記…

リハビリですwwwww 最近はやることが爆発してここ一ヶ月くらいブログを休ませて頂きました。 忙しいを言い訳にしてサボるのもなあ、、 ということで心機一転、 のらりくらり再スタートしたいと思います。 今日はそんな中で少しずつ覚えてきたgitに関する操作…

最近クロームのディベロッパーツールにお世話になりっぱなしなので 改めてディベロッパーツールの操作方法を勉強してみました。 参考はこちら↓ https://www.amazon.co.jp/Chrome-Developer-Tools-%E5%85%A5%E9%96%80-%E6%8A%80%E8%A1%93%E3%81%AE%E6%B3%89%E…

正規表現についてまとめていきます。 正規表現とは 文字の組み合わせを照合するために用いられるパターンのこと。 正規表現リテラルと呼ばれる、スラッシュで囲ったパターンを使用します。 主な記号 次に具体例として上げるリテラルに使われている記号等です…

現在、wordpressのフォーム関連の修正をしています。 プラグインcontact form 7 周りで学んだことを忘備録として記述しますので ご査収ください！ contact form 7 のページローディングを消す！ wordpressでフォームを作るときに、 めちゃめちゃ利用されるプ…

こんにちは 今日はinputやtextareaによく使える属性 blur を紹介していきたいとおもいます。 onblur 属性 とは！！！ ユーザーがクリックしたときやtabで選択されたとき その要素はフォーカスを受け取ります。 blurはフォーカスを失ったときに受け取る属性で…

昨日に引き続き共通鍵暗号と公開鍵暗号について、 共通鍵暗号方式の欠点「第三者が鍵を使って復号できてしまう」を 補うように公開鍵暗号化方式というシステムが生まれました。 ですがこちらは速度が遅い、送信者と受信者を変更する時はまた鍵を作り直さない…

前々回記事で話した「暗号化」についてもう少し深掘りしていこうと思います。 言葉で説明できない時はkeynoteを使えばいいということに最近気づきました私です。 w 暗号とは 元の文を書き換えたり、隠したりすることである一定の人にしか解釈できないように…

最近、cssでのできることが増えたんじゃないかなと思っています。 css animation と呼ばれる機能を少しずつ理解していっているおかげだと思います。 今回、rotateを使ってカードを捲る動きに挑戦したのでその忘備録を書きます。 ご査収ください。 See the Pe…

昨日、認証鍵を作成してgithubに渡す作業を行いました。 そもそも、認証鍵、公開鍵、ssh認証鍵、それらがなんなのかわかっていないので まとめていきたいと思います。 秘密鍵と公開鍵 まず、公開鍵認証というものがあります。 これは鍵を二つ作ってそのうち…

会社で使っているパソコンがぶっ壊れました。 せっかく私の大好きな大先輩からお譲りいただいた代物だったのに、、、 というわけで、ゴールデンウィークはパソコンのない日々、、、 もういっそのこと山に籠もってインターネットのない暮らしをしようかな笑 …

入力フォームの送信ボタンに"disabled"属性を追加することで ボタンをクリックしても実行できないようにすることが可能です!! それでは見ていきましょう。 disableとは 要素をクリックしても 送信や入力などができなくなるHTMLの属性の一つです。 主にinput…

最近、git について色々学んだのでアウトプットします。 会社の開発ブログもどんどん連載しろとのこと笑 一昨日は git pull = git fetch + git merge だということがわかりました。 「git fetch ってローカルにリモートを反映させることじゃないの？」 とい…

最近、git pull や git merge をしても変更箇所が反映されない問題がおきました。 あれってなんで起きるんやろう、、 根本的な解決策ではありませんが 最近、git の作業で覚えた必殺技です。 ローカル追跡ブランチをを強制的にリモートに合わせる 1 リモート…

久しぶりです。 (10日間くらいの大型連休サボりでしました。自粛ってやつですね。) 最近カルーセルを実装したのですが、前回のように「slick」ではなく 「swiper」というプラグインを使いました。その紹介です。 See the Pen w- "swiper" by たまき こう (@u…

本日、worpdressのリポジトリをクローンした際 立ち上げ時に、「forbidden」というエラーが出てしまいました。 今日はそれについてどう解決できたかを記述してきます。 ↑↑ これです。笑 forbiddenはどういう意味？ 日本語訳すると forbidden ＝ 禁止されてい…

PCぶっ壊れましたので、いろいろ設定し直しています。 以前使っていたpureというshellのプロンプトをいれると シェルの操作がめちゃめちゃ便利になるので今回も入れてみました。 プログラミング初心者の私にってpureというプロンプトはめちゃめちゃ最高です…

ブログを書いて三ヶ月がたちました。 今日はブログを三ヶ月やってみた経過、気づいた事、今後やっていく事の三つについて話していきたいと思います。 経過 経過はこういう感じです。 だんだんと記事数が減っていっています。笑 viewに関しては一日3veiwあた…

稀に、nop rum devなどでローカルを起動するとすでにポートが使われている場合があります。 kill というコマンドを使えば、ローカルサーバーを停止させることができます。 lsof -i コマンドでポートの状態を特定 以下をコンソールで叩く。 lsof -i :3000 下…

今回「一度目だけ表示され、リロードしても表示されないようにする」 仕様のためにクッキーをjsで操作しました。 そこでcookie.jsなるものを使ったところ、 めちゃくちゃ直感的で簡単だったのでコードメモを残します。 cookie.jsとは cookie.jsは、ブラウザ…

css animation を使って色々実装しています。 今回一つのプロジェクトが終了したので とくに気をつけようと思ったこと記録していきます。 アニメーションの要素はpositionで重ねる。 今回のアニメーションに一番欠かせなかったのが transform: transition( x…

最近、nextの勉強したので忘備録つけていきます。 next.jsを起動してみる。 プロジェクトディレクトリ(今回はnext-app)を作り、 下記の内容を記載したpackage.jsonを作成する。 { "scripts": { "dev": "next", "build": "next build", "start": "next start"…

react初心者です。 今回reduxを使って簡易的なメモ帳を作ってみて 少しだけreduxが理解できたので忘備録がてらメモメモしたいと思います。 reduxを使ってみてわかったこと いろんな値をひとつの場所で管理する reduxの思想の部分です。 reactのコンポーネン…

reactを使ったmemoアプリ作成の中で indexOf というオブジェクトに出会ったので使用例をまとめました。 syntax string.indexOf(searchvalue, start) 文字列や配列に対して、調べたい文字(searchvalue)と検索開始(start)の位置を指定します。 使用例 サンプル…

Each child in a list should have a unique "key" prop. 今日はreactでもおなじみのmapオブジェクトで起こったエラーについて。 draw(d){ let s = { position: "absolute", left: (d.x - 25) + "px", top: (d.y -25) + "px", width: "50px", height: "50px"…

ファイルを実行しようとするとき たまに、次のようなエラーが出ることがあります。 ~/a/b/cde ❯❯❯ ./hello.sh zsh: permission denied: ./hello.sh これは、ユーザーにこのファイルを実行する権限がありません。 といった意味になります。 パーミッションの…

昨日読了したSHOW ROOM 前田社長のデビュー著書「人生の勝算」 社長って親族の助けや、天才的な何かがあるからなることができるものだと思っていました。 前田さんは私が想像する「社長になるまでの過程」 とは全く異なる生き方をされていたので心底驚きまし…

reactの参考書、コンポーネントの操作の部分を読んでみているのですが わかった気になっていざ自分で簡単なコンポーネントを作ってみようとしても 全く表示されなくてびっくり！！笑 今日のエラーログです。 エラー内容 index.js:1 ./src/App.js Line 6:15: …