ReactとVueってどう違う？全く同じアプリをReactとVueで作成してみて分かった相違点
日常的にVueを使用している開発者が、Reactはどうなのだろうと思い、ReactとVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 I created the exact same app in React and Vue. Here are the differences. 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 隣の家の芝生は青く見える VueとReactで作成したアプリの見た目を比較 VueとReactはデータをどのように変更させるか アイテムの新規作成 アイテムの削除 イベントリスナーを渡す 子コンポーネントにデータを渡す 親コンポーネントにデータを戻す 終わりに 隣の家の芝生は青く見える 私は現在の職場でVueを使用しており、Vueがどのように機能するかかなり理解してい
縦書きや擬音や魔方陣のフォント大集合！マンガや同人誌に無料で使える日本語のフリーフォントのまとめ
縦書きのマンガのセリフや吹き出しに、実際に聞こえる音や様子を表現する音を書き文字に、普通の人には読めないヒエログリフ・神代文字や魔方陣にぴったりの文字など、マンガや同人誌に無料で利用できる日本語のフリーフォントを紹介します。 Rounded Mgen+ 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 「フリーフォントを一つだけ」と聞かれたら、この使いやすい丸ゴシックのフリーフォントがオススメです。 収録漢字は14000文字以上！ JIS第一・第二・第三・第四水準に対応。極細から極太まで7種類が用意されており、さらに丸みを変化させた3バージョンが揃っています。 ちょうどよい丸ゴシックって、なかなかないんですよね。
フォームはラベルの配置場所で使いやすさが全然変わる！ユーザーが利用しやすいフォームを徹底考察 | コリス
あなたのフォームは、ユーザーが簡単に利用できますか？ もし簡単でないなら、フォーム入力を完了するのも予想以上に難しいとも言えます。 ユーザーが入力しやすく、そして入力内容の確認も簡単なフォームについての考察を紹介します。 Why Infield Top Aligned Form Labels are Quickest to Scan by anthony 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 フォームは入力前、入力後の分かりやすさが大切 最近のフォームで見かける問題 1つ目：ラベルとフィールドを上から順番に配置した場合 2つ目：ラベルをフィールドの内側に配置した場合 3つ目：ラベルをフィールドの内側のトップに配置した場合 ラベルの配置を内側トップに変えるとどうなるか ラベルを内側トップに配置するのが機能するフォームとは まと
パワーポイントや同人誌などでの見栄えがグッとよくなる日本語のフリーフォント -源真・源柔ゴシック
自家製 Rounded M+の作者様がこの夏、新たにリリースされた普段使う時でも見栄えがグッとよくなる日本語のフリーフォントを3つ紹介します。 もちろん個人でも商用でも無料で、Webでも紙でも利用でき、成果物またはその派生成果物のコピーを複製したり頒布することもできます。 源真ゴシック・源柔ゴシックは先日Adobeからリリースされた「源ノ角ゴシック」をベースに、ビジネスやホビーなどでの使い勝手を重視し、細部を改善したフリーの日本語フォントです。 フォントはOpenTypeではなくTrueTypeで用意されているので、パワーポイントのスライドなどにもフォントの埋め込みができるようになっています。 パワーポイントのスライドにフォントを使用 プロポーショナルフォント（等幅フォントも）が用意されているので、そのまま文字を入力するだけで、間延びせずいい感じに詰められて表示されます。 「フリーフォント
ウェブサイトやブログを制作する時の手書きのワイヤーフレームのまとめ
ウェブデザイナー・ディレクターが実際に、サイトやブログ・ポートフォリオなどの設計をどのように行っているかが垣間見ることができる手書きのワイヤーフレームをDesignbeepからとプラスαで紹介します。 30 Great Examples of Web Design Sketches ちなみに僕は勝負用にA3、携帯用にB5サイズでしゃこしゃこしてました。
サーバーの設定をカスタマイズ、よく利用する「.htaccess」の設定のまとめ
.htaccess For All 下記は各ポイントを意訳したものです。 「.htaccess」ファイルを編集する際は、必ずバックアップをとることをお勧めします。 .htaccessファイルの作成とアップロード .htaccessの使い方・有効範囲 .htaccessのよく使う設定のまとめ .htaccessファイルの作成とアップロード 「.htaccess」ファイルを作成することは非常に簡単です。 テキストベースのアプリケーションを開き、ワードラップ機能をオフにしてコードを記述し、ファイルを保存します。 Windowsのメモ帳などを使用すると保存する際、ファイル名に「.txt」が加わってしまいます。 .htaccess.txt これは特に問題ありません。 ファイルをアップロードした後、サーバー上でリネームしてください。 .htaccess ファイルをアップロードする際は、ASCIIモード
[JS]実行のタイミング（開始時間・回数・リピートなど）を簡単に設定できるスクリプト -timing
JavaScriptにはsetTimeout(), setInterval()とタイミングを設定できるメソッドがありますが、より簡単にタイミング（遅延時間・回数・リピートなど）を設定できるjQueryのプラグインを紹介します。 timing — a jQuery plugin [ad#ad-2] デモを例に、スクリプトの使い方を紹介します。 スクリプトの準備 スクリプトを使用するには「jquery.js」と当スクリプトを外部ファイルとして記述します。 ※jQueryは1.2+対応で、.join()使用時は1.7+を。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/<preferred-version>/jquery.min.js"></script> <script type=
ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン
実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] 下記は各ポイントを意訳したものです。 2カラム、広いヘッダ 3カラム、広いヘッダ フォーボックス 不確定なグリッド 大きいスクリーンショット シングルカラム 打ち出し画像 固定サイドバー グリッドベースのギャラリー マガジンスタイル [ad#ad-2] 2カラム、広いヘッダ これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。 慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイ
デザインが苦手な人、すぐに使いたい人にぴったりなウェブページ・ワイヤフレーム用のPSD素材 -Layout Lab
デザインが苦手な人、すぐに使いたい人にぴったりなウェブページ・ワイヤフレーム用のPSD素材 -Layout Lab
全36種、紙やノートの端が少しめくれたPhotoshop用のPSD素材
商用でも無料で利用できる、端が少しめくれてカール状になっている紙やノートのPhotoshop用のPSD素材を紹介します。
ブログやウェブサイトですぐに役立つ「.htaccess」の設定のまとめ | コリス
ただいまメンテナンス中です。 （The server is now under maintenance） ご迷惑をお掛けいたしまして、大変申し訳ございません。 メンテナンス作業が終了次第、サービスを再開いたします。 今しばらくお待ちいただきますよう、よろしくお願い申し上げます。
Win/Mac/Linuxで動作するiPhone/iPadエミュレーター -iBBDemo3
Windows, Mac OS, Linuxで動作するAdobe AirアプリのiPhone/iPadエミュレーター「iBBDemo」が3にバージョンアップしたので紹介します。 iBBDemo3 [ad#ad-2] iBBDemoはiBBDemo2からAdobe AIRベースになり、一時開発が打ち切られましたが、このたびiBBDemo3をリリースした、と作者様より連絡をもらいました。 iBBDemo3の変更点は、バグ修正とviewportメタタグへの対応です。 iBBDemo3のiPadモードで当サイトを表示 iBBDemo3のキーボードショートカット iBBDemo3の主な操作はキーボードショットカットで行います。 iPad Ctrl+1 iPhone Ctrl+2 位置変更 Crtl+矢印キー（右・左） ズームイン Ctrl++ ズームアウト Ctrl+- コンテンツのスクロール マウ
汎用性の高い、jQueryの定番系プラグインのまとめ
単体で使ってもいいし、それを使って更に面白いものを作りだすのにも役立つjQueryの定番系プラグインを紹介します。 いつもリリースされたばかりのプラグインを紹介しているので、たまには定番系で汎用的なものを。
[JS]画像はそのままで、カラートーンや不透明度のアニメーションを加えるスクリプト -MyFadeOverImage
画像自体をPhotoshopなどでレタッチする必要なく、カラートーンや不透明度の変更をフェードのアニメーションで加えるjQueryのプラグインを紹介します。 My Fade Over Image デモページ [ad#ad-2] My Fade Over Imageの実装 カラートーンや不透明度は、簡単に設定できます。 MyFadeOverImageの基本書式 $("#demo1 img").MyFadeOverImage({ normalAlpha:0.9, hoverAlpha: 1, normalToneColor:"#000" }); normalAlpha 通常時の不透明度 hoverAlpha ホバー時の不透明度 normalToneColor 通常時のカラートーン 実装も簡単で、「jquery.js」と当スクリプトを外部ファイルとし、jQueryのセレクタで画像を指定し、不透明
色鉛筆のような素朴なタッチで描けるPhoshopのブラシ素材 | コリス
Coloured Pencil Brushes - PS7 [ad#ad-2] 色鉛筆のようなタッチは、テクスチャやフィルターなど使う必要なく、下記のようなタッチでそのまま描けます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ヒエログリフ・トンパ文字・ルーン文字など、普通の人にはちょっと読めないフリーフォントのまとめ
知らないと損！イラストの表現の幅が広がるSAIのブラシ設定のまとめ
ヴィクトリア朝から40-80年代まで、ヴィンテージ風のロイヤリティフリーのベクター素材がたくさん揃ってる -Retro Vectors
ダウンロードしておきたいフリーのデザインフォントのまとめ -2012年9月
ゲーム感覚でレイアウトを組み立てる、HTML5+CSS3に対応したレイアウトジェネレーター -PageBlox