chevron_left

メインカテゴリーを選択しなおす

cancel
muleの技術ブログ https://tool-engineer.work/

経験をもとにプログラミングの知識や、フリーランスとしての体験談について紹介しています。 読者の方の抱えている問題を解決するお手伝いができるように、わかりやすく具体的なノウハウをまとめていますので、ぜひご覧ください。

mule
フォロー
住所
未設定
出身
未設定
ブログ村参加

2022/09/14

1件〜100件

arrow_drop_down
  • バイナリ形式の画像をアップロードする【HTML・JS(jQuery)・PHP】

    通常であれば、画像のサーバへのアップロードはformを使って行います。しかし、imgやcanvas要素の画像を直接アップロードしたいケースもあります。そのような場合には、通常のアップロードは行えないため、一度バイナリ形式でアップロードして、

  • canvas要素を使って、画像の上にテキストを描画。【HTML・JavaSctript(jQuery)】

    ウェブ開発を行う際に、「画像の上にテキストを描画したい」というケースがあったため、やり方のメモを残しました。HTMLのcanvasオブジェクトとJS(jQuery)を使えば、実装できます。デモ・解説デモ See the Pen can

  • HTMLのcanvas要素を使って、画像の上にテキストを描画。【HTML・JavaSctript(jQuery)】

    ウェブ開発を行う際に、「画像の上にテキストを描画したい」というケースがあったため、やり方のメモを残しました。HTMLのcanvasオブジェクトとJS(jQuery)を使えば、実装できます。デモ・解説デモ See the Pen can

  • DOM操作でHTML要素の追加・削除【jQuery】

    jQueryでHTMLの操作をしたい時があります。そのような場合に必要なのがDOM操作です。追加・削除等、様々なパターンを紹介していきます。同じ要素追加のメソッドでも、追加位置に違いがあったりします。それについても把握しておきましょう。ap

  • 配列の操作(追加・削除・差し替え他)【JavaScript】

    JavaScriptには、配列操作のためのメソッドがいくつか用意されています。かなり複雑な操作もかなり簡単に行えますので、ひととおり把握しておきましょう。要素の追加unshift() : 配列の先頭に値を追加const array = ;a

  • 配列の操作(追加・削除・差し替え他)【JavaScript】

    JavaScriptには、配列操作のためのメソッドがいくつか用意されています。かなり複雑な操作もかなり簡単に行えますので、ひととおり把握しておきましょう。要素の追加unshift() : 配列の先頭に値を追加const array = ;a

  • attr()でHTMLの属性を操作する 【jQuery】

    概要jQueryのattr()はHTMLの属性の取得・操作ができます。例えば、クラス名を取得したり、変更したり、削除したりといった感じです。以降、使い方を事例を挙げつつ解説していきます。使い方基本属性の取得$(HTML要素).attr(&q

  • SetTimeoutで指定したタイマーを解除する

    setTimeoutの使い方概要setTimeoutはとは以下のように、指定時間後に関数を実行するために使われる関数です。setTimeout(関数名,時間)デモ See the Pen setTimeOut by masahiro

  • ユーザの承認を得て、audioの自動再生を可能にする。chrome・safari対応【JavaScript】

    audioを自動再生しようとすると発生するエラーこんな風に自動で音声を再生しようとすると・・・。$(function () { $("#audio1").play();});chromeだと以下のように怒られます。pl

  • jsで簡単にスライダーを実装する。【swiper.js:ver8】

    はじめに簡単にスライダーを実装するライブラリとして有名なswiper.js。コードの紹介はいろいろなページで行われていますが、バージョンが古いものも多いため、最新バージョンであるswiper8での実装について解説します。実装デモとりあえずよ

  • jsで簡単にスライダーを実装する。【swiper.js:ver8】

    はじめに簡単にスライダーを実装するライブラリとして有名なswiper.js。コードの紹介はいろいろなページで行われていますが、バージョンが古いものも多いため、最新バージョンであるswiper8での実装について解説します。実装デモとりあえずよ

  • 画像をランダムに切り替えて表示する

    ウェブサービスを作っていると、「表示をランダムに切り替えたい」という場面があります。例えば、背景画像を一定の選択肢からランダムに切り替えると、サイトを見るたびに新鮮な印象を与えることができるでしょう。それ以外にも、「乱数を使ってランダムな値

  • freelance hubにて記事をご紹介いただきました。

    この度、freelansu hub様にて、当ブログの記事をご紹介いただきました。紹介していただいた記事は、「フリーランスエンジニアの収入不安と独立前に準備しておくべきこと」という割とシビアな内容を書いたものだったので、ご連絡いただいた際は正

  • EC2にSSHアクセスするためのユーザ・キーを追加する。(AWS)

    アクセスユーザ名についてEC2(Amazon Linux)にsshからアクセスする場合、デフォルトのユーザ名はec2-userです。開発の際には、他のユーザを追加したいケースもあるかと思います。今回は、アクセスユーザ名の変更・追加方法につい

  • EC2にSSHアクセスするユーザ・キーを追加する。

    アクセスユーザ名についてEC2(Amazon Linux)にsshからアクセスする場合、デフォルトのユーザ名はec2-userです。開発の際には、他のユーザを追加したいケースもあるかと思います。今回は、アクセスユーザ名の変更・追加方法につい

  • EC2の概要・立ち上げからSSHアクセスまでの手順(AWS初心者向け)

    EC2とは?公式によると、下記のように解説されています。『Amazon Elastic Compute Cloud (Amazon EC2) は、Amazon Web Service (AWS) クラウドでスケーラブルなコンピューティングキ

  • APIGateway + Lambda(Python)でAPIを作る

    APIGatewayとLambdaAPIGateWayとは公式によると、下記のように説明されています。『フルマネージド型サービスの Amazon API Gateway を利用すれば、デベロッパーは規模にかかわらず簡単に API の作成、公

  • AWSでs3に設置したファイルを公開する

    S3とは?「Amazon Simple Storage Service」の略称です。公式では、以下のように説明されています。『Amazon Simple Storage Service (Amazon S3) は、業界をリードするスケーラビ

  • AjaxとCsrfトークンの取り扱いについて【CakePHP4】

    CakePHPでAjaxを利用する際には、csrfトークンについての知識が必要になります。今回の記事では、具体的な使い方について紹介します。CakePHPでのAjaxの使い方Templates/samples/demo.php(テンプレート

  • ルーティング(URL・パスの指定)【CakePHP4】

    デフォルトの設定CakePHPではルーティングがデフォルトで設定されており、以下のようにコントローラ名、関数名を参照します。https://ドメイン/コントローラ名/関数名具体例src/Controller/SamplesControlle

  • トランザクション(try,catch,rollback)の実装【CakePHP4】

    DataBaseの絡むプログラムを実装するには、整合性の保持のために、エラーが出たら処理前の状態に戻す(ロールバックする)必要性があります。今回は、これをCakePHPで実装する方法を解説します。以下のように簡単に実装できます。実装例以下、

  • サイト移転時のエラー Composerで”Cannot redeclare” 【CakePHP4】

    経緯CakePHPで構築したサイトを別サーバに移転する必要があったので実施。ファイルとDBを新サーバに移管し、表示確認したところ500エラーがでました。DBへのアクセス情報等に誤りはなく、原因不明。解決までの流れ①composer更新エラー

  • メール送信の基本【CakePHP4】

    CakePHPではメールの送信を簡単に実装することが可能です。もっとも基礎的な、コントローラ内でメール送信を行う方法について解説していきます。基本のコード(コントローラ内で実装)以下のように実装します。//src/Controller/Sa

  • ラジオボタン・チェックボックスの値を受け取る【HTML・PHP】

    選択肢を含むフォームを作る際には、ラジオボタン・チェックボックスが用いられます。ひとつだけ選択させる場合にはラジオボタン・複数選択の場合はチェックボックスです。今回はこれらを使ってフォームを作る方法を解説します。ラジオボタンの場合ラジオボタ

  • 関数をCommandで実行する【CakePHP4】

    CakePHPで構築したサービス内で作成した関数を、コマンドで実行したいケースがあります。例えば、一定時間おきにCron実行する際などです。今回はそのような場合に利用するコードを紹介します。基本のコード●コマンド//src/Command/

  • 画像アップロード機能の作成 【CakePHP4】

    ウェブサービスでフォームを作成する際に、ユーザロゴ等画像をアップロードするケースがよくあります。今回はCakePHP4での実装方法について解説していきます。Cake固有の関数等もあるので通常のPHPとは少々記法が違いますが、割と取り扱いやす

  • Dateから「年・月・日、曜日、時・分・秒」を個別に取得する。【JavaScript】

    Dateオブジェクトを、利用する際に、年・月・日、曜日、時・分・秒を個別に取得したいケースもあります。今回はその方法について解説していきます。デモResult上が、取得したDateオブジェクトをそのまま表示したもの。Result下が、Dat

  • ローカルストレージの使い方【JavaScript】

    Webサービスを開発していると、前回表示した際の情報をブラウザに保持しておきたいケースがよくあります。そんな時に便利な機能が「ローカルストレージ」です。今回はこちらについて解説していきます。ユーザがページをリロードした時も、リロード前の行動

1件〜100件

arrow_drop_down

ブログリーダー」を活用して、muleさんをフォローしませんか?

ハンドル名
muleさん
ブログタイトル
muleの技術ブログ
フォロー
muleの技術ブログ

にほんブログ村 カテゴリー一覧

商用