WP Canvas Shortcodes はショートコードの王様だ。 先日の記事（ウェブデザイン技能検定3級を受験しました）は縦に長いページになってしまい、 その大半が、身内ネタ。 本来のWEBデザイン技能検定の内容に関係が無かったので、初期表示ではトグルで非表示にしたいと思った。 そんなときに見つけた便利なプラグインが「WP Canvas Shortcodes」。 WP Canvas Shortcodes は簡単なショートコードを入力するだけでページの質を上げてくれます。 Shortcodes – WP Canvas http://webplantmedia.com/starter-themes/wordpresscanvas/features/shortcodes/ トグル機能だけではなく、アコーディオンやタグ、カラム分けのできるショートコードなどがあります。 下記のサイトが試しにトグ
2015年度第3回のウェブデザイン技能検定3級を受験しました。 ええ、きちんと6時には起きましたよ。 ええ、さらに、朝ごはんをＳガストで食べましたよ。 ええ、さらに、腹痛対策にトイレ問題もバッチしです。 迷子にならないようにingressしながら向かいましたよ。 で、試験会場に早く着いて、勉強もしましたよ。 きちんと勉強してたんですから。 ウェブデザイン技能検定 勉強中 //arison.jp/blog/2015/11/28/webdesign-study/ まずは【実技】60分。 問題は全部で6問。そのうち5問を選択。 1問目 ファイルごとにディレクトリを分けて、ディレクトリの違うファイルへのリンク（htmlとCSSの編集） 2問目 リンクの追加と文言変更（htmlの編集） 3問目 レイアウトの変更(CSSのfloatの使い方) 4問目 背景と文字の変更(CSSのcolorとbackgr
先日、個人でiine logというミニブログサービスをリリースしました。 このサービスはリリース2日で200ユーザ、20,000PVと（個人サービスとしては）好調な滑り出しでした。 ただ、ある問題が発生したため、昨日に至るまで閉鎖していました。 クローズから2ヶ月後の今日、ようやくiine logを再リリースできました。 この記事はその記録となります。 iine log | よかったことだけを書きのこすミニブログサービス どんなサービスか iine logは、ひとことでいうと「よかったことだけを書くTwitter」です。 1つの投稿につき100字以内で、よかったことだけを書くことができます。 Facebookだと、よかったことは書きづらいです。 Twitterだと、よいこと悪いこと、様々な感情が流れてきます。 よかったことだけを見たい・書きたいと思い、制作しました。 また、私は承認欲求や自
WordPressには、いくつかのプログラム言語が利用されています。 主に使うものといえば、以下のような言語です。 WordPress関数（PHP）PHPHTMLCSSJavaScript（jQuery）ただ、これだけの言語があると、初めてWordpressに触れる人には、覚えるのが大変なのではないかと思います。 というか、ある程度プログラム経験がある僕でも、揮発性の高い脳を利用しているため、全く覚えられません。 ということで今回は、Wordpressで「これどうすればいいんだったっけ？」「あれなんて関数だったっけ？」なんて時に見ると便利なカンニングペーパー（チートシート）の紹介です。 WordPressチートシートWordPressで重要な部分の覚え書きというか、これだけ覚えておけばある程度Wordpressを使えるようになるチートシートです。 日本語版 WordPress チートシート
2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック！基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト！ テキスト周りで使えるCSSの小技 目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ
box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 Coveloping 便利ツールは現在23種類、アスペクト比の計算や一つのカラーに黒と白を加えたバリエーションを生成したり、box-shadowでふわりとした影をつけたり、jQueryのアニメーションのエフェクトなどがあります。 これからもどんどん増えていくそうです。 その中から、いくつか紹介します。
上記６つのレンタルサーバーは、いずれもWordPressの簡単自動インストール機能が付いてるので、誰でも簡単にWordPressサイトを立ち上げられます。 WordPressを使ったホームページやブログを運営していく場合は、月額1,000円ぐらいからのレンタルサーバーが安心なのは確かです。 格安レンタルサーバーのせいで相場が低くみられていますが、大切なデータは信頼のおけるレンタルサーバーに預けるのが盤石。 「WordPressがうまく動かない…」 「管理画面の動作が遅い…」 「webサイトの表示が遅い…」 こんな方は、WordPressに力を入れているレンタルサーバーに乗り換えるだけでストレスが解消されるので、これまで以上にサイト運営が楽しくなります。 当記事では私の体験の元、現状のレンタルサーバーに不満のある方、レンタルサーバーの新規取得・乗り換えを検討中の方に、WordPressを快適
はじめに インターネット業界で働く方や企業のWeb担当の方にとって、情報収集というのは日々の仕事の結果に繋がる貴重な活動のひとつですね。RSSリーダーやニュースアプリなど手段はさまざまですが、日々最新の情報に高いアンテナを貼っている方も多いかと思います。 その情報収集元のひとつとして、ネット企業のなかのひとが情報発信をしてくれている公式ブログなどなどは非常に参考になることが多かったりします。 ここでは、そんなインターネット業界で働く方や企業のWeb担当の方に参考になると思われるネット企業の公式テックブログをまとめてみました。ぜひご参考ください。 ネット系企業公式テックブログまとめ 「クックパッド開発者ブログ」（クックパッド株式会社） クックパッド開発者ブログ クックパッドのエンジニアがサイトの開発と運営について書き綴ります techlife.cookpad.com 「サイバーエージェント
今注目されている Micro CMS 従来は Joomla, WordPress, Drupal, Movable Type 辺りから制作者の肌に合うツールを選ぶ場合がありました。これらは今でも十分に使える高機能 CMS ですが、機能が多過ぎることから、メンテナンス、運営、ワークフローをしっかり設計していないと、複雑で扱い難いものになることがあります。無料から使える小中規模 CMS は出そろった感がありますが、ここ 1, 2 年ほど新しい CMS を幾つか見かけるようになりました。 Pico : 静的ファイルを管理する CMS Dunked : ポートフォリオに特化した CMS Koken : こちらもクリエイティブ向け CMS Leeflets : 1ページサイトを手軽につくる CMS Ghost : Markdown で書けるブログツール Dropplets : こちらも Markdo
【WordPressで「前の記事」「次の記事」にサムネイルを付けたり、記事が存在しない時の空欄を有効活用しよう】 以前まで、下のような感じでWordPressの個別記事には同じカテゴリのにある「前に書いた記事」と、「次に書いた記事」を表示していました。 前の記事、次の記事を表示 こちらは、次の記事がない状態 上の2つの画像のように、関数「previous_post_link」や「next_post_link」を使って表示していたのですが、この表示ってもっとかっこよくできないかなぁと思いました。例えば、 記事にサムネイルつけられたらいいなぁ「前の記事」「次の記事」が存在しないときの空欄を有効活用したいなどです。そう思ってネットを調べますと、よい方法がありました。もし、「もうちょっとこの辺、かっこよくカスタマイズできないのかな～」みたいに思われている方がいらっしゃいましたら、参考程度にご覧くだ
Gamblogramへようこそ ギャンブログラム（Gamblogram）では、人気のカジノサイトを中心に、カジノゲームについて紹介しています。オンラインカジノは、現在日本でも人気が高まっており、多くのプレイヤーが楽しんでいますが、オンラインカジノはまだまだ日本での普及が進んでいないため、プレイヤーが信頼できるサイトを選ぶことが大切です。 そこでギャンブログラムは安心・安全な運営元が提供するサイトであり、日本語対応のサポートも充実している厳選された人気のカジノサイトを紹介しています。また、各カジノサイトの特徴やボーナス、ゲームの種類などを詳しく解説しているので参考にしてください！ さらに安全性の高いオンラインカジノサイトのみを紹介するだけではなく、カジノゲームについても紹介しています。ルーレットやブラックジャック、バカラなどの人気のテーブルゲームから、スロットゲーム、ビデオポーカーまで、幅広
先日、弊社プログラマーの段田さんのブログで、ボーナスアップの道具として利用された野田です。 あれは、久しぶりに傷ついた。 そして、プライベートでもいろんな人にいじられた。 ネットって怖いですね。 さて、今回は、WEB制作に役立つ定型文のご紹介を致します。 僕自身、デザインする際に構成からガッツリ考えるのが大好きっていうか仕事なので、 それにあわせてダミーテキストを考えることが多いです。 デザインを提出する際には、「テキストテキストテキスト」や「ダミーダミーダミー」で提出することは絶対にしません。 お客様の意図を読み取ってこちらからご提案させていただくということも、Webデザイナーには必要なスキルの一つだと思うからです。 あたりまえなことですが、こういう部分に気づかない方も案外いらっしゃいます。 正直、僕もデザインを始めてすぐの頃にはそんな感じでした。 「仮」という言葉に甘えてしまう事は良く
robots.txtとは robots.txtは、検索エンジンのクローラー（bot）に、クロールされたいページや、クロールされたくないページを教えるテキストファイルのことです。多くの検索エンジンのクローラーは、そのドメインの最上位ディレクトリに設置されたrobotst.txtを最初に読み込んで、クロールするべきページとクロールするべきでないページを取得し、それに基づいて巡回します。ただ、一部のクローラーには、このrobots.txtを無視するものもあります。 robots.txtの書き方はおよそ以下の通りです。 User-agent:（ここにbotのユーザーエージェントを記述。ワイルドカード指定も可能） Crawl-Delay:（クロールの時間間隔を指定） Disallow:（クロールされたくないページやディレクトリを指定） Allow:（Disallowで指定されたディレクトリの小階層で
地理情報を含むデータを表現する場合、地図上で表すことで視覚的にその情報を認知しやすくなります。例えば、車のナビや道路標識などでは、単純に方向や座標だけを示すのではなく、地図上に表現することで、見た人が直感的に認知できるようにしています。本稿では、jQuery対応コントロール集である「Ignite UI 2013 Volume 1」のigMapというコントロールを用いて、地震分布図を作成していきます。 対象読者 JavaScriptの経験者、地図アプリに興味のある方。 必要環境 IDEは特に必要がなく、コード編集用のエディタと動作確認用のブラウザがあれば良いです。 今回使用するigMapコントロールは、jQuery UIウィジェットの一つであり、jQueryライブラリとjQuery UIライブラリに依存します。そのため、対応ブラウザについてもjQuery UIに依存します。 プログラム実行時
Name : Hitoshi Arimura HN :アリソン、arisonjp 大都会岡山の南部にある玉野市生まれ。 大都会岡山のIT会社（目標は大都会No.1） でコンピュータとお客を相手に日夜格闘中。 岡山滞在中は家族ブログ。 出張中はグルメブログ。 基本的に遊び人のおっさん。 ライフハックとガンダム好き。 ギガフロート玉野を浸透中。 Ingressでは青色好きなENL。 質問は 質問箱からどうぞ あなたの「いいね」が欲しいです。 最近の投稿 チャットGPT が語る ギガフロート玉野 2023-12-09 AIが描くギガフロート玉野 2022-12-10 ブログ再開します 2022-01-07 ギガフロート玉野とメタバースについて 2021-12-10 ギガフロート玉野の公式グッズ 2020-12-16 ギガフロート玉野「宇高航路フォーエバー」 2019-12-17 ギガフロート玉野
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く