サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
GPT-4o
www.willstyle.co.jp
こんにちは、CTOの奥田です。 先日、Twitterでお誘いをいただき「関西のイケてる人たち」の飲み会に参加させていただきました。 参加メンバーの方は現場でバリバリやっておられる方や、フリーランスの方、経営者の方などすごい方ばかりで非常に恐縮でしたが、すごく良い刺激をいただきました。 「奥田さんのブログ見ましたよ」って言っていただき嬉しい限りです。 神戸というローカルな場所ではありますがこれからもコツコツとより良いモノを作っていきたいと思います。 さて今回はPHPの内容というよりはどちらかというとHTTPの仕様のお話になります。 ただ、PHPとは切っても切れない関係ですので必ず覚えておくと今後の学習にも役立つと思います。 Table of contentsGETとPOSTGETPOST使い方の違い注意すべきことさいごに HTTPとは、データをサーバとクライアント間で送受信するために用いるプ
こんにちは、CTOの奥田です。 いよいよこの時が来たかという感じではありますが、今回のPHP入門はついに「オブジェクト指向」についてです。 ギターで言うと「F」と私はよく言っているのですが、それぐらいオブジェクト指向は理解するのが難しく、挫折する人が多いのではないかと思います。 今回はできる限り難しくないようにクラスの概念だけをご説明できればと思います。 Table of contentsオブジェクト指向とはクラスとはインスタンスとはコンストラクタクラスの継承アクセス修飾子静的メンバさいごにオブジェクト指向とは今までの解説ブログでご説明してきたPHPの記法はいわゆる「手続き型」と呼ばれるもので、設計図無しでただコードを書いてくようなイメージでした。 それとは反対にオブジェクト指向とはクラスを用いて関連するデータとメソッドを組み合わせ、設計をしっかりして構成しましょうという考え方です。 オブ
こんにちは、CTOの奥田です。 先日、義父が急逝しました。 普段は鳥取で生活しており年に数回しか会えなかったのですが、私は義父を実の父のように思っていたので本当に悲しかったです。 お義父さん、どうか安らかに。 さて、サイトやアプリケーションでグラフの描画をすることがあると思います。 最近ではグラフ描画用のライブラリも豊富になっておりますがD3.jsはグラフだけでなく様々なビジュアライゼーションが可能です。 今回はD3.jsについて実際にラインチャートを描画しながらご説明したいと思います。 Table of contentsD3.jsとはインストールチャートの軸を描画する線を描画するエリアを描画するアニメーションさせるデータに沿ってアニメーションさせるツールチップを表示するさいごにD3.jsとはD3.jsとはデータを基盤として、ウェブブラウザで動的コンテンツを描画するJavaScriptライ
【JavaScript】Pure JavaScriptで書かれたシンプルで使いやすいモーダルプラグイン「Tingle.js」 こんにちは、CTOの奥田です。 先日イチロー選手が引退されました。 小学生の頃、近所の友達とグリーンスタジアムにオリックスの試合を何度か観に行きました。 彼の素晴らしいプレーとその肩に書かれた「がんばろう神戸」の文字は私達に勇気をくれました。 いつまでも私のヒーローはイチロー選手です。 長い現役生活、本当にお疲れ様でした。 さて、今回はPure JavaScriptで書かれたシンプルなモーダルを実装できるプラグイン「Tingle.js」をご紹介致します。 Table of contentsTingle.jsとはインストール使い方カスタマイズ方法iframeの表示フッターボタンのコールバックさいごにTingle.jsとはTingleは Pure JavaScriptで
こんにちは、CTOの奥田です。 WordPressでサイトを制作している時に必要となってくるのがメールフォームだと思います。 一番ポピュラーなメールフォームプラグインといえばContact Form 7がありますが、確認画面を出力するにはカスタマイズが必要だったり何かと手がかかります。 そんな時、「MW WP Form」を使えば確認画面付きのメールフォームを簡単に設置できます。 今回は更に「MW WP Form」で作成したメールフォームに任意の項目を追加する方法をご紹介いたします。 Table of contents「MW WP Form」とはフォームと投稿を紐付ける投稿内の任意の値を選択項目で出力する任意の選択項目を任意の数だけ出力するさいごに「MW WP Form」とは「MW WP Form」とはWordPressで構築したサイトに確認画面付きのメールフォームを簡単に設置できるプラグイ
こんにちは、Designerの松並です。 2018年9月27日でGoogleが20年目の誕生日を迎えたそうです。 創立20周年おめでとうございます。これからもよろしくお願いいたします。 ブラウザはChrome、GoogleドキュメントにGoogleスプレッドシート、動画サイトといえばYouTube、その他にもあらゆる場面でGoogleが登場するようになりました。 さらに先月の9月19日にはGoogle Pixel 3を日本で発売する予定であることが発表されましたね。 皆さんはそんなGoogleが昨年公開した、新しい求人検索機能「Google for Jobs」というサービスをご存知でしょうか? リスティング広告とオーガニック検索の間に新たに生まれた求人検索に特化したGoogleの新しいサービスです。 本記事では、Google for Jobsの基本情報やマークアップの方法等をご紹介させてい
こんにちは、制作の奥田です。 今期から取締役 CTOに就任しました。 就任したからといってもやる業務は大きくは変わる事はなく、引き続き魂を込めて制作していきたいと思います。 さて、VanillaJSでWebサイトやWebアプリケーションを作っておられる方で良いLightboxがなく困った方も多いのではないでしょうか? 先人達の涙ぐましい努力の甲斐もありjQueryにはLightbox系のプラグインが豊富に存在します。 ですがVanillaJSにはそれほど多くはありません。 そんな中VanillaJSで使える「PhotoSwipe.js」は非常に高機能でレスポンシブにも対応しており大変便利です。 しかし、ただJavaScriptとCSSを導入し、Scriptを数行書いて実行するだけでは使えないのが難点です。 今回は高機能な「PhotoSwipe.js」をより使いやすく拡張してみましたのでご紹
こんにちは、アートディレクターの奥田です。 先日、日本列島を襲った台風21号、皆様は大丈夫でしたでしょうか? 僕は幸い家は無事でしたが26時間停電し、マンションのテレビのアンテナが壊れ10日間テレビのない生活を強いられました。 普段はニュースや録画したアニメを観る程度なのですが、いざ観られないとなると逆に気になるものですね。 北海道地震も含め、もっと大変な思いをされた方もいらっしゃると思います。 一日も早い復興と、皆様が日常の生活に戻れるよう、お祈り致します。 さて、ここ数年のフロントエンド界隈の発展は目覚ましく、わりとカオスな状況になっているとよく言われていますね。 現在はビルドツールに関してはWebpackが主流なのではないでしょうか。(また変わってくる可能性は大いにありますが・・・) ただ、Webpackは設定ファイルの書き方が特殊でなかなか一筋縄ではいかないのが現状です。 僕がよく
こんにちは、アートディレクターの奥田です。 以前、Pjaxを簡単に導入できるBarba.jsをご紹介いたしました。 前の記事:Pjax(非同期画面遷移)でシームレスな画面遷移ができるBarba.js シームレスでかっこいいWEBサイトの制作にはBarba.jsが非常に便利なのですが、リンククリック時の動作やメタタグの取得などちょっとしたことで躓くことがあります。 今回は僕がこの1年ほどで使用してきたスニペットをご紹介したいと思います。 サイト制作のお役に立てていただければ幸いです。 Table of contentsGoogle Analyticsを有効にするheadタグ内の必要なメタタグを取得する該当する拡張子がついたリンクにtarget=”_blank”をつける外部リンクにtarget=”_blank”をつけるアンカーリンクであり同一ページでなければPjaxを有効にする該当クラスに属し
ディレクターの池原です。 先日ひどい大雨が続いた日、パン屋さんで買い物をして外に出ると、持ってきたはずの私の傘がありませんでした。 土砂降りで途方にくれていたところ、ちょうどパン屋さんに入ろうとしていた、がっしりとした体格のやや強面なお兄さんが「ぼく近くなんで。」といって、なんと見ず知らずの私に傘を差し出してくださいました。 胸があたたかくなった帰り道、事務所に着いて傘を置いた時、持ち手にクローバーのシールが貼ってあるのに気づき、さらにほっこりとさせられました。 またお会いした際には、ぜひお礼とお返しがしたいなと思っています。 さて、今回はおなじみGoogleの便利なツールのひとつ、Googleドキュメントの便利な機能をご紹介したいと思います。 Table of contentsGoogleドキュメントとはドキュメントを共有するWord形式へエクスポートするURLから画像を挿入する便利な目
こんにちはアートディレクターの奥田です。 最近は娘の成長を見るのがとても楽しみで、寝返りしたと思えば次の日にはずりばいの練習をしていたりと日々成長していく姿に感動しております。 さて、Webサイトに高級感を与える慣性スクロールとパララックスエフェクトのVanilla.jsのプラグインを作ってみました。 サイト制作にぜひ役立ててみてください。 Table of contentsインストール使い方オプション補足さいごにインストールnpmで簡単にインストール可能です。 npm install luxy.js --saveまたは、ページにスクリプトを含めることで使用できます。 <script src="path/to/luxy.js" charset="utf-8"></script>プロジェクトにluxy.jsを含めて以下のように初期化してください。 <script charset="utf-8
こんにちはアートディレクターの奥田です。 最近はハンドドリップコーヒーにはまっています。 手軽にペーパードリップですが思っていたより手間もかからず抽出している時間がいいリラックスタイムにもなってオススメです。 コスパでいくと業務スーパーの「ラグジュアリッチコーヒー」がいいのですが味はハマヤのコーヒーが個人的には好きです。 もっと他のコーヒーも試してみたいですね。 さて、ウェブサイトにより強烈な印象を与えるにはアニメーションが欠かせませんが、よくあるSVGアニメーションではつまらなく感じることはありませんか? 今回は少し個性的な印象を与えることができる手書き風アニメーションの実装方法をご紹介いたします。 Table of contents今回実装したいもの用意するものマスク用のレイヤーをつくるSVGでマスクを作るvivus.jsでアニメーションさせるさいごに今回実装したいものまずは今回の完成
こんにちは。ディレクターの池原です。 自宅の向かいにあるお店の桜が開花していました。 春の訪れを感じますね。 さてさて、最近はGoogleサービスに若干頼りすぎな気がする私ですが、普段はプロジェクトの進捗を管理するのにGoogleスプレッドシートを活用しています。 今回は実際に私が使用しているプロジェクト管理シートをご紹介したいと思います。 Table of contentsGoogleスプレッドシートとは?使い方機能のご紹介プロジェクト管理シートの公開おわりにGoogleスプレッドシートとは? Googleスプレッドシートとは、Googleによって開発された無料の表計算ソフトです。 Googleのアカウントを所有(無料)していれば、誰でも利用することができます。 表計算ソフトといえばMicrosoftのExcelですが、Googleスプレッドシートは表計算や関数の使用、グラフ化といった、
データベースを作成まず、それぞれのDBを作成します。 すでにpostsテーブルやtagsが存在する場合でもそれぞれに影響を与えることなく実装できるのもこのリレーションの素晴らしいところですね。 php artisan make:migration create_posts_table #すでにある場合は必要ありません。 php artisan make:migration create_tags_table #すでにある場合は必要ありません。 php artisan make:migration create_post_tag_table 各migrationファイルは以下のようにします。 # create_posts_table.php Schema::create('posts', function (Blueprint $table) { $table->increments('id
このページを最初にブックマークしてみませんか?
『Will Style Inc.|神戸にあるウェブ制作会社』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く