コーディング - ページ 27

オープンソースソフトウェアは情報技術の開発を加速し、かつてない機会を生み出しました。 DrupalやWordPressなどの無料のCMS、あるいはLinuxディストリビューションが提供するデスクトップ環境を無料で使用できるスタートアップや中小企業について考えてみてください。. Sourceforge、GitHub、WordPress Plugin Repositoryなどからダウンロードできるオープンソースソフトウェアは通常、 ボランティア開発者によって自由時間に書かれ、維持されている. 私たちがオープンソースソフトウェアを使ったことがあるのなら、私たちは単なるエンドユーザーではなく、オープンソースコミュニティのメンバーでもあります。. 運動の成功はその利用者に大きく依存しているので、オープンソースを私たち自身のプロジェクトと考えることが重要です。 改善のために私たちができることについて熟考する 当社が使用するオープンソース製品（ソフトウェア、プラグイン、テーマ、コードスニペット、ブログプラットフォーム、オペレーティングシステムなど）. クリスマスがやってくるので、この記事では、オープンソースコミュニティにどのようにして恩恵を受けることができるかについて見てみます。. 私たちのお気に入りのソフトウェアに肯定的なレビューを与える オープンソース開発者は通常、金銭的な報酬を受けていないので、そうでなければ動機を与える必要があります。彼らの多くは悲しいことにユーザーが肯定的なものよりもはるかに簡単に否定的なレビューを与える傾向があることを経験しました. この傾向は通常、基本的な人間の心理学の結果として見られ、怒っているユーザーは機能しないソフトウェアに混乱しています。 品質についてもっと早くコメントする ニーズが満たされている誰かよりも、それはまた別の側面からそれを考える価値があります. 少し前向きなレビューを得ることは、オープンソース開発者にとって非常に意欲的ではありません。, ですから、もし私たちが良いテーマ、プラグイン、またはソフトウェアを見つけた場合、その出身地に戻り、開発者に正のフィードバックを残すことは常に良い考えです。. たとえ彼らが返事をする時間がなくても、彼らはきっとそれに感謝するでしょう。クリスマスは私たちのお気に入りのプラグインやテーマの作者をギフトとしての素晴らしいレビューで驚かせるのに最適な時期です。. 否定的なレビューをする前に質問をする すべての善意にもかかわらず、私たちが想像したように何かがうまくいかないことがしばしば起こります。それは必ずしもソフトウェアの問題ではありませんが、それは 私たちの地域の環境の問題からも発生することができます, の 他のソフトウェアとの互換性 私たちが使うこと、そして他の多くのこと. 否定的なレビューを残すことは最後の手段として見られる必要があります 活気のあるオープンソースコミュニティが欲しいなら。必要なソフトウェアは無料で入手できることを常に覚えておく必要があります。 私たちは顧客の役割ではなく、ピアの役割を果たしています。. 私たちがオープンソースソフトウェアをダウンロードできるオンラインプラットフォームは、通常、開発者に連絡するためのいくつかの方法を提供するので、その機知に富んだ1つ星のレビューを終了する前に、それは常に良い考えです 問題を詳しく説明する...

Firefoxが「開発者のブラウザ」であることには、私たちの作業を容易にするのに役立つ多くの優れたツールがあります。あなたはFirefox開発者用ツールのWebページでそのツールコレクションに関する詳細を見つけることができますそしてまたテストされているより多くの機能とツールを持っている彼らのDeveloper Editionブラウザを試すことができます. この記事のために、私はリストにしました 10個の便利な道具 あなたはその開発者ツールコレクションから好きかもしれません。また、これらのツールがGIFでできることと、クイックリファレンスのためにそれらにアクセスする方法についても説明しました。. 1.水平定規と垂直定規を表示する Firefoxはそれを支配するツールを持っています 水平定規と垂直定規の両方をピクセル単位で表示 ページ上。このツールは、ページ全体に要素を配置するのに便利です。. メニューから定規にアクセスするには、次のURLにアクセスしてください。 開発者 > 開発者ツールバー （ショートカット：Shift + F2）。ツールバーがページ下部に表示されたら、次のように入力します。 定規 を押して 入る. これを開発者ツールウィンドウに表示するには、「ツールボックスオプション」に進みます。 [利用可能なツールボックスボタン]セクションで、[]をクリックします。ページの定規を切り替える"チェックボックス. 2. CSSセレクタを使ってスクリーンショットを撮る Firefoxのツールバーでは全ページまたは目に見える部分のスクリーンショットを撮ることができますが、私の考えではCSSセレクター方式がキャプチャーにはもっと便利です。 個々の要素のスクリーンショット と同様に マウスオーバー時に表示される要素 のみ（メニューのように）. メニューからスクリーンショットを撮るには、☰>に進みます。 開発者...

コードフォールバックは、多数のユニーク訪問者と妥協するのに最適なソリューションです。 Web上の誰もが同じオペレーティングシステム、Webブラウザ、あるいは物理的なハードウェアさえも使用しているわけではありません。これらすべてが、Webページが実際に画面に表示される方法に影響します。新しいCSSやJavaScriptのトリックを扱う際には、しばしばそのような技術的なバグに遭遇するでしょう。. しかし、これらの落とし穴であなたを落胆させないでください。このガイドでは私はいくつかをまとめました 最も一般的な代替技術 CSSやJavaScript / jQueryに焦点を当てているWebデザイナーのためのものです。他のすべてが失敗するとき、あなたはユーザーに少なくとも基本的なページ機能性を提供したいです。シンプルさはユーザーエクスペリエンスデザインの分野で最高. 以下のガイドをチェックして、コメント欄にあなたの考えや質問をお知らせください。. 1.画像と角の丸い CSS3技術は主流のWebデザインに急上昇しました。最も注目すべき特性の1つは ボーダー半径 その場で丸みを帯びた角を可能にします。これらは事実上すべてのボタン、div、またはテキストボックスで美しく見えます。唯一の問題はWebブラウザ間のサポートが限られていることです. Internet Explorer 7を含む多くの古いブラウザはこのプロパティをサポートしていません。だから丸みを帯びた角をすべての標準的なブラウザのために働かせ続けるためにあなたは画像で予備を造る必要があるでしょう. 標準コードは、各コーナーの画像に対応しながら、メインdivの通常のCSS3プロパティを使用します。バックグラウンドでコーナー画像を表示するために使用されるメインコンテナ内に追加のdivを設定する必要があるでしょう。. ＃mainbox -webkit-border-radius：5px; / * Safari * / -moz-border-radius：5px; / * Firefox \ Gecko Engine...

コードを学ぶことは まったく簡単ではない. それを引用することによって人々をコーディングに押し込もうとする多くのウェブサイトを見つけるかもしれません 簡単 マスターへの貿易. しかし、それは集まり、得意とするのが最も難しいスキルの1つです。それは ガイドよりも実験の多く それに従う必要があります. 初心者として、あなたはその旅が何を保持しているのか、あるいはそれが初心者から中級者レベルに進むのが好きであることを知りたいと思うかもしれません。学習経験 人によって異なります, そしてあなたはあなた自身の道を選ぶのは完全に自由です. ここにあります プログラミングを始める前に知っておくべき10のこと. これらの点を知っていれば、何を期待し、どのようにプログラミングにアプローチするかについて、すぐに始めることができます。. 1.基本を正しく理解する あなたが学び始めるとき、あなたが確実にする必要がある最初の事は“基本”. それはの最初のステップです コーディング忍者になる. 基本を正しく理解するためには、 コンピュータサイエンスのコアを学ぶ, 他の取引と同じように、あなたは出会うでしょう。現在何百ものオンラインコースがあります 初心者向け. 明らかに、インターネットは初心者を気にかけていて、たくさんの情報を提供しています - 初心者の天国! あなたがする必要があるのはそれらを通して捜すことだけです あなたの要求に最適. あなたは私たちのもののこの記事に記載されているオンラインの場所のいずれかで始めることができます（下記）. A 適切な理解...

私たちはコードを書いている間、私たちは継続的に決断を下し、最初は同等と思われる解決策を選びます。後でそれは通常それが判明 いくつかの選択は他よりも効率的なプログラムをもたらします, そのため、最適なコーディング方法と最適化手法の探求が自然に起こり、私たちは 解決する最適化問題として開発プロセス全体を見る. 開発者が定期的に対処するのは最適化問題だけではありません。たとえば、決定問題や検索問題もありますが、最適化はおそらくWeb開発のさまざまな段階を含むタスクです。. コードの最適化は、実行する最適化がマシンコードにどれほど近いかによって、さまざまなレベルで発生する可能性があります。. Web開発では、より高いレベルの最適化しか実行できません, アセンブリレベルまたはランタイムレベルの最適化は私たちにとって選択肢ではないので、まだ多くの機会があります。. アーキテクチャレベルでコードを最適化することができます。 スマートデザインパターン, ソースコードレベルでは、ベストプラクティスと適切なツールを使用することで、チームのパフォーマンスを向上させることができます。 ワークフローにコーディングスタイルガイドを導入する. どのような手法を選択しても、すべてのコードの最適化に従う必要があるという経験則があります。 コードの意味を変えないような方法で最適化を実行する. コード最適化の利点は、プロジェクトの成長に合わせて大きくなり、 最初は小さなプロジェクトでも時間とともに大きくなることがあります, 堅実なコード最適化スキルを習得することは、ほとんど常に測定可能なプラスの結果をもたらします. 1.クリーナーコードベース プロジェクトが成熟するにつれて、そして ますます多くの開発者がそれに取り組み始めています, 複製や重複は通常遅かれ早かれ現れますが、突然、何が起こっているのか理解できないことがわかります。. 画像：FreepikDRY（Don't Repeat Yourself）の原則を念頭に置いておくことが効果的なソフトウェア開発の礎石の1つであることは偶然ではありません。しっかりとした、慎重に最適化されたコードベース。 同じ要素を複数回再利用する 常になめらかで整頓されているので、理解しやすくなり、一緒に作業することができます。. より高い一貫性 一貫性は家事のようなもので、誰にも気付かれないように気をつけてください。しかし、それを無視したときには、場所全体が乱雑に見えます。. 完全な一貫性を達成することは難しい 下位互換性を確保することは、最終的には改善の妨げとなる可能性があります。,...

HTMLの仕様は 大幅な見直し 数週間前にW3Cが出版したとき 新しいHTML 5.1勧告 最近のブログ投稿で、W3Cは新しいメジャーリリースを ゴールドスタンダード, HTML 5.1はHTMLを使用してより柔軟なWebエクスペリエンスを作成する方法の新しい方法を提供します。. この記事では、皆さんが利用できる新機能について説明します。 JavaScriptに触れずに, しかし、JavaScriptの背景の改善は、あなたがそれを見ることができるように、注目に値する。 公式変更履歴. 現在すべてのブラウザがこれらの機能のすべてをサポートしているわけではないので注意してください。 ブラウザのサポートを確認する あなたが生産にそれらを使用する前に。に興味があるなら HTML標準のさらなる発展, HTML 5.2のドラフトもチェックすることができます。. レスポンシブデザインのための複数の画像リソースの定義 HTML 5.1では、あなたは使うことができます と一緒にタグ付け srcset 作成する属性 レスポンシブ画像選択 可能。の タグは 画像コンテナ これにより開発者は...

Web開発者が特定の結果を達成するために使用できるCSSスニペットがたくさんあります。次に、コンテンツを垂直方向に整列させるなどの目的で使用できるCSSトリックがあります。 CSSは進化を続けるエンティティであり、繰り返しますが、CSSの便利なトリックをよく知っています。. 今日の投稿では、私はあなたを紹介しています あなたが知らないかもしれない10以上のCSS属性とトリック. 1.縦書き というCSS属性があります。 書き込みモード それはこれら3つの値の1つを受け入れます。 水平方向のTB, 垂直方向 そして 縦長. 水平方向のTB これがデフォルトであり、それは要素内の典型的な左から右への水平テキストフローを引き起こします。. の 垂直-* ただし、値は垂直方向のブロックフロー用であり、ブラウザによってテキストが上から下に書き込まれます。に 垂直方向, 前の行の左側に新しい行が追加されます。 縦長. これは役に立ちます 中国語や日本語などの言語を表示する これは通常上から下に書かれていて、テーブルの見出しのように水平方向のスペースを節約するためにテキストを垂直に表示したいときにも使われます。. 注意： 個々の文字の方向を制御したい場合は、必要に応じて、文字の向きを縦にしたり横にしたりできます。. -webkit-writing-mode：vertical-rl; -ms-writing-mode：tb-rl;書き込みモード：vertical-rl。 CodePenのPreethiによるPen writing-mode CSS属性（@rpsthecoder）を参照してください。....

Lintingツールは開発者にとって非常に役立ちます。 上質で最適化されたコードを書く. リンティングは、ソースコード内のエラーを探し、潜在的なバグにフラグを立てるコードチェックプロセスです。ほとんどのリンターは静的コード分析手法を使用しています。 コードは実際には実行されずにチェックされます. コードを書いている間、ファイルを保存したとき、変更をコミットしたとき、コードが本番に入る前など、さまざまな場面でヒントを得ることができます。ワークフローがどのようなものであれ、重要なことは 定期的に糸くず, 将来多くの頭痛からあなたを救うことができるように. リンターは単にバグ防止ツールではありませんが、デバッグ中にも効果的に使用できます。 キャッチしにくいエラーを見つけるため さもないと。この記事では、コードの品質を向上させるためにCSSファイルとJavaScriptファイルをリントするために使用できる10個の強力なツールを紹介します。. 1. CSSLint CSSLintは明らかに「あなたの気持ちを傷つける」ことを意図していますが、その代わりに「あなたはコードをずっと良くします」。 CSSLintは現在、CSSリンティングの市場をリードしています。それはJavaScriptで書かれており、それはオープンソースであり、そして設定可能なオプションのトンが付属しています. CSSLintはあなたをすることができます どんな種類のエラーや警告を選択する （互換性、性能、複製など） テストしたい, そして 選択した規則に照らしてCSS構文を検証します。. ブラウザで動作するだけでなく、コマンドラインインターフェイスもあります。独自のビルドシステムに統合することもできます。. 2. SublimeLinter CSSLint CSSLintは非常に効果的なCSSリンターであり、それに対処する競合他社を見つけるのは困難です。おそらくそれがSublimeLinterリンティングフレームワークがCSSリンティングプラグインをその上に構築した理由です。 SublimeLinterはSublimeTextプラグインです。 SublimeText edito内で自分のコード（CSS、PHP、Python、Java、Rubyなど）をリントする手段をユーザーに提供します。r. SublimeLinter CSSLintプラグイン自体をインストールする前に、CSSLintをNode.jsモジュールとしてインストールする必要があります。この便利なツールの素晴らしいところはあなたがいるということです。...