LPコーディング

2022.09.27 / 最終更新日時 : 2022.09.30 yoshi-ishii LPコーディング

【LPコーディング】Q＆A 質問をクリックすると回答を表示する方法

ランディングページではおなじみのセクションである「よくある質問（Q＆A）」。回答が初めから表示されていない状態で、質問をクリックすると、表示・非表示が切り替える場合の実装方法をサンプルデザインを元に解説します。

2022.08.28 / 最終更新日時 : 2022.09.10 yoshi-ishii LPコーディング

【LPコーディング】clip-pathでセクションを三角形に区切る方法

ランディングページのデザインで、セクションの区切り方が、三角形になっている場合のコーディング方法の紹介です。

今回はcssのclip-pathを使用して「上のセクションが単色背景、下のセクションが画像背景の場合」と「上のセクションが画像背景、下のセクションが単色背景の場合」の2パターンを解説します。

2022.07.27 / 最終更新日時 : 2022.08.14 yoshi-ishii LPコーディング

【LPコーディング】 CSSのborderを使用した逆三角形の作り方

ランディングページで、セクションの下に以下のような逆三角形を見かけたことはありま […]

歌うプログラマー石井よしまさ
1986.9.25 神奈川県平塚生まれ

フリーエンジニア / Webデザイナー / LPコーディング講師 / シンガーソングライター

◆自分に素直に、コツコツと
一歩ずつ挑戦していこう

歌うプログラマーとして
IT業界、プログラミングの"あるある"を歌にしている。プログラミングもデザインも音楽も色々とやるパラレルキャリアな人。

CURIO,GRiP,GONDAなどロック、アコースティックな音楽を愛する。たまにアイドル(でんぱ組.inc、まねきけちゃ)なども好んで聴いている。

お笑いは、ジャングルポケット、ロバート秋山さんが好き。
クリエイターズファイルで好きな人物は、二木陽次、去木アコ、我孫子進平、渡辺善吉。

海外旅行はヨーロッパ(特にドイツ)、お酒はレモンサワー、あんず酒、白ワイン、好きな食べ物は、サーモン、オムライス、蕎麦、プリン。
休日は料理をして気分転換♪

お問い合わせは問い合わせフォームからお願いいたします。
※掲載の写真・イラスト・記事などのすべてのコンテンツの無断複写・転載を禁じます。

静岡朝日テレビのアナウンサー、テレビ朝日「ミュージックステーション」のリポーター、TBS「サンデーモーニング」のディレクター経験がある「森脇健仁」氏がパーソナリティを務めるかわさきFM
「DJ Kenのマスコミパラダイス」に
ゲスト出演
World End APARTMENTのギタリスト「しんしん」氏がパーソナリティのインターネットTV 「WALLOP」の「立入禁止ハイパー」ゲスト出演
1300人以上の方のインタビュー記事が書かれているWeb新時代創造マガジンRe・rise Newsにインタビュー記事が掲載された。
「【LPコーディング】 CSSのborderを使用した逆三角形の作り方」の記事が、「LPコーディング逆三角形」「ランディングページコーディング三角形」のキーワードで投稿開始から約2日でGoogle検索順位第1位獲得。
「【LPコーディング】Q＆A 質問をクリックすると回答を表示する方法」の記事が、「LPコーディング Q&A」「LPコーディング質問」のキーワードで投稿開始から約3日でGoogle検索順位第1位獲得。
「使っていないusingディレクティブ削除していますか？」の記事が、「usingディレクティブ削除」のキーワードで投稿開始から約2週間でGoogle検索順位第1位獲得。
「【初心者向け】ASP.NET MVC5 ログイン機能の実装方法」の記事が、「ASP.NET MVC5 ログイン」「初心者 ASP.NET MVC5」のキーワードで投稿開始から約1カ月半で、Google検索順位第1位獲得。
「ASP.NET MVC5 JQuery UIで独自ダイアログ作成」の記事が、「ASP.NET MVC5 JQueryUI 」のキーワードで投稿開始から約1カ月でGoogle検索順位第1位獲得。
「Windowsでyoutubeのアクセスを禁止する方法!!」の記事が、「windows youtube アクセス」のキーワードでGoogle検索順位第1位獲得。
「Entity Data Modelを用いて既存データベースに接続」の記事が、「Entity Data Model 既存データベース」「Entity Data Model SQLServer」のキーワードでGoogle検索順位第1位獲得。
「【ASP.NET MVC5】実務で使える簡単なCRUD機能の作成」の記事が、「ASP.NET MVC5 CRUD」「CRUD機能実務」のキーワードでGoogle検索順位第1位獲得。
「ASP.NET CRUD」のキーワードでは、大手技術情報サービスQiita、Microsoft公式のASP.NET MVCのCRUD機能作成チュートリアルの記事を抜いてGoogle検索順位第1位獲得。
「【ASP.NET MVC5】ClosedXMLでExcelファイル出力」の記事が、公開から約2週間で、「ASP.NET MVC5 ClosedXML」のキーワードでGoogle検索順位1位獲得
「【ロリポップ】 WordPress5.7 ワンクリックSSL化を検証」の記事が、公開から約4日で、「ロリポップ WordPress5.7」「Wordpress5.7 SSL化」のキーワードでGoogle検索順位1位獲得。
「【WindowsForms】Visual Studioで既存フォームの追加方法」の記事が、公開から約3日で、「VisualStudio WindowsForms 既存フォーム」のキーワードでGoogle検索順位1位獲得。
「【Blazor】初期のサイドバーをヘッダーメニューに変更する方法」の記事が、公開から1日で、「Blazor サイドバーヘッダーメニュー」のキーワードでGoogle検索順位1位獲得。
「社会人シンガーソングライターが音楽活動をするための９ステップあとがき」の記事が、「社会人　シンガーソングライター」のキーワードでGoogle検索順位第1位獲得。
「【無料素材】メッセージボックス用アイコンセット(情報、警告、エラー)社会人シンガーソングライターが音楽活動をするための９ステップあとがき」の素材が、「無料素材メッセージボックス　アイコン」のキーワードでGoogle検索順位第1位獲得。
フリーランスとして独立した2012年から現在までの9年間で13の現場を経験。その中で4社から正社員オファーをいただく。
週5勤務で契約していた現場と、週4勤務の契約変更に成功。
C#(5年)、VB.NET(2年2ヵ月)、VBA(3年6ヵ月)、PHP(1年)、Javascript(3年10ヵ月)などのプログラミング言語を経験。
主に以下の開発案件でシステム開発を経験。
組立ラインの生産指示システム
歯科医院予約システム
歯周検査入力システム
食品会社向け業務システム(上場企業)
証券取引システム
保険代理店向け人事評価システム
最高１ヵ月半で約20000行書いた経験あり
ライブ中にGLAYのHoweverを歌いながら、画面に数字を点滅表示して、最終的に1～20の数字をランダムで表示する抽選アプリ(Windowsアプリケーション)を作成するという芸を披露。
2019年3月全39Pの無料PDF「社会人シンガーソングライターが音楽活動をするための9ステップ」を発表。
毎年全国で約300組のアーティストがエントリーする新堀ギター主催のライブコンテスト「ライブエナジー」でドラムで参加していたバンドで決勝進出！
スタンディングで1300人規模のライブハウス「川崎CLUB CITTA’」にて決勝戦。
約20組の中から2年連続準優勝、他個人賞も受賞し、自身はベストドラマー賞を受賞する。

【2012年】
優秀賞
作詞・作曲賞
ベストボーカリスト賞
ベストギタリスト賞

【2013年】
優秀賞
ギタリスト賞
ベストベーシスト賞
ベストドラマー賞
八王子新堀ギター音楽院の発表会ライブで2014年～2018年の約4年間、生徒さんのバンド、講師陣のサポートドラマーを担当。
プロペラというバンドのギタリストとして、ワ－ナ－ミュ－ジック・ジャパンよりメジャーデビュー経験があるGONDA氏のライブを見に行った時、飛び入りでドラム、パーカッション(カホン、ジャンベ)を計5回セッションさせてもらったことがある
→当時、GONDA氏が書いていたブログ記事
「Romanticが止まらない」で有名なバンド「C-C-B」のベーシスト「渡辺英樹」氏とバンドを組んでいるドラマー「野口薫」氏の生誕祭イベントで、オープニングアクトを務めた。「渡辺英樹」氏もこの日に共演。
自主制作で6曲入りミニアルバム1枚、各種音楽配信サイトにて配信リリースあり。
初自主企画ライブでほぼ満員。
2回のワンマンライブを開催し、満員。
大学生の頃、エキストラのお仕事で金スマの再現VTR2件、リンカーンの企画「DJ山口のバック・トゥ・ザ・19×× Part2」で暴走族役で出演。
(金スマ：TBS『金スマ波瀾万丈スペシャルYOSHIKI』の視聴率が平均15.3%を記録、

さらに瞬間最高視聴率はなんと驚異の19.7%をたたき出した番組。

リンカーン：歴代高視聴率15.2%)
中学1年生の頃から独学でhtml、cssを学び、約3ヵ月でホームページを作成。
高校1年生の頃、ABCオロチ様の人気アドベンチャーゲーム「レッグさん」の共同シナリオ制作者として「レッグさん Rifel版～にせレッグさん参上～」を制作。

※ABCオロチのオロチ社長はゲーム制作とは別にレモンフーリガンというバンド活動もしていた。
大槻ケンヂも認めた実力を持ち、ライブハウスのスタッフや対バンには絶賛されていた。
(大槻ケンヂ：『オールナイトニッポン』のパーソナリティーや『徹子の部屋』や『さんまのまんま』などのテレビ番組にも出演経験のあるミュージシャン)