今回のテーマはマークダウンエディタでドラッグアンドドロップで画像を挿入させる機能の導入。 これはローカル環境と本番環境で多少手順が異なり、本番環境は現在herokuで運用してるけど、herokuは画像アップロードのための保存容量がないので、S3とかに保存する必要が出てくる。お金がかかるかもしれない。無料枠内でできればそうしたいところなので、この辺もちょっと調べながらやってみる。 Importmapを使ったjQueryのインストールの仕方 ImportMapを使ったライブラリの追加方法について pinコマンドを使う carrierwaveをインストール アップローダーの作成 アップローダーの設定…
主にブログによるコンテンツマーケティングは、新しいトラフィックをもたらすためのゲームの名前です。 これは、2017年にインバウンド訪問を増やすための唯一の実行可能な戦略です。 しかし、2018年はどうですか？ 私たちの業界では、消費者の行動は絶えず変化しています。今日ここにあり、明日行きます。 2018年は、ブログや電子書籍などの一般的なコンテンツマーケティングではなく、動画ベースのコンテンツに賭けています。 現在、私はビデオ撮影だけで年間6,000ドルを費やしています。 私は予算の24,000ドルをチームに捧げました。チームは、各動画のトピックと追加する可能性のあるショーノートに関する追加の…
RailsでWebpackerを使用していたのですが、こちらが開発終了となり、fork先にShakapackerが引き継いでいるので、そちらに移行したときの備忘録です。
マーケティングはオムニチャネルアプローチに進化しました。つまり、1つのチャネルをたどって成功することはできなくなります。 当時、Facebookのような企業は1つのチャネルを通じて数十億ドル規模のビジネスに成長しました。 Facebookは電子メールを使用して成長し、すべての連絡先をFacebookに招待することで成長しました。 Yelpも同様でした。彼らは1つのチャネルを通じて数百万ドルのビジネスに成長しました…SEO。 Dropboxはソーシャルメディアを通じて成長しました。 Dropboxについてツイートした場合、より多くのスペースが提供されます。 これらのマーケティングアプローチは、こ…
昨日詰んだって書いてたけど、なんとかできた。結論から言うと、event.preventDefault()を呼ぶことで、リンクをたどるのをキャンセルできる。解決策に気づいた経緯Stimulus Referenceを見ていたらドンピシャリな記述が見つかった。こんな記述です。 Cancels the event’s default behavior (e.g. following a link or submitting a form)JavaScript に無知すぎて、全く知りませんでした。昨日までは、確認ボタンの返り値で遷移先のページを分けようとしていたんですが、そうするとどちらの分岐でも削除機…
<details> 要素 を使うと JavaScript を使わずにアコーディオンメニューを実装することができます。 ただ、2022年2月時点では、開閉のアニメーション表示をする組み込みの方法がありません。 そこで、Stimulus を使って開閉アニメーション表示をするコードを示します。 HTML <details data-controller="accordion"> <summary data-accordion-target="summary" data-action="click->accordion#toggle">詳細</summary> <div data-accordion-…
Rails7からNode.jsが要らなくなるとかそういう話はまだ理解できていないのだけど、とりあえずRails7を使いたくて Rails7 + React + Tailwind の環境を作ってみたので手順をメモしとく。手順といってもDHHの動画の通りにやってみただけ。 youtu.be tailwindとesbuildを含めてrails new $ rails _7.0.0_ new mega -d mysql -j esbuild --css tailwind $ rails g controller Sample index foreman が使えるようになっているので、$ bin/dev…
前回までのあらすじ：2020年に作ったソフトウェアや開発技術をふりかえる - laiso Write Code Every Day プログラマーの人にありがちな趣味だと思うんだけどWrite Code Every Day （John Resig - Write Code Every Day）を2008年ぐらいからやっていて、昼に仕事でコード書いて夜になったら自分の楽しみのために何か作るか〜というのを繰替えして生活してる。 John Resig の記事との違いは今読みながら比較していたんだけどGitHubに上げるっていう部分はやらなくなってしまった。クレデンシャルとかハードコードしてるやつとか半…
この記事は、CAMPHOR- Advent Calendar 2021の21日目の記事です。 Ruby on Rails に hotwire-rails という gem を導入すると、ブラウザ・サーバー間の双方向通信がかんたんに実装できます。 それを利用して、ある種のブラウザオンラインゲームを簡単に実装にできるという話と、その一例として、オンラインで対戦できるリバーシを作った話をします。
Jamstack Conf Session: Transitional Apps 先月のJamstack Conf 2021のトークより。ほんとはもっと早くまとめたかったけど、仕事のアレがアレでな・・。内容としては、ちょっと前に書いてたこの記事にも縁がある感じの内容かも。 なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();
Strada こんばんわ、Strada探検隊のお時間です。 Stradaとは？ Turbo NativeとモバイルOSのネイティブAPIを連携させるHotwireシリーズ最後のミッシングパーツだと目されています*1 Stradaは目下開発中の身であり全容が分っていないのですが、既にHEYアプリに投入されているため、HEY iOSアプリの構造を見て取ることでその仕組みが予測できるのではないかと考えました。 計画 Standardizes the way that web and native parts of a mobile hybrid application talk to each ot…
www.youtube.com の手順で作成したRailsアプリケーションの動作を見てみましょう。 このRailsアプリケーションの http://localhost:3000/posts のHTML、特にheadタグを見ます。 Post一覧画面のheadタグ なかでも気になるのは次の行です。 <script type="module">import "application"</script> アプリケーション用のJavaScriptとして読み込まれているのはこれだけです。 しかし、ダウンロードしているJavaScriptファイルはほかにもたくさんあります。 Post一覧画面で取得するJav…
×113 Release v3.0.0-beta.1 · hotwired/stimulus · GitHub ×50 WHATWG Stream の話 - Speaker Deck ×34 時雨堂 9 期振り返り. 時雨堂は 9… | by V | Aug, 2021 | Medium ×24 【開発本部】WebRTCエンジニア | mixi GROUP RECRUIT ×22 Is Facebook the AOL of 2021? - Slashdot ×21 Node学園 37時限目 オンライン - connpass ×18 SMPTE2110とwebrtcのSDIゲートウエイを使わな…
×60 フロントエンド技術の、各社の事情を聞きにいこう！ ×37 Raspberry Pi 30台をデータセンタにデプロイする 1. 企画編(インターネットゼミ) | CyberAgent Developers Blog ×28 OnlyFans Drops Planned Porn Ban, Will Continue To Allow Sexually Explicit Content - Slashdot ×25 yagisan-reports JavaScriptで動くWebフレンドリーな帳票発行エンジン ×24 Man Steals 620K Photos From iCloud A…
Hotwire とは hotwired.dev Railsの作者 DHHが提唱する新しいSPAの形を実装したライブラリになります。 今まではサーバーサイドのデータをJSONのようなフォーマットでクライアントに渡し、クライアント側のJavascriptでHTMLをレンダリングすることでSPAを実現するといった流れでしたが、HotwireはサーバーサイドでHTMLをレンダリングし、必要な部分だけをクライアント側で置き換えることで実現されます。 これによって、レンダリングに関わるコードが Ruby で記述できるので、Ruby好きにはうれしいライブラリとなるかと思います。 チュートリアル なぜかドキュ…
hotwired.goo.ne.jp
hotwired.goo.ne.jp
hotwired.goo.ne.jp
hotwired.goo.ne.jp
hotwired.goo.ne.jp
hotwired.goo.ne.jp
hotwired.goo.ne.jp
hotwired.goo.ne.jp
hotwired.goo.ne.jp
