Web Design Articles

  • 1823

【Unity道場4】マウスクリックを検出せよ

問題：マウスクリックを検出せよ ゲームオブジェクトのマウスクリックを検出してログを出力してください。 回答例 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.EventSystems; public class PrefabDestroyer : MonoBehaviour, IPointerClickHandler { // Start is called before the first frame update void Start() { } // Update is called [...]

  • 1888

個別投稿ページで利用できるテンプレートタグまとめ

日付系タグ echoを使ったやり方 カテゴリーの表示タグ タグの表示 著者の表示 前後の記事へのリンクを表示する ページ分割した記事を表示する 日付系タグ the_date() ：公開日時を表示。一覧の場合は最初の１記事しか表示されない。 the_modified_date()：更新日時を表示 the_time()：一覧表示で日付を表示する場合はこちらを利用 <?php the_time('Y/m/d'); ?>や <?php the_time('Y年m月d日'); ?>のように日付タグは()中にフォーマットを指定することができます。 echoを使ったやり方 <?php [...]

  • 1889

WordPressテーマの投稿ページのテンプレートを作成する

こんにちは、前回は固定ページのテンプレートを作成しました。 hollywis.hatenablog.com 今回、第11回目は投稿ページのテンプレートを作成していきます。 投稿ページのテーマの作成方法 投稿ページのデザインの使い分ける方法 カスタム投稿タイプを作る カスタム投稿タイプ用のテンプレートを作成する 投稿ページのテーマの作成方法 投稿ページはWordPressで定期的な記事の投稿時に利用する機能です。ブログ機能とも言えますが、投稿タイプを増やすことで様々な投稿に対応しています。 今回はこの投稿ページのテンプレートの作成方法をご紹介します。 投稿ページのテンプレートを作成することで、その他のページと独立して自由にデザインを設定することができます。 テンプレートファイル名は予め決まっており「single.php」になります。 もしテーマの中にsingle.phpがある場合、投稿ページを表示する際の挙動が、index.phpよりもsingle.phpの方が表示優先度が高くなります。 この仕組みを利用して、投稿ページのテンプレートを作ります。 それでは実際に書いて見ましょう。 「single.php」というファイル名でテーマ直下に新規作成し、次のようにコードを記載します。 single.php <?php while ( [...]

  • 1890

WordPressテーマの固定ページのテンプレートを作成する

こんにちは、今回はWordPressのテーマの固定ページを作成またはカスタマイズする方法を紹介します。 前回はコンテンツん出し方でWordPressループについて触れました。 今回は第９回目、前回の実践編という位置付けです。 hollywis.hatenablog.com 固定ページのテーマの作成方法 共通のヘッダーやフッターを付ける 共通のサイドバーを付ける 固定ページのデザインの使い分け 固定ページ用のページ毎に違うidやclassを自動的に埋め込む 固定ページテンプレートを複数作る 固定ページのテーマの作成方法 固定ページはWordPressで定期的な記事の投稿ではなく、トップページや会社概要などの静的情報を表示したい時に利用する機能です。 この固定ページのテーマの作成方法をご紹介します。 まず、固定ページのテンプレートファイルを作成することで実現します。 ファイル名は予め決まっており「page.php」になります。 もしテーマの中にpage.phpがある場合、固定ページを表示する際の挙動が、index.phpよりもpage.phpの方が表示優先度が高くなります。 この仕組みを利用して、固定ページのテンプレートを作ります。 それでは実際に書いて見ましょう。 page.php <?php [...]

旅の発見をシェアしてみる

最近かなり暑くなってきましたね。 梅雨前のつかの間の気候の良い時期なので、お出かけする方も多いのではないでしょうか。 私も先日関西に行く用事があり、そこで泊まったホテルが思いのほか良かったので、ホックーの記事にしてみました。 関西に泊まるなら... 宝塚のお得な老舗ホテルを試してみませんか？ 旅に出ると普段と環境が違うので、いろいろな面白い発見をする事が多いと思います。 そんなときは、気軽にホックーに投稿してみてください！ [さいぞう]

記事詳細画面リニューアル！

初期リリースから、いきなりインフルエンザなどの障害もあり 前途多難なスタートを切ったホックー！ですが、このたび記事詳細画面が リニューアルされました。 以前までは無味無臭な感じのシンプルなデザインでしたが、実際にいろいろな 方からご意見を頂きまして、よりポップなデザインへと変更しました。 本サービスでは、その場所の「楽しみ方」をシェアするというコンセプトが ありまして、それをわかりやすくするため記事冒頭に「楽しみポイント」を 提示するよう変更しました。 こちら！ まだまだ、これからですが使っていただける方のご意見を大切に これからもよりよいサービスを作っていきます。 よろしくお願いします！ 「のすけ」

はりうすでインフルエンザ大流行

世の中では大流行中ということはないと思いますが、まだ流行シーズン中のようです。 はりうす開発チームでは、2名しかいないスタッフが順番にやられて寝込んでしまいました。 うう... 開発スケジュールが.. みなさんもお気をつけて... [さいぞう]

本日、スタートアップ「はりうす」第二弾サービス　「ホックー！α(アルファ)」をリリースしました！

いろいろな場所を紹介するサービス「ホックー！」をアルファリリースしました！ https://hotcool.hollywis.com/ その場所についての 超ホットなスポット、超クールなスポットを共有するサイトです。 何とかαリリースまでできました！ これから順次機能追加を予定していますので、よろしくお願いします。

babylon.js ステップ4　位置、回転、スケーリング

babylon.js やってみようシリーズのステップ4位置、回転、スケーリングのお話です 位置の話 babylon.jsには２つの座標系があります ワールド座標系 ローカル座標系 ワールド座標系 ワールド座標系の原点は変わりません。通常、メッシュが作成されると、その中心はワールド軸の原点に配置されます。移動しても、ワールド座標系はそのワールドの中心(原点)を元に判断されます ローカル座標系 ローカル軸はメッシュの場所によって動きます。でもローカル軸の原点は、ワールド座標における位置に関係なく、常にメッシュの作成された中心にあります。 初期状態 ワールド座標とローカル座標は一致しますがメッシュが動くとズレることになります。 配置 mesh(メッシュ)に対して positionで位置を設定出来ます mesh.position = new BABYLON.Vector3(2, 3, 4); 例えばワールド軸にしたがって、2,3,4の位置に配置しますこの意味は obj.position.x = 2; obj.position.y = 3; obj.position.z = 4; です。赤がX軸、緑の線がY軸、青がZ軸 回転 meshに対して rotationで回転させることが出来ます mesh.rotation = new BABYLON.Vector3(alpha, beta, gamma);回転もVector3型でメッシュに設定します。alpha、beta、およびgammaはラジアンで設定します。 mesh.rotation.x = alpha; //rotation around x axis mesh.rotation.y = [...]

babylon.js ステップ3　線Lineを使ったいろいろな形状を表示

いろいろな形状シリーズです。いきましょう！ 線 //Array of points to construct lines var myPoints = [ new BABYLON.Vector3(0, 0, 0), new BABYLON.Vector3(0, 1, 1), new BABYLON.Vector3(0, 1, 0) ]; //Create lines var lines = BABYLON.MeshBuilder.CreateLines("lines", {points: myPoints}, scene); BABYLON.Vector3型で繋いでいきます Babylon.js Playground 螺旋 　//Array of points to construct a spiral with lines 　var myPoints = [...]

Let’s Work Together

Tell me more about your project

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.