菜单
ダウンロード 以下のURLにアクセスし、JDKの最新バージョンをダウンロードします。 https://www.oracle.com/jp/java/technologies/javase-downloads.html ダウンロード可能なJDKのバージョンが記載されたページが表示されますので、最新のバージョン(記載時点は、Java SE 14)のダウンロードリンクをクリックします。 JDKのライセンスに関する注意事項と、利用環境ごとのインストールファイルの一覧が表示されたページに遷移します。 筆者は、Windows8.1を64bitの環境で利用していますので、「Windows x64 Installer」の項目のファイルをダウンロードするリンクをクリックします。 ライセンス条件を承諾する旨のメッセージが表示されますので、「I reviewed and accept the Oracl Tec
WordPress テーマに関する記事一覧です。テーマ自作に関する TIPS や無料テーマ・有料テーマのレビュー記事をそろえています。
まずは、iPadの設定の確認をしてみましょう。 私がもっているのは、初代iPadでかなり長く使っているのですが、3年くらい経った頃から、充電の減りが異常に早くなりました。 「結構長く使ってるから、バッテリーの交換が必要なのかなー」と思って、渋谷のApple Storeに行ってみました。 私が、「充電のもちが悪くなったので、バッテリー交換をしてください。」とお願いすると、 スタッフの方は、「では、まずiPadのバッテリーの状態を判断しましょう。」と言って、私のiPadにMacBookを繋いで症状を確認を始めました。 MacbookにiPadの診断ソフトが入っているようで、モニターにいろんな解析情報が表示されていました。 5分程度で解析が終了すると、スタッフの方が「バッテリーには、何も問題ありません。交換の必要性もありません。」と言われました。 私が、「今までは、9時間位放置していても、充電が
はじめに 条件分岐タグ (Conditional Tag) は、テンプレートファイル内で表示される内容や、特定のページ内容を表示する条件を設定するのに使います。例えば、ブログのホームページの上部に短い文を表示させたいとしましょう。is_home()を使えば、簡単に実行できます。 これらのタグはテンプレート階層と深い関わりがあります。 注: 条件分岐タグが使えるのは WordPress の posts_selection アクションフックの後のみです (wp アクションフックはこれらの条件分岐を使える最初のものです)。テーマの function.php 本文内 (関数の外) では正しく動作しません。 しかし query オブジェクトへの参照があれば (例えば parse_query または pre_get_posts フック内から )、WP_Query 条件メソッドを使用できます(例: $q
WordPress は、テーマの変更やカスタマイズで自分好みのデザインにできます。記事を書く以外の楽しみ方も増えますし、記事ネタが思い浮かばないとき・モチベーションが下がっているときの気分転換にもなりますよね。 しかし、読者を無視したデザインになっていないでしょうか。どんなデザインにするのも運営者の自由ですが、最終目的は「読まれるブログ」を作ることだと思います。そのため、最低限のルールは守らなければいけません。 本記事では、ブログ初心者が覚えておくべきデザインの基本とルールを解説していきます。 デザインは読者のためにある 大前提として覚えておくべき基本は、「デザインは読者のためにある」ということ。 自分だけが見る自分のためだけに作ったブログなら、100 % 自分に合わせてもよいと思います。でも、あなたが読みやすい・使いやすいと感じているから周りもそうだ、とはかぎらないのです。 客観的な視点
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
ブログ記事に欠かせない「アイキャッチ画像」とは、読んで字のごとく「読者の目線を引きつける画像」のことです。 トップページの記事一覧表示や SNS でシェアされたときにクリック率を高め、タイトルや見出しの前後に挿入することで記事のイメージを伝える役割を持ちます。 フリー素材をそのまま使ってもよいのですが、それだけだとオリジナリティに欠けてしまいますよね。 そこで、フリー素材を加工して簡単にオリジナリティを出す方法をご紹介します。
facebookでは『facebookページ(旧ファンページ)』を作成してファンを集め、コミュニケーションをとったり商品やサービスの情報を提供することができます。多くの企業で注目しされ、facebookページを作成し活用しています。 でもSNSはfacebookだけではありません。できるだけ多くのユーザーにまでリーチを拡げたいなら『Google+ページ』も利用してはいかがでしょうか? Google+ページもfacebookページ同様にコミュニケーション・情報提供などが簡単に行えるツールです。現時点ではfacebookよりもユーザー数が少ないGoogle+ですが、「facebookは利用していないけどGoogle+は利用している」という方もいるでしょうし、情報を伝える窓口を増やすことは大切です。 ページは簡単に作成できますので是非トライしてみてください! まずGoogle+にアクセスしましょ
PhotoShopで、よくあるごく単純な作業なのにかなりわかりづらいのが、塗りつぶされ ていない円を描くことです。 不思議なことに世の中に沢山溢れているPhotoShop本でも 取り上げられることが殆どありません。 次の方法があります。 円型の選択範囲を作り「境界線を描く」 作業パスを描き、「パスの境界線を描く」でブラシや鉛筆を使う 円形のシェイプを描き、レイヤースタイルで調整する (お勧め) 円の中に少し小さな円を「シェイプが重なる部分を中マド」で描く いずれも、妙に回りくどく、一回できてもしばらくすると、忘れてしまい そうな方法です。 ・選択範囲が最も簡単な方法です。しかし、失敗すると 取り返しが付きません。しかも失敗しがちです。 ・レイヤースタイルで調整する方法は、Photoshopの真骨頂とも言える 手法への入り口ともなりますのでトライしておく価値はあるかも しれません。後での色の
はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします! もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ(エッジを整列)」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…! CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください! 1.
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します!「jQueryってなんだ?」という人もコピペで実装できますよ!サンプルも用意したのでぜひご覧ください! ↑私が10年以上利用している会計ソフト! 追記:この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です!詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
2019年6月4日 Webデザイン, ダウンロード, フォント 女性Webデザイナーにとっては「かわいいと言えばこんな感じ!」という基本的な概念が自然と身についているものの、男性デザイナーにとってはなかなか難しい女性テイストのデザイン。でも大丈夫!今回紹介する無料素材やフォント・配色例を組み合わせれば、きっと女子力の高いかわいいデザインができあがるはずです!紹介する素材はすべて商用利用OK!参考になるデザインのWebサイトもいくつか紹介します!(あ、ちなみによく誤解されますが、私、Webクリエイターボックスの中の人は女ですw) ↑私が10年以上利用している会計ソフト! 目次 無料フォント 無料アイコン・イラスト素材 無料の背景パターン素材 「かわいい」を実現する配色例 かわいい系デザインのWebサイト実例 無料フォント 曲線をうまく使うと女性らしいデザインに仕上がります。そこで、使用するフ
2013年4月17日 フォント キャッチコピーや見出し、ちょっとした装飾に使える英字フォントを紹介します。どれも無料で商用利用もできるなんてすごいですねー!個性的すぎて読みづらいものも多いので、読んでほしい部分や本文には不向きです。大きくどどーんと使っちゃいましょう! ↑私が10年以上利用している会計ソフト! Salt & Foam まるっこいシェイプと複数の細いラインがとっても綺麗ですねー!ライセンスの明記はありませんでしたが、メールで確認したら商用利用OKとの事です。 Feel free to use the font in your commercial work, as it is publicly licensed. Enjoy! PAPERWORK 紙を折りたたんだようなフォント。ラインや水玉模様入りもあります。 Costura クロスステッチ刺繍風のおしゃれフォント。加工する
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事?私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします!何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな!と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト! フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
2020年8月4日 Webサイト制作 こんにちは!ついにWebクリエイターボックスのサイトが完成しました!これからこのサイトと、制作者のManaをよろしくお願いします!さて、さっそくですが最初の記事、Webサイトを作る前にすること。突然Photoshopを立ち上げてデザインを始めても、ユーザーが必要とするWebサイトが出来上がる可能性は極めて低いと思います。デザインやコーディングを始める前に、「このWebサイトは何のために作るのか」「誰がどのようにこのサイトを使うのか」をまとめておきましょう! ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その1 目標:Webサイトを作る目的を明確にする 必要なもの:紙とペン 対象レベル:超初心者OK! 目次 誰のため?何のため?Webサイトを作り始める前に。 ←今ここ Webサイトの構成図を簡単に作れる便利ツール Webサイ
2017年1月6日 Webサイト制作, 便利ツール コーディング規約やスタイルガイドは、HTMLやCSSのマークアップや、各種プログラミング言語の書き方をまとめたものです。コーディングスタンダードやコーディングガイドラインとも呼ばれますね。コーディング規約を決めていなかったり、あいまいにしたまま進めていくと、書式が統一されていないため、コードを追加すればするほどゴチャゴチャしたコードになりがちです。チームでコーディングしていくならなおさら。今回チーム用のコーディング規約を見直すことになったので、その時感じた抑えておくべきポイントをまとめてみます。 ↑私が10年以上利用している会計ソフト! コーディング規約に含むべき項目 ディレクトリー階層 ファイルを保存するフォルダーの階層や、そのフォルダーの名前を決めておきます。画像を格納しているフォルダーを例にあげても、「image」「images」「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く