2024年– date –
-
デザイナー必須「LP」の構成・デザイン① アピス
WEB世界は各業態が争うように刻々と進化していますね。 現在のWEBページは、一定の社会性を保っていれば表現への規制はなく、自由だからこそ画期的な表現が生まれます。エンジニアやデザイナーの創造力がWEBを進化させているわけです。 WEBに携わっている... -
phpからjQueryへ配列データを引き渡す方法【smarty】【Laravel】【javascript】
こんにちは、コーダーのオッコです。 本日は、php側で用意したデータをjqueryで使いたいときの引き渡し方法を紹介します。 前提 使用フレームワーク ・バック：Laravel フロント：smarty、jQuery やりたいこと ・Controller側で用意した配列を、jquery... -
【公開鍵暗号方式とは】公開鍵と秘密鍵をざっくり分かりやすく説明してみる【public key】【private key】
こんにちは、3年間のエンジニア経験を経て、現職ではデザイナ・コーダーをやっています、オッコです。 本番環境に接続する「公開鍵」「秘密鍵」を作成する機会に何度か直面してきたのですが、これが何かずっとふわふわしたままだったので、一旦言語化を試... -
YouTubeのiframeのサイズ調整CSS
/* YouTube */ /*親*/ .youtube { position: relative; padding-bottom: 50%; height: 150px; overflow: hidden; margin-bottom: 20px; margin: 0 7px; border-radius: 10px; } .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; heig... -
LINE内で使うアプリ開発のために、LIFFを試す（スターターキットを立ち上げてみる）
コーダーのオッコです。 新規プロジェクトとして、LIFFを使った開発が始まりました。 今回LIFFを初めて利用するので、メモがてらまずはスターターキットの立ち上げ方法を記載しておこうと思います。 gitを取ってきてローカルの環境構築をする まずは公式ド... -
git管理下でsourcetreeとmonacaを併用してハイブリッドアプリの開発をする【Vue.js】～環境構築とクラウド反映確認～
こんにちは、コーダーのオッコです。 今回は、notエンジニア向けに、vue.jsを使ったアプリ開発においての環境構築手順を紹介します。 かなり苦戦しまして、私の場合はこの順番でないとローカルで行った修正がビルド後の実機で反映されない等、トラブルが頻... -
【頭脳】ChatGPT と【技術】DALL-Eでキャラクターを作る
アピコです。 WEBデザイナーとはいえ、色んなシュチュエーションでお仕事を要求されます。 今回はサイトに使用するキャラクターデザイン制作。 【頭脳】GPTにプロデューサーになって指示してもらう キャラクターデザインは専門のイラストレータやキャラク... -
SEO検索に必要な「hタグ」のおさらい
簡単にchat GPTさんにおさらいしてもらい、Google、その他参考サイトの調査結果も追記しておきます。もっと極める方はご自身で調査してくださいね！ Hの意味は？？ hタグとは、ユーザーや検索エンジンに対して文章の中で重要な文章を伝えるために、HTMLで... -
Adobe「After Effect」動画制作
最近のWEBサイトは動きがあって、わかりやすく、UIデザインもしっかりしているのでストレスフリーで情報を得ることができます。 さて、アピスの公式サイトはワードプレスで制作されていますが、古く、メンテナンスが行き届いていないため、色褪せたサイト...
